/* Soporte del componente Icon.vue (SVG), en reemplazo de Font Awesome.
   Estas reglas reproducen los estilos que antes aplicaban a <i class="fa fa-...">
   pero que apuntaban al tag "i" o a la clase ".fa" y ya no matchean el <svg class="rp-icon">.
   Si algo se ve mal, este archivo se puede quitar del <link> en layouts/landing.vue sin afectar nada más. */

/* Tamaño base (antes vivía en el <style scoped> de Icon.vue, donde competía en
   especificidad con las reglas de este archivo de forma impredecible según orden
   de inyección). Vive acá para que todo el sizing se resuelva en un solo lugar. */
.rp-icon { width: 1em; height: 1em; }

/* Tamaños equivalentes a las clases de Font Awesome */
.rp-icon.fa-lg { width: 1.33em; height: 1.33em; }
.social-icon-circle.rp-icon { width: 1.7em; height: 1.7em; }
.rp-icon.fa-2x { width: 2em; height: 2em; }
.rp-icon.fa-3x { width: 3em; height: 3em; }
.rp-icon.fa-fw { width: 1.28em; text-align: center; }

/* public/css/style.min.css */
.box-icon.s2 .rp-icon { position: absolute; box-sizing: border-box; width: 54px; height: 54px; padding: 12px; border-radius: 5px; color: #ffffff; }
.social-icons .rp-icon { color: #fff; box-sizing: border-box; width: 34px; height: 34px; padding: 6px; border-radius: 100%; background: #ffffff; }

address span .rp-icon { margin-top: 5px; margin-left: 5px; margin-right: 15px; }
address.s1 span .rp-icon { width: 17px; height: 17px; }

/* pages/alquiler-camionetas-norte-peru.vue, alquiler-autos-en-piura.vue, alquiler-autos-en-talara.vue, alquiler-autos-en-chiclayo.vue */
.badge-feature .rp-icon { color: var(--primary-color); width: 16px; height: 16px; }
.divider-icon .rp-icon { color: white; width: 14px; height: 14px; }
.btn-city .rp-icon { width: 18px; height: 18px; }

/* pages/index.vue */
.er-punto-icon .rp-icon { width: 1.5rem; height: 1.5rem; color: var(--primary-color, #c00f0f); }

/* pages/rent-car-piura-experiencia.vue */
.aeropuerto-btn-icon .rp-icon { width: 18px; height: 18px; color: #c00f0f; transition: color 0.2s ease; }
.aeropuerto-btn.activo .aeropuerto-btn-icon .rp-icon { color: #fff; }

/* pages/alquiler-autos-norte-peru.vue */
.cotizar-dropdown-item .rp-icon { color: #c00f0f; }
.link-ver-mas .rp-icon { width: 12px; height: 12px; margin-left: 3px; transition: transform 0.3s ease; }
.link-ver-mas:hover .rp-icon { transform: translateX(3px); }

/* layouts/landing.vue */
.phone-link .rp-icon { color: inherit; }
.phone-link:hover .rp-icon { color: inherit; }

/* pages/alquiler-autos-en-piura.vue (svc-*) */
.svc-badge .rp-icon { width: 22px; height: 22px; color: #c00f0f; margin-top: 2px; flex-shrink: 0; }
.svc-info-list .rp-icon { color: #c00f0f; width: 16px; height: 15px; margin-top: 2px; flex-shrink: 0; text-align: center; }
.svc-card-title .rp-icon { color: #c00f0f; }
.svc-card-title--info .rp-icon { color: #c00f0f; }
.svc-list .rp-icon { color: #c00f0f; width: 14px; height: 14px; flex-shrink: 0; }

/* pages/alquiler-autos-en-talara.vue */
.ventaja-list .rp-icon { width: 1.4rem; height: 1.4rem; flex-shrink: 0; margin-top: 3px; }