/*
Theme Name: Fimtrack Clásico
Theme URI: https://www.fimtrack.com.mx/
Author: Fimtrack
Description: Copia del sitio de 2022 sin Elementor, con el SEO de fimtrack-core. Diseño: docs/superpowers/specs/2026-09-28-tema-fimtrack-clasico-design.md
Requires at least: 7.0
Tested up to: 7.1
Requires PHP: 7.4
Version: 0.1.10
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fimtrack
*/

/* 1. Base ---------------------------------------------------------------- */
/* Medidas tomadas del sitio de 2022 (Elementor): contenedor de 1140 px y quiebre de celular en 767 px. */
/* Gris de texto en fondos claros: el #898A8D de producción da 3.45:1 sobre blanco y no pasa AA en texto chico.
   #6B6C6F da 5.25:1 (4.86:1 sobre #F6F6F6). En el pie oscuro se queda el de producción. */
/* Fondos con texto blanco: el azul de marca #0082CA da 4.2:1 con blanco (no pasa AA); #006BA6 da 5.7:1. El de marca se
   queda en íconos, puntos y líneas (decisión de Manuel, 2026-09-28). */
:root { --fimtrack-gris-texto: #6B6C6F; --fimtrack-azul-fondo: #006BA6; }
body { -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
.fimtrack-contenedor { box-sizing: border-box; width: 100%; max-width: 1140px; margin-inline: auto; padding-inline: 10px; }
.fimtrack-pagina { margin: 0; }
.fimtrack-pagina > .wp-block-post-content > * { margin-block: 0; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--wp--preset--color--azul); outline-offset: 2px; }
.fimtrack-encabezado a:focus-visible, .fimtrack-pie a:focus-visible { outline-color: currentColor; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 2. Encabezado ---------------------------------------------------------- */
.fimtrack-encabezado { position: relative; margin: 0; }
/* Las franjas del encabezado y del pie van pegadas: sin el espacio entre bloques de WordPress. */
.fimtrack-encabezado > *, .fimtrack-pie > *, .fimtrack-barra-menu > *, .fimtrack-pie-principal > * { margin-block: 0; }
.fimtrack-encabezado a { text-decoration: none; }
.fimtrack-barra-contacto { background: var(--wp--preset--color--claro); }
.fimtrack-barra-contacto__fila { display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: 37px; }
.fimtrack-barra-contacto__dato { display: inline-flex; align-items: center; gap: 13px; color: var(--fimtrack-gris-texto); font-size: var(--wp--preset--font-size--mini); line-height: 1.4; }
.fimtrack-barra-contacto__dato img { flex: none; width: 16px; }
.fimtrack-marca { display: grid; grid-template-columns: 44% 30% 26%; align-items: center; min-height: 83px; }
.fimtrack-logo img { display: block; width: 247px; }
.fimtrack-marca__robo { display: inline-flex; align-items: center; gap: 6px; color: var(--fimtrack-gris-texto); font-size: var(--wp--preset--font-size--mini); line-height: 1.6; }
.fimtrack-marca__robo img { flex: none; width: 35px; }
.fimtrack-marca__robo-titulo { display: block; color: var(--wp--preset--color--azul); font-size: 14px; line-height: 1.5; margin-bottom: 2px; }
.fimtrack-redes { display: flex; gap: 10px; margin: 0; padding: 0 10px; list-style: none; }
.fimtrack-redes a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--wp--preset--color--azul); color: #fff; }

/* 3. Menú ------------------------------------------------------------------ */
.fimtrack-barra-menu { background: var(--fimtrack-azul-fondo); margin: 0; }
.fimtrack-barra-menu__fila { display: flex; align-items: center; justify-content: space-between; min-height: 83px; }
/* Sin el margen entre bloques de WordPress: empujaba «Acceso a Plataforma» 20 px hacia abajo en la franja azul. */
.fimtrack-barra-menu__fila > * { margin-block: 0; }
.fimtrack-barra-menu .fimtrack-menu { gap: 0; color: #fff; }
.fimtrack-menu .wp-block-navigation-item__content { display: block; padding: 13px 20px; color: #fff; font-size: var(--wp--preset--font-size--pequeno); line-height: 20px; position: relative; }
.fimtrack-menu .wp-block-navigation-item:first-child .wp-block-navigation-item__content { padding-left: 0; }
.fimtrack-menu .current-menu-item > .wp-block-navigation-item__content::after,
.fimtrack-menu .wp-block-navigation-item__content:hover::after { content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; height: 3px; background: #fff; }
.fimtrack-menu .wp-block-navigation-item:first-child .wp-block-navigation-item__content::after { left: 0; }
.fimtrack-plataforma { display: flex; align-items: center; gap: 14px; width: 190px; min-height: 60px; box-sizing: border-box; padding: 6px 12px; border: 2px solid #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35); color: #fff; font-size: var(--wp--preset--font-size--mini); font-weight: 600; line-height: 1.3; text-align: center; }
.fimtrack-plataforma svg { flex: none; }
.fimtrack-encabezado .fimtrack-menu-movil { display: none; }

/* 4. Pie ------------------------------------------------------------------- */
.fimtrack-pie { margin: 0; color: #fff; }
.fimtrack-pie a { color: inherit; text-decoration: none; }
.fimtrack-pie-cta { background: var(--fimtrack-azul-fondo); padding: 10px 0; }
.fimtrack-pie-cta__fila { display: flex; align-items: center; justify-content: center; gap: 20px; min-height: 70px; max-width: 947px; margin-inline: auto; }
.fimtrack-pie-cta__fila img { width: 50px; }
.fimtrack-pie-cta__texto { margin: 0; font-size: 17px; font-weight: 600; }
.fimtrack-boton-blanco { display: inline-block; padding: 10px 22px; background: #fff; color: #000 !important; font-size: var(--wp--preset--font-size--pequeno); line-height: 1; }
.fimtrack-pie-principal { background: var(--wp--preset--color--oscuro); padding: 25px 0; margin: 0; }
.fimtrack-pie-principal__fila { display: grid; grid-template-columns: repeat(3, 300px); column-gap: 19px; justify-content: center; align-items: start; }
.fimtrack-pie-principal__fila > * { margin: 0; }
.fimtrack-pie-datos__logo img { display: block; width: 300px; margin: 10px 0 19px; }
.fimtrack-pie-dato { display: grid; grid-template-columns: 30px 1fr; column-gap: 15px; margin-bottom: 20px; font-size: var(--wp--preset--font-size--base); line-height: 1.85; }
.fimtrack-pie-dato svg, .fimtrack-pie-dato img { color: var(--wp--preset--color--gris); width: 30px; }
.fimtrack-redes--pie { padding: 0; gap: 5px; }
.fimtrack-redes--pie a { width: 50px; height: 50px; background: transparent; }
.fimtrack-pie-datos__dgsp { margin: 20px 0 0; color: var(--wp--preset--color--gris); font-size: var(--wp--preset--font-size--base); font-weight: 600; font-style: italic; line-height: 1; }
.fimtrack-pie-formulario { padding-top: 103px; }
.fimtrack-pie-formulario__titulo { margin: 0 0 20px; font-size: 25px; line-height: 1; }
/* Mapa diferido (assets/js/mapa.js): recuadro con enlace hasta que el iframe de Google carga encima. */
.fimtrack-mapa { position: relative; box-sizing: border-box; background: #e5e3df; overflow: hidden; }
.fimtrack-mapa__enlace { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: #3c4043 !important; font-size: var(--wp--preset--font-size--pequeno); text-decoration: underline; }
.fimtrack-mapa__enlace::before { content: ""; width: 28px; height: 40px; background: #ea4335; -webkit-mask: url(assets/img/icons-ubicacion-103.webp) center / contain no-repeat; mask: url(assets/img/icons-ubicacion-103.webp) center / contain no-repeat; }
.fimtrack-mapa iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
/* Todo el pie es el mapa (como en fimtrack-pro): el iframe va de fondo, sin recibir clics, y un velo del gris del pie
   lo oscurece donde están los datos y el formulario. A la derecha, donde el sitio de 2022 tenía el recuadro del mapa,
   el velo se aclara y queda el pin, que abre Google Maps. El iframe es más ancho que el pie para que su centro (el pin)
   caiga en esa zona clara. Carga diferida con assets/js/mapa.js. */
.fimtrack-pie-principal { position: relative; isolation: isolate; overflow: hidden; }
.fimtrack-pie-fondo { position: absolute; inset: 0; z-index: -1; margin: 0; }
.fimtrack-pie-fondo .fimtrack-mapa { position: absolute; top: 0; left: 0; width: 150%; height: 100%; background: var(--wp--preset--color--oscuro); }
.fimtrack-pie-fondo .fimtrack-mapa iframe { pointer-events: none; filter: saturate(0.6); }
.fimtrack-pie-fondo::after { content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(90deg, rgb(51 51 51 / 0.96) 0, rgb(51 51 51 / 0.94) 56%, rgb(51 51 51 / 0.5) 64%, rgb(51 51 51 / 0.12) 72%, rgb(51 51 51 / 0.12) 90%, rgb(51 51 51 / 0.35) 100%); }
.fimtrack-pie-fondo__enlace { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 38%; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 22px; box-sizing: border-box; text-decoration: none !important; }
.fimtrack-pie-fondo__enlace span { padding: 6px 12px; border-radius: 4px; background: rgb(0 0 0 / 0.6); color: #fff; font-size: var(--wp--preset--font-size--pequeno); }
.fimtrack-pie-fondo__enlace:hover span, .fimtrack-pie-fondo__enlace:focus-visible span { background: var(--fimtrack-azul-fondo); }
.fimtrack-pie-legal { background: #000; }
.fimtrack-pie-legal__fila { display: flex; align-items: center; justify-content: space-between; min-height: 68px; }
.fimtrack-pie-legal a { color: var(--wp--preset--color--gris); font-size: var(--wp--preset--font-size--base); }

/* Formulario de fimtrack-core, con el aspecto del de 2022 (campos blancos y botón con contorno). */
.fimtrack-formulario { display: grid; gap: 7px; }
.fimtrack-formulario label { display: block; font-size: var(--wp--preset--font-size--pequeno); line-height: 1.4; }
.fimtrack-formulario input:not([type="checkbox"]), .fimtrack-formulario select, .fimtrack-formulario textarea { box-sizing: border-box; width: 100%; min-height: 38px; padding: 6px 12px; border: 1px solid #818a91; border-radius: 0; background: #fff; color: #333; font: inherit; font-size: 16px; }
.fimtrack-formulario .wp-block-button__link { padding: 8px 22px; border: 2px solid currentColor; background: transparent; color: inherit; font-size: var(--wp--preset--font-size--pequeno); cursor: pointer; }
.fimtrack-formulario__error { margin: 2px 0 0; color: #ffb4b4; font-size: var(--wp--preset--font-size--pequeno); }
.fimtrack-formulario__trampa { position: absolute !important; left: -9999px; }
.fimtrack-pie .fimtrack-formulario a { text-decoration: underline; }

/* 5. Flotantes ------------------------------------------------------------- */
.fimtrack-flotantes__whatsapp { position: fixed; z-index: 50; top: 239px; right: 0; }
.fimtrack-flotantes__whatsapp img { display: block; width: 50px; }
.fimtrack-flotantes__emergencia { position: fixed; z-index: 50; top: 299px; right: 7px; width: 34px; }
.fimtrack-flotantes__asistente { position: fixed; z-index: 50; right: 0; bottom: 9px; display: flex; align-items: center; gap: 13px; width: 150px; min-height: 46px; box-sizing: border-box; padding: 0 10px; background: var(--fimtrack-azul-fondo); color: #fff; font-size: var(--wp--preset--font-size--mini); font-weight: 700; text-decoration: none; }
.fimtrack-flotantes__asistente img { width: 26px; }

/* 6. Slider y carrusel ------------------------------------------------------ */
.fimtrack-slider { position: relative; overflow: hidden; background: #222; }
.fimtrack-slider__diapositiva { display: none; position: relative; }
.fimtrack-slider__diapositiva.is-activa { display: block; }
.fimtrack-slider.is-listo .fimtrack-slider__diapositiva { display: block; position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 0.8s ease, visibility 0.8s; }
.fimtrack-slider.is-listo .fimtrack-slider__diapositiva.is-activa { position: relative; opacity: 1; visibility: visible; }
.fimtrack-slider img { display: block; width: 100%; height: auto; }
.fimtrack-slider__texto { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.2vw; padding: 0 60px; color: #fff; text-align: center; }
.fimtrack-slider__titulo { margin: 0; color: #fff; font-size: clamp(1.375rem, 3.1vw, 2.8rem); font-weight: 300; line-height: 1.15; text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25); }
.fimtrack-slider__titulo strong { font-weight: 700; }
.fimtrack-slider__boton { display: inline-block; padding: 14px 38px; background: var(--fimtrack-azul-fondo); color: #fff !important; font-size: clamp(0.8125rem, 1vw, 0.9375rem); text-decoration: none; }
.fimtrack-flecha { position: absolute; z-index: 2; top: 50%; width: 40px; height: 40px; margin-top: -20px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.fimtrack-flecha::before { content: ""; display: block; width: 18px; height: 18px; margin: auto; border: solid #fff; border-width: 0 3px 3px 0; }
.fimtrack-flecha--anterior { left: 20px; }
.fimtrack-flecha--anterior::before { transform: rotate(135deg); }
.fimtrack-flecha--siguiente { right: 20px; }
.fimtrack-flecha--siguiente::before { transform: rotate(-45deg); }
.fimtrack-slider__puntos { position: absolute; z-index: 2; left: 0; right: 0; bottom: 12px; display: flex; justify-content: center; gap: 4px; }
.fimtrack-slider__puntos button { width: 14px; height: 14px; padding: 0; border: 2px solid var(--wp--preset--color--azul); border-radius: 50%; background: transparent; cursor: pointer; }
.fimtrack-slider__puntos button[aria-current] { background: var(--wp--preset--color--azul); }
@media (prefers-reduced-motion: reduce) { .fimtrack-slider.is-listo .fimtrack-slider__diapositiva { transition: none; } }

.fimtrack-carrusel { position: relative; padding-inline: 40px; }
.fimtrack-carrusel__pista { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.fimtrack-carrusel__pista::-webkit-scrollbar { display: none; }
.fimtrack-carrusel__pista > * { flex: 0 0 calc((100% - 3 * 20px) / 4); scroll-snap-align: start; margin: 0 !important; }
.fimtrack-carrusel .fimtrack-flecha::before { border-color: var(--wp--preset--color--gris); }
.fimtrack-carrusel .fimtrack-flecha--anterior { left: 0; }
.fimtrack-carrusel .fimtrack-flecha--siguiente { right: 0; }

/* 7. Piezas comunes del contenido ------------------------------------------ */
@font-face { font-family: "Roboto"; src: url(assets/fonts/roboto-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
.fimtrack-pagina .wp-block-post-content > .alignfull { margin-block: 0; }
.fimtrack-titulo { margin: 0; color: var(--wp--preset--color--oscuro); font-size: 30px; font-weight: 600; line-height: 1.3; text-align: center; }
.fimtrack-titulo--azul { color: var(--wp--preset--color--azul); }
.fimtrack-subtitulo { margin: 0; color: var(--fimtrack-gris-texto); font-size: 30px; font-weight: 300; line-height: 1.3; text-align: center; }
.fimtrack-tres, .fimtrack-cuatro { gap: 20px; margin: 0; }
.fimtrack-tarjeta-foto { display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 20px; background: center / cover no-repeat; color: #fff; text-align: center; }
.fimtrack-tarjeta-foto p, .fimtrack-tarjeta-foto h3 { margin: 0; color: #fff; }
.fimtrack-tarjeta-foto--seguridad { background-image: url(assets/img/images-localizacion-seguridad.webp); }
.fimtrack-tarjeta-foto--transporte { background-image: url(assets/img/images-localizaciontransporte.webp); }
.fimtrack-tarjeta-foto--b2b { background-image: url(assets/img/images-soluciones-b2b.webp); }
.fimtrack-tarjeta-foto--agencia { background-image: url(assets/img/images-agencia.webp); }
.fimtrack-tarjeta-foto--flotilla { background-image: url(assets/img/images-flotilla.webp); }
.fimtrack-tarjeta-foto--arrendadora { background-image: url(assets/img/images-arrendardora.webp); }
.fimtrack-tarjeta-foto--aseguradora { background-image: url(assets/img/images-aseguradora.webp); }

/* 8. Inicio ------------------------------------------------------------------ */
.fimtrack-slider__titulo--dos { font-size: clamp(1.125rem, 2.8vw, 2.5rem); }
.fimtrack-slider__titulo--dos strong { display: block; font-size: 1.3em; }
.fimtrack-slider__titulo strong { display: block; font-size: 1.04em; }

.fimtrack-ofrecemos { padding: 45px 10px; background: var(--wp--preset--color--claro); }
.fimtrack-ofrecemos .fimtrack-tres { margin-top: 41px; }
.fimtrack-ofrecemos .wp-block-column { text-align: center; }
.fimtrack-icono-circulo { margin: 0 auto 20px; }
.fimtrack-icono-circulo img { width: 124px; }
.fimtrack-ofrecemos h3 { margin: 0 0 20px; color: var(--wp--preset--color--oscuro); font-size: 18px; font-weight: 400; line-height: 1.4; }
.fimtrack-ofrecemos p:not(.fimtrack-subtitulo) { margin: 0 auto; max-width: 200px; color: var(--fimtrack-gris-texto); font-size: 15px; line-height: 18px; }

.fimtrack-servicios-portada { padding: 40px 10px 30px; }
.fimtrack-servicios-portada .fimtrack-tres { margin-top: 60px; }
.fimtrack-servicios-portada .fimtrack-tarjeta-foto { height: 307px; font-size: 16px; line-height: 29.7px; }

.fimtrack-quienes-portada { padding: 0; }
.fimtrack-mitades { gap: 0; margin: 0; }
.fimtrack-quienes-portada__marca { display: flex; justify-content: center; min-height: 348px; background: var(--wp--preset--color--claro); }
.fimtrack-quienes-portada__logo { margin: 0; }
.fimtrack-quienes-portada__logo img { width: 463px; }
.fimtrack-quienes-portada__texto { box-sizing: border-box; padding: 30px 44px 30px 45px; background: var(--fimtrack-azul-fondo); color: #fff; }
.fimtrack-quienes-portada__titulo { margin: 0 0 15px; color: #fff; font-size: 30px; font-weight: 300; }
.fimtrack-quienes-portada__lema { margin: 0 0 25px; font-size: 15px; line-height: 25px; }
.fimtrack-quienes-portada__texto p:not(.fimtrack-quienes-portada__lema) { margin: 0 0 18px; font-size: 11px; line-height: 1.9; }

.fimtrack-respaldo { padding: 60px 10px 30px; }
.fimtrack-respaldo .fimtrack-tres { margin-top: 60px; }
.fimtrack-garantia { display: flex; gap: 15px; align-items: flex-start; }
.fimtrack-garantia__icono { flex: none; width: 70px; margin: 0; }
.fimtrack-garantia__icono img { display: block; width: 70px; height: 70px; object-fit: contain; }
.fimtrack-garantia__texto { margin: 0; }
.fimtrack-garantia h3 { margin: 0 0 20px; color: var(--wp--preset--color--oscuro); font-size: 20px; font-weight: 600; line-height: 28px; }
.fimtrack-garantia p { margin: 0; color: var(--fimtrack-gris-texto); font-size: 14px; line-height: 26px; }

.fimtrack-logos { padding: 10px 10px 30px; }
.fimtrack-logos .fimtrack-carrusel { margin-top: 30px; }
.fimtrack-carrusel .fimtrack-logo-cliente img { display: block; width: 100%; height: 100px; object-fit: contain; }
.fimtrack-clientes .fimtrack-carrusel__pista > *, .fimtrack-partners .fimtrack-carrusel__pista > * { flex-basis: calc((100% - 4 * 20px) / 5); }

.fimtrack-portada, .fimtrack-adicionales-seccion { padding: 0; }
.fimtrack-adicionales-seccion { margin-top: 30px !important; }
.fimtrack-adicionales .fimtrack-slider__texto { align-items: flex-start; justify-content: center; gap: 8px; padding: 0 0 0 39%; font-family: Roboto, Arial, sans-serif; text-align: left; }
.fimtrack-adicionales__etiqueta { margin: 0; font-size: 20px; line-height: 1; }
.fimtrack-adicionales__etiqueta span { display: inline-block; padding: 8px 8px; background: #fff; color: #000; }
.fimtrack-adicionales__titulo { margin: 0; color: #fff; font-family: inherit; font-size: 38px; font-weight: 400; line-height: 1.3; }
.fimtrack-adicionales .fimtrack-slider__boton { position: absolute; top: 40%; left: 74.5%; padding: 10px 18px; border: 1px solid rgba(255, 255, 255, 0.6); background: transparent; font-size: 14px; }

.fimtrack-b2b-portada { padding: 30px 10px; }
.fimtrack-b2b-portada .fimtrack-cuatro { margin-top: 40px; }
.fimtrack-b2b-portada .fimtrack-tarjeta-foto { height: 283px; }
.fimtrack-b2b-portada h3 { font-size: 25px; font-weight: 400; line-height: 35px; }

/* 9. Páginas interiores y Quiénes somos --------------------------------------- */
.fimtrack-azul { color: var(--wp--preset--color--azul); }
.fimtrack-banda-titulo { padding: 30px 10px; background: var(--wp--preset--color--claro); }
.fimtrack-banda-titulo__h1 { margin: 10px 0; color: var(--wp--preset--color--azul); font-size: 30px; font-weight: 300; line-height: 39px; text-align: center; }
.fimtrack-texto-chico { margin: 0 0 18px; color: var(--fimtrack-gris-texto); font-size: 12px; line-height: 18px; }
.fimtrack-titulo-lado { margin: 0; color: var(--wp--preset--color--azul); font-size: 30px; font-weight: 600; line-height: 39px; }
.fimtrack-raya { width: 86px; margin: 15px 0 25px !important; border: 0; border-top: 2px solid var(--wp--preset--color--azul); }

.fimtrack-experiencia { padding: 20px 10px; }
.fimtrack-experiencia__fila { gap: 20px; margin: 0; }
.fimtrack-experiencia__foto { margin: 0 auto; text-align: center; }
.fimtrack-experiencia__foto img { width: 415px; }
.fimtrack-experiencia .fimtrack-texto-chico { color: #000; }

.fimtrack-mexicana { padding: 0; }
.fimtrack-mexicana__col-foto { min-height: 330px; }
.fimtrack-mexicana__foto { height: 100%; min-height: 330px; margin: 0; background: url(assets/img/images-quienes-somos-2.webp) center / cover no-repeat; }
.fimtrack-mexicana__texto { box-sizing: border-box; padding: 45px 44px 30px 45px; background: var(--wp--preset--color--claro); }
.fimtrack-mexicana__titulo { margin: 0 0 20px; color: var(--fimtrack-gris-texto); font-size: 30px; font-weight: 300; line-height: 35px; }
.fimtrack-mexicana__titulo strong { color: var(--wp--preset--color--azul); font-weight: 800; }

.fimtrack-crecimiento { padding: 60px 10px 0; }
.fimtrack-linea-tiempo { margin-top: 40px; }
.fimtrack-linea-tiempo::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 100vw; height: 2px; transform: translateX(-50%); background: var(--wp--preset--color--azul); }
.fimtrack-crecimiento { overflow-x: clip; }
.fimtrack-linea-tiempo .fimtrack-carrusel__pista > * { flex-basis: calc((100% - 2 * 20px) / 3); }
.fimtrack-hito { position: relative; min-height: 255px; padding-bottom: 20px; text-align: center; }
.fimtrack-hito::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 15px; height: 84px; margin-left: -7px; background: url(assets/img/marcador-linea-de-tiempo-20.webp) center bottom / contain no-repeat; }
.fimtrack-hito h3 { margin: 10px 0 20px; color: var(--wp--preset--color--azul); font-size: 24px; font-weight: 400; line-height: 1.3; }
.fimtrack-hito p { margin: 0; color: var(--wp--preset--color--oscuro); font-size: 12px; line-height: 18px; }

.fimtrack-diferentes { margin-top: 32px !important; padding: 55px 10px 45px; background: var(--wp--preset--color--claro); }
.fimtrack-diferentes__carrusel { margin-top: 40px; }
.fimtrack-diferentes__carrusel .fimtrack-carrusel__pista { gap: 75px; }
.fimtrack-diferentes__carrusel .fimtrack-carrusel__pista > * { flex-basis: calc((100% - 2 * 75px) / 3); }
.fimtrack-diferente { box-sizing: border-box; min-height: 315px; padding: 15px 10px 20px; background: #fff; text-align: center; }
.fimtrack-diferente__icono { margin: 20px auto 15px; }
.fimtrack-diferente__icono img { width: auto; height: 45px; }
.fimtrack-diferente h3 { margin: 0 0 20px; color: var(--wp--preset--color--azul); font-size: 17px; font-weight: 400; line-height: 20px; text-transform: uppercase; }
.fimtrack-diferente p { margin: 0; color: var(--fimtrack-gris-texto); font-size: 12px; line-height: 18px; }

/* 10. Servicios ---------------------------------------------------------------- */
.fimtrack-opciones { padding: 30px 10px 60px; background: var(--wp--preset--color--claro); }
.fimtrack-opciones__titulo { margin: 60px 0 0; color: #000; font-size: 30px; font-weight: 700; line-height: 39px; }
.fimtrack-raya--gris { width: 40px; margin: 20px 0 40px !important; border-top-color: var(--wp--preset--color--gris); border-top-width: 1px; }
.fimtrack-pestanas__lista { display: grid; grid-template-columns: repeat(5, 1fr); }
.fimtrack-pestanas__lista button { min-height: 47px; padding: 0 10px; border: 1px solid #d5d8dc; border-bottom: 0; background: var(--wp--preset--color--claro); color: #000; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.fimtrack-pestanas__lista button + button { border-left: 0; }
.fimtrack-pestanas__lista button[aria-selected="true"] { background: #fff; }
.fimtrack-pestanas__panel { margin: 0 0 20px; padding: 20px 40px; border: 1px solid #d5d8dc; background: #fff; }
.fimtrack-pestanas.is-listo .fimtrack-pestanas__panel { margin: 0; }
.fimtrack-pestanas.is-listo .fimtrack-pestanas__etiqueta { display: none; }
/* Con JavaScript, desde el primer pintado se ve solo el primer panel y el lugar de las pestañas queda reservado:
   así nada salta cuando clasico.js arma las pestañas (PageSpeed marcaba un CLS de 0.133 en Servicios). */
@media (scripting: enabled) {
	.fimtrack-pestanas:not(.is-listo) { padding-top: 48px; }
	.fimtrack-pestanas:not(.is-listo) .fimtrack-pestanas__etiqueta { display: none; }
	.fimtrack-pestanas:not(.is-listo) .fimtrack-pestanas__panel ~ .fimtrack-pestanas__panel { display: none; }
	.fimtrack-pestanas:not(.is-listo) .fimtrack-pestanas__panel { margin: 0; }
}
.fimtrack-pestanas__etiqueta { margin: 0 0 10px; color: #000; font-size: 15px; font-weight: 600; }
.fimtrack-pestanas__fila { gap: 20px; margin: 0; }
.fimtrack-pestanas__titulo { margin: 0 0 20px; color: #000; font-size: 19px; font-weight: 900; line-height: 1.3; }
.fimtrack-pestanas .fimtrack-texto-chico { font-size: 11px; }
.fimtrack-pestanas__foto { margin: 0 auto 20px; text-align: center; }
.fimtrack-pestanas__foto img { max-height: 267px; width: auto; }
.fimtrack-pestanas__boton { justify-content: center; }
.fimtrack-pestanas__boton .wp-block-button__link { padding: 12px 20px; font-size: 15px; text-transform: uppercase; }

.fimtrack-localizacion { padding: 0; }
.fimtrack-localizacion__col-foto { min-height: 561px; }
.fimtrack-localizacion__foto { height: 100%; min-height: 561px; margin: 0; background: url(assets/img/foto-alta-calidad-21.webp) center / cover no-repeat; }
.fimtrack-localizacion__texto { box-sizing: border-box; padding: 30px 30px 30px 30px; }
.fimtrack-servicio-de { margin: 0 0 25px; color: var(--fimtrack-gris-texto); font-size: 30px; font-weight: 300; line-height: 36px; }
.fimtrack-servicio-de strong { display: block; color: var(--wp--preset--color--azul); font-weight: 600; }
.fimtrack-localizacion__carrusel { margin-top: 20px; padding: 25px 40px; background: var(--wp--preset--color--claro); }
.fimtrack-localizacion__carrusel .fimtrack-carrusel__pista > * { flex-basis: 100%; }
.fimtrack-funcion__cabeza { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 20px; }
.fimtrack-funcion__icono { flex: none; margin: 0; }
.fimtrack-funcion__icono img { width: auto; height: 40px; }
.fimtrack-funcion__texto { margin: 0; color: var(--fimtrack-gris-texto); font-size: 13px; line-height: 1.5; }
.fimtrack-funcion__texto strong { display: block; color: var(--wp--preset--color--oscuro); font-size: 22px; font-weight: 600; }
.fimtrack-lista-check { margin: 0; padding: 0; list-style: none; }
.fimtrack-lista-check li { position: relative; margin: 0 0 8px; padding-left: 22px; color: var(--wp--preset--color--oscuro); font-size: 11px; line-height: 1.5; }
.fimtrack-lista-check li::before { content: ""; position: absolute; left: 0; top: 2px; width: 13px; height: 13px; background: url(assets/img/check-mark-7-256.webp) center / contain no-repeat; }
.fimtrack-lista-check--chica li { margin-bottom: 2px; font-weight: 600; }

.fimtrack-administracion { margin-top: 30px !important; padding: 0; }
.fimtrack-administracion__texto { box-sizing: border-box; padding: 30px 30px 20px 30px; }
.fimtrack-administracion__foto { margin: 0; }
.fimtrack-administracion__foto img { display: block; width: 100%; }

/* 11. Funcionalidad, Estadísticas, B2B, Contacto, Gracias y Aviso ------------ */
.fimtrack-banda-titulo--blanca { background: #fff; }
.fimtrack-col-foto { min-height: 418px; }
.fimtrack-foto-fondo { height: 100%; min-height: inherit; margin: 0; background: center / cover no-repeat; }
.fimtrack-foto-fondo--funcionalidad { background-image: url(assets/img/images-funcionalidad-1.webp); }
.fimtrack-foto-fondo--servicios-3 { background-image: url(assets/img/images-servicios-3.webp); }
.fimtrack-foto-fondo--images-servicio-b2b-1 { background-image: url(assets/img/images-servicio-b2b-1.webp); }
.fimtrack-foto-fondo--images-servicio-b2b { background-image: url(assets/img/images-servicio-b2b.webp); }
.fimtrack-foto-fondo--images-servicio-b2b-3 { background-image: url(assets/img/images-servicio-b2b-3.webp); }
.fimtrack-foto-fondo--images-servicio-b2b-4 { background-image: url(assets/img/images-servicio-b2b-4.webp); }
.fimtrack-col-texto { box-sizing: border-box; padding: 30px 45px; }
.fimtrack-titulo-chico { margin: 0; color: var(--wp--preset--color--oscuro); font-size: 20px; font-weight: 600; line-height: 26px; }
.fimtrack-numerada { margin: 0 0 25px; padding: 0; list-style: none; counter-reset: fimtrack-numero; }
.fimtrack-numerada li { counter-increment: fimtrack-numero; margin: 0; color: var(--fimtrack-gris-texto); font-size: 11px; line-height: 22px; }
.fimtrack-numerada li::before { content: counter(fimtrack-numero) "."; display: inline-block; min-width: 21px; color: var(--wp--preset--color--azul); font-size: 13px; font-weight: 700; }
.fimtrack-centro-atencion { position: relative; margin: 20px 0 0; padding-left: 50px; color: var(--wp--preset--color--oscuro); font-size: 20px; font-weight: 600; line-height: 28px; }
.fimtrack-centro-atencion::before { content: ""; position: absolute; left: 0; top: 2px; width: 32px; height: 32px; background: url(assets/img/icons-telefono-azul.webp) center / contain no-repeat; }
.fimtrack-centro-atencion a { color: var(--wp--preset--color--azul); text-decoration: none; }
.fimtrack-funcionalidad { padding: 0; }
.fimtrack-recuperacion { margin-top: 45px !important; padding: 0; }
.fimtrack-recuperacion .fimtrack-col-foto { min-height: 456px; }
.fimtrack-recuperacion .fimtrack-texto-chico { line-height: 22px; }
.fimtrack-recuperacion .fimtrack-texto-chico strong { color: var(--wp--preset--color--oscuro); }
.fimtrack-recuperacion a { color: inherit; }
.fimtrack-pregunta { color: var(--wp--preset--color--azul); font-weight: 700; }

.fimtrack-cifras { padding: 45px 10px; }
.fimtrack-cifra { display: flex; gap: 15px; align-items: center; }
.fimtrack-cifra__icono { flex: none; width: 50px; margin: 0; }
.fimtrack-cifra__icono img { display: block; width: 50px; height: 50px; object-fit: contain; }
.fimtrack-cifra__texto { margin: 0; }
.fimtrack-cifra h3 { margin: 0; color: var(--fimtrack-gris-texto); font-size: 18px; font-weight: 900; line-height: 25px; }
.fimtrack-cifra p { margin: 0; color: var(--fimtrack-gris-texto); font-size: 12px; line-height: 22px; }
.fimtrack-fuente { display: block; font-size: 8px; line-height: 12px; text-align: right; }
.fimtrack-mas-robados { padding: 20px 10px; background: var(--wp--preset--color--claro); }
.fimtrack-dos { gap: 20px; margin: 0; }
.fimtrack-dos > .wp-block-column { flex: 1 1 0; min-width: 0; }
.fimtrack-mas-robados__foto { margin: 0; }
.fimtrack-mas-robados__foto img { width: 540px; }
.fimtrack-titulo-gris { margin: 0 0 20px; color: var(--fimtrack-gris-texto); font-size: 27px; font-weight: 300; line-height: 35px; }
.fimtrack-mas-robados .fimtrack-numerada li { line-height: 28px; }
.fimtrack-lugares { padding: 30px 10px 20px; }
.fimtrack-lugares__fila { gap: 20px; max-width: 920px; margin: 0 auto; }
.fimtrack-lugares__rejilla { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 20px; margin-top: 30px; }
.fimtrack-lugar-con-cifra { margin: 0; }
.fimtrack-lugar { position: relative; margin: 0; padding-left: 31px; color: var(--fimtrack-gris-texto); font-size: 16px; font-weight: 400; line-height: 22px; }
.fimtrack-lugar::before { content: ""; position: absolute; left: 0; top: 1px; width: 19px; height: 19px; background: var(--wp--preset--color--azul); -webkit-mask: url(assets/img/icons-ubicacion-103.webp) center / contain no-repeat; mask: url(assets/img/icons-ubicacion-103.webp) center / contain no-repeat; }
.fimtrack-lugar__cifra { margin: 0; padding-left: 31px; color: var(--wp--preset--color--azul); font-size: 15px; font-weight: 600; line-height: 28px; }
.fimtrack-lugares__nota { max-width: 760px; margin: 40px auto 0; color: var(--fimtrack-gris-texto); font-size: 13px; font-weight: 600; line-height: 22px; text-align: center; }
.fimtrack-lugares__fuente { margin: 30px 0 0; color: var(--wp--preset--color--azul); font-size: 13px; text-align: center; }
.fimtrack-lugares__fuente a { color: inherit; text-decoration: none; }

.fimtrack-b2b { margin-top: 30px !important; padding: 0; }
.fimtrack-b2b .fimtrack-col-foto { min-height: 501px; }
.fimtrack-b2b__nombre { margin: 0 0 40px; color: var(--fimtrack-gris-texto); font-size: 30px; font-weight: 500; line-height: 39px; }
.fimtrack-b2b__subtitulo { margin: 20px 0 15px; color: var(--wp--preset--color--azul); font-size: 20px; font-weight: 300; line-height: 26px; }
.fimtrack-b2b__logos { display: grid; grid-template-columns: repeat(3, 103px); justify-content: space-around; margin: 20px 0 0; }
.fimtrack-b2b__logo { margin: 0; }
.fimtrack-b2b__logo img { display: block; width: 103px; height: 69px; object-fit: contain; }

.fimtrack-contacto { padding: 30px 10px 40px; }
.fimtrack-contacto__mapa { width: 100%; height: 330px; }
.fimtrack-contacto__fila { gap: 30px; margin: 40px 0 0; }
.fimtrack-contacto__datos { margin: 0 0 20px; padding: 0; list-style: none; }
.fimtrack-contacto__dato { position: relative; min-height: 34px; margin: 0 0 20px; padding-left: 48px; color: var(--fimtrack-gris-texto); font-size: 11px; line-height: 18px; }
.fimtrack-contacto__dato::before { content: ""; position: absolute; left: 0; top: 0; width: 32px; height: 32px; box-sizing: border-box; border: 1px solid var(--wp--preset--color--azul); border-radius: 50%; background: center / 14px no-repeat; }
.fimtrack-contacto__dato--ubicacion::before { background-image: url(assets/img/icons-ubicacion-mapa.webp); }
.fimtrack-contacto__dato--telefono::before { background-image: url(assets/img/icons-telefono-azul.webp); }
.fimtrack-contacto__dato--correo::before { background-image: url(assets/img/icons-mail-2.webp); }
.fimtrack-contacto__dato a { color: inherit; text-decoration: none; }
.fimtrack-contacto__robo { color: var(--wp--preset--color--azul); font-weight: 600; }
.fimtrack-contacto .fimtrack-redes a { width: 30px; height: 30px; }
.fimtrack-contacto .fimtrack-formulario { grid-template-columns: 1fr 1fr; column-gap: 15px; }
.fimtrack-contacto .fimtrack-formulario > * { grid-column: 1 / -1; }
.fimtrack-contacto .fimtrack-formulario__campo:nth-of-type(1), .fimtrack-contacto .fimtrack-formulario__campo:nth-of-type(2) { grid-column: auto; }
.fimtrack-contacto .fimtrack-formulario input:not([type="checkbox"]), .fimtrack-contacto .fimtrack-formulario select, .fimtrack-contacto .fimtrack-formulario textarea { border-color: #d5d8dc; }
.fimtrack-contacto .fimtrack-formulario .wp-block-button__link { border: 0; background: var(--wp--preset--color--oscuro); color: #fff; font-weight: 700; }
.fimtrack-formulario__robo { margin: 0; font-size: var(--wp--preset--font-size--pequeno); }

.fimtrack-gracias { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 290px; padding: 30px 10px; background: url(assets/img/images-banner-1-home.webp) center / cover no-repeat; text-align: center; }
.fimtrack-gracias__titulo { margin: 0 0 20px; color: #fff; font-size: 45px; font-weight: 400; line-height: 1.2; }
.fimtrack-gracias__boton { justify-content: center; }
.fimtrack-gracias__boton .wp-block-button__link { padding: 10px 25px; font-size: 13px; }

.fimtrack-aviso { padding: 0 10px 40px; }
.fimtrack-aviso__caja { padding: 30px 40px; column-count: 2; column-gap: 60px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); color: var(--wp--preset--color--texto); font-size: 12px; line-height: 1.7; text-align: justify; hyphens: auto; }
.fimtrack-aviso__caja p, .fimtrack-aviso__caja ul { margin: 0 0 14px; }
.fimtrack-aviso__caja li { margin-bottom: 4px; }
.fimtrack-aviso__seccion { break-after: avoid; margin: 22px 0 12px; color: var(--wp--preset--color--oscuro); font-size: 15px; font-weight: 400; line-height: 1.4; text-align: left; text-decoration: underline; text-underline-offset: 3px; }
.fimtrack-aviso__caja h3 { break-after: avoid; margin: 16px 0 8px; color: var(--wp--preset--color--oscuro); font-size: 13px; font-weight: 600; }

@media (max-width: 767px) {
	.fimtrack-col-foto, .fimtrack-recuperacion .fimtrack-col-foto, .fimtrack-b2b .fimtrack-col-foto { min-height: 240px; }
	.fimtrack-col-texto { padding: 25px 20px; }
	.fimtrack-lugares__rejilla { grid-template-columns: 1fr; }
	.fimtrack-contacto .fimtrack-formulario { grid-template-columns: 1fr; }
	.fimtrack-contacto .fimtrack-formulario__campo:nth-of-type(1), .fimtrack-contacto .fimtrack-formulario__campo:nth-of-type(2) { grid-column: 1 / -1; }
	.fimtrack-gracias__titulo { font-size: 28px; }
	.fimtrack-aviso__caja { padding: 20px; column-count: 1; }
}

@media (max-width: 767px) {
	.fimtrack-pestanas__lista { grid-template-columns: 1fr; }
	.fimtrack-pestanas:not(.is-listo) { padding-top: calc(5 * 48px); }
	.fimtrack-opciones__titulo, .fimtrack-servicio-de, .fimtrack-titulo-lado, .fimtrack-b2b__nombre { font-size: 24px; line-height: 1.3; }
	.fimtrack-pestanas__lista button + button { border-left: 1px solid #d5d8dc; }
	.fimtrack-pestanas__panel { padding: 20px; }
	.fimtrack-localizacion__col-foto, .fimtrack-localizacion__foto { min-height: 260px; }
}

@media (max-width: 767px) {
	.fimtrack-linea-tiempo .fimtrack-carrusel__pista > *, .fimtrack-diferentes__carrusel .fimtrack-carrusel__pista > * { flex-basis: 100%; }
	.fimtrack-experiencia__foto img { width: 100%; }
	.fimtrack-mexicana__texto { padding: 30px 20px; }
}

@media (max-width: 767px) {
	.fimtrack-titulo, .fimtrack-subtitulo { font-size: 24px; }
	.fimtrack-quienes-portada__logo img { width: 80%; }
	.fimtrack-quienes-portada__marca { min-height: 200px; }
	.fimtrack-adicionales .fimtrack-slider__texto { justify-content: flex-end; padding: 0 20px 90px; }
	.fimtrack-adicionales .fimtrack-slider__boton { position: static; }
	.fimtrack-adicionales__titulo { font-size: 28px; }
	.fimtrack-clientes .fimtrack-carrusel__pista > *, .fimtrack-partners .fimtrack-carrusel__pista > * { flex-basis: calc((100% - 20px) / 2); }
}

@media (max-width: 767px) {
	.fimtrack-carrusel__pista > * { flex-basis: calc((100% - 20px) / 2); }
	.fimtrack-barra-contacto__fila { grid-template-columns: 58% 42%; height: 64px; gap: 10px; }
	.fimtrack-barra-contacto__dato { gap: 8px; font-size: 9px; }
	.fimtrack-marca { grid-template-columns: auto auto; justify-content: start; gap: 18px; min-height: 104px; padding-right: 86px; }
	.fimtrack-logo img { width: 150px; }
	.fimtrack-marca__robo, .fimtrack-barra-menu { display: none; }
	.fimtrack-redes { gap: 6px; padding: 0; }
	.fimtrack-redes a { width: 28px; height: 28px; }
	.fimtrack-redes a svg { width: 16px; height: 16px; }
	.fimtrack-encabezado .fimtrack-menu-movil { display: flex; position: absolute; right: 10px; top: 85px; margin: 0; }
	.fimtrack-menu-movil .wp-block-navigation__responsive-container-open { width: 60px; height: 62px; justify-content: center; background: #fff; border-left: 1px solid var(--wp--preset--color--azul); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); color: #333; }
	.fimtrack-menu-movil .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; }
	.fimtrack-menu-movil .wp-block-navigation__responsive-container.is-menu-open { background: var(--fimtrack-azul-fondo); color: #fff; }
	.fimtrack-menu-movil .wp-block-navigation-item__content { font-size: var(--wp--preset--font-size--pequeno); }
	.fimtrack-pie-cta__fila { flex-direction: column; text-align: center; padding: 10px 20px; }
	.fimtrack-pie-principal__fila { grid-template-columns: 1fr; padding-inline: 20px; row-gap: 30px; }
	.fimtrack-pie-formulario { order: -1; padding-top: 0; }
	.fimtrack-pie-principal { padding-bottom: 260px; }
	.fimtrack-pie-fondo .fimtrack-mapa { width: 100%; height: calc(200% - 260px); }
	.fimtrack-pie-fondo::after { background: linear-gradient(180deg, rgb(51 51 51 / 0.96) 0, rgb(51 51 51 / 0.94) calc(100% - 300px), rgb(51 51 51 / 0.15) calc(100% - 200px), rgb(51 51 51 / 0.15) calc(100% - 40px), rgb(51 51 51 / 0.4) 100%); }
	.fimtrack-pie-fondo__enlace { top: auto; width: 100%; height: 260px; padding-bottom: 16px; }
	.fimtrack-pie-legal__fila { flex-direction: column; justify-content: center; gap: 10px; padding-block: 12px; text-align: center; }
	.fimtrack-pie-legal a { font-size: var(--wp--preset--font-size--pequeno); }
	.fimtrack-flotantes__whatsapp, .fimtrack-flotantes__emergencia { display: none; }
}
