html { scroll-behavior: smooth; }
body { font-family: 'Manrope', sans-serif; }

.marca { display: inline-flex; flex-direction: column; align-items: center; line-height: 1.1; text-align: center; }
.marca-nombre { display: block; font-weight: 800; letter-spacing: 0.22em; font-size: 1.05rem; color: #ffffff; }
.marca-sub { display: block; font-weight: 500; letter-spacing: 0.22em; font-size: 0.95rem; color: rgba(255, 255, 255, 0.72); margin-top: 4px; }
.marca-regla { display: block; height: 2px; width: 100%; margin-top: 8px; background: #ffffff; }
.marca-pie .marca-nombre { font-size: 1.7rem; letter-spacing: 0.24em; }
.marca-pie .marca-sub { font-size: 1.5rem; letter-spacing: 0.24em; margin-top: 6px; }
.marca-pie .marca-regla { height: 3px; margin-top: 12px; background: #ffffff; }

.boton-claro { background: #ffffff; color: #0e1b30; font-weight: 600; transition: background 0.25s ease, color 0.25s ease; }
.boton-claro:hover { background: #c7cbd1; color: #0e1b30; }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease, transform 0.8s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

#nav { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
#nav.nav-fijo { border-bottom-color: rgba(255, 255, 255, 0.16); box-shadow: 0 18px 40px -28px rgba(0, 0, 0, 0.9); }

.menu-desplegable { position: absolute; left: 50%; top: 100%; transform: translateX(-50%) translateY(10px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s; }
.grupo-menu:hover .menu-desplegable, .grupo-menu:focus-within .menu-desplegable { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; }
.grupo-menu:hover .grupo-menu-flecha { transform: rotate(180deg); }
.menu-desplegable a:hover .fa-arrow-right-long { opacity: 1 !important; transform: translateX(0) !important; }
.grupo-cita:hover .grupo-cita-flecha, .grupo-cta:hover .grupo-cta-flecha { transform: translateX(5px); }
.movil-enlace { padding: 0.9rem 0; border-top: 1px solid rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.7); transition: color 0.2s ease; }
.movil-enlace:hover { color: #ffffff; }
.movil-servicios-boton { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 0; color: rgba(255, 255, 255, 0.7); transition: color 0.2s ease; }
.movil-servicios-boton:hover { color: #ffffff; }
.movil-servicios-flecha { color: #c2a15c; transition: transform 0.3s ease; }
.movil-grupo.activo .movil-servicios-flecha { transform: rotate(180deg); }
.movil-submenu { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; display: flex; flex-direction: column; }
.movil-grupo.activo .movil-submenu { max-height: 460px; }
.movil-subenlace { padding: 0.55rem 0 0.55rem 1.1rem; margin: 0.1rem 0 0.1rem 0.4rem; border-left: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.6); font-size: 0.92rem; transition: color 0.2s ease, border-color 0.2s ease; }
.movil-subenlace:hover { color: #ffffff; border-color: #c2a15c; }
.movil-subenlace-ver { margin-top: 0.5rem; color: #c2a15c; text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.68rem; font-weight: 700; }

.marco-imagen { position: relative; overflow: hidden; }
.imagen-placeholder { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.6rem; color: rgba(255, 255, 255, 0.4); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.22em; text-align: center; padding: 1rem; }
.imagen-placeholder i { font-size: 1.7rem; }

.marco-marca { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; gap: 1.75rem; }
.marca-hero .marca-nombre { font-size: clamp(2rem, 4vw, 2.9rem); letter-spacing: 0.26em; }
.marca-hero .marca-sub { font-size: clamp(1.75rem, 3.7vw, 2.6rem); letter-spacing: 0.265em; margin-top: 10px; }
.marca-hero .marca-regla { height: 3px; margin-top: 14px; }
.marca-hero-desde { font-size: 0.7rem; letter-spacing: 0.28em; text-transform: uppercase; color: rgba(255, 255, 255, 0.42); font-weight: 500; }

.contacto-fila { display: flex; align-items: center; gap: 1rem; padding: 0.35rem 0; transition: transform 0.2s ease; }
a.contacto-fila:hover { transform: translateX(3px); }
.contacto-icono { width: 46px; height: 46px; border-radius: 999px; background: #ffffff; border: 1px solid #e5e7eb; display: inline-flex; align-items: center; justify-content: center; color: #0e1b30; flex-shrink: 0; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease; }
a.contacto-fila:hover .contacto-icono { background: #c2a15c; border-color: #c2a15c; color: #ffffff; }
.contacto-detalle { display: flex; flex-direction: column; gap: 2px; }
.contacto-etiqueta { font-size: 0.65rem; letter-spacing: 0.24em; text-transform: uppercase; color: #8a6c2c; font-weight: 700; }
.contacto-valor { font-size: 1rem; color: #0e1b30; font-weight: 500; }
.contacto-icono-anim { animation: latido 2.6s ease-out infinite; }
@keyframes latido { 0% { box-shadow: 0 0 0 0 rgba(194, 161, 92, 0.5); } 70% { box-shadow: 0 0 0 12px rgba(194, 161, 92, 0); } 100% { box-shadow: 0 0 0 0 rgba(194, 161, 92, 0); } }

.area-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 768px) { .area-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .area-grid-tres { grid-template-columns: repeat(3, 1fr); } }
.area-bloque { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); border-top: 2px solid rgba(194, 161, 92, 0.55); padding: 2.1rem 1.9rem 2.2rem; display: flex; flex-direction: column; transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; }
.area-bloque:hover { border-color: rgba(194, 161, 92, 0.5); border-top-color: #c2a15c; transform: translateY(-4px); box-shadow: 0 26px 60px -40px rgba(0, 0, 0, 0.8); }
.area-bloque-cabecera { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; margin-bottom: 1.4rem; padding-bottom: 1.3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.area-lista { display: flex; flex-direction: column; }
.area-icono-wrap { width: 54px; height: 54px; border-radius: 999px; background: #ffffff; border: 1px solid #e5e7eb; display: inline-flex; align-items: center; justify-content: center; color: #c2a15c; font-size: 1.3rem; flex-shrink: 0; }
.area-titulo { font-size: 1.32rem; font-weight: 700; color: #ffffff; letter-spacing: 0.01em; }
.area-intro { margin-top: 0.5rem; font-size: 0.86rem; line-height: 1.55; color: rgba(255, 255, 255, 0.72); }
.area-servicio { padding: 1.05rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1); transition: padding-left 0.25s ease; }
.area-servicio:first-child { border-top: 0; padding-top: 0; }
.area-servicio:hover { padding-left: 0.5rem; }
.area-busqueda { font-size: 0.92rem; font-weight: 600; font-style: italic; color: rgba(255, 255, 255, 0.92); line-height: 1.45; }
.area-desc { margin-top: 0.4rem; font-size: 0.82rem; line-height: 1.6; color: rgba(255, 255, 255, 0.58); }
.area-grupo-icono { width: 56px; height: 56px; border-radius: 999px; background: #0e1b30; display: inline-flex; align-items: center; justify-content: center; color: #c2a15c; font-size: 1.3rem; flex-shrink: 0; }
.area-grupo-icono-claro { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.18); }
.area-grupo-titulo { font-size: 1.7rem; font-weight: 700; letter-spacing: 0.01em; line-height: 1.2; }
.area-grupo-sub { margin-top: 0.6rem; font-size: 0.95rem; line-height: 1.6; color: #5a606b; }
.area-grupo-sub-claro { color: rgba(255, 255, 255, 0.62); }
.area-grid-claro .area-bloque { background: #ffffff; border-color: #e5e7eb; border-top: 2px solid rgba(194, 161, 92, 0.55); box-shadow: 0 14px 40px -34px rgba(14, 27, 48, 0.45); }
.area-grid-claro .area-bloque:hover { border-color: rgba(194, 161, 92, 0.6); border-top-color: #c2a15c; box-shadow: 0 26px 60px -38px rgba(14, 27, 48, 0.5); }
.area-grid-claro .area-bloque-cabecera { border-bottom-color: #e5e7eb; }
.area-grid-claro .area-titulo { color: #0e1b30; }
.area-grid-claro .area-intro { color: #5a606b; }
.area-grid-claro .area-servicio { border-top-color: #eceef1; }
.area-grid-claro .area-busqueda { color: #0e1b30; }
.area-grid-claro .area-desc { color: #5a606b; }

.servicios-area { margin-bottom: 3.5rem; }
.servicios-area:last-child { margin-bottom: 0; }
.area-encabezado { display: flex; align-items: center; gap: 1.1rem; margin-bottom: 1.8rem; padding-bottom: 1.2rem; border-bottom: 1px solid rgba(14, 27, 48, 0.1); }
.area-encabezado-icono { width: 56px; height: 56px; border-radius: 999px; background: #ffffff; border: 1px solid #e5e7eb; display: inline-flex; align-items: center; justify-content: center; color: #c2a15c; font-size: 1.35rem; flex-shrink: 0; }
.area-encabezado-texto { display: flex; flex-direction: column; gap: 0.35rem; }
.area-encabezado-titulo { font-size: 1.5rem; font-weight: 700; color: #0e1b30; letter-spacing: 0.01em; line-height: 1.2; }
.area-encabezado-intro { font-size: 0.9rem; line-height: 1.55; color: #5a606b; max-width: 46rem; }
.servicios-grid { display: grid; grid-template-columns: 1fr; gap: 1.1rem; }
@media (min-width: 640px) { .servicios-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .servicios-grid { grid-template-columns: repeat(3, 1fr); } }
.servicio-card { position: relative; background: #ffffff; border: 1px solid #e5e7eb; border-left: 2px solid rgba(194, 161, 92, 0.55); padding: 1.5rem 1.4rem 1.35rem; display: flex; flex-direction: column; gap: 0.6rem; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
.servicio-card:hover { transform: translateY(-4px); border-color: #e5e7eb; border-left-color: #c2a15c; box-shadow: 0 22px 50px -34px rgba(14, 27, 48, 0.5); }
.servicio-card-busqueda { font-size: 0.95rem; font-weight: 600; font-style: italic; color: #0e1b30; line-height: 1.45; }
.servicio-card-desc { font-size: 0.83rem; line-height: 1.6; color: #5a606b; }
.servicio-card-flecha { margin-top: 0.4rem; color: #c2a15c; font-size: 0.78rem; opacity: 0; transform: translateX(-6px); transition: opacity 0.25s ease, transform 0.25s ease; }
.servicio-card:hover .servicio-card-flecha { opacity: 1; transform: translateX(0); }
.servicios-oscuro .area-encabezado { border-bottom-color: rgba(255, 255, 255, 0.12); }
.servicios-oscuro .area-encabezado-icono { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.18); }
.servicios-oscuro .area-encabezado-titulo { color: #ffffff; }
.servicios-oscuro .area-encabezado-intro { color: rgba(255, 255, 255, 0.62); }
.servicios-oscuro .servicio-card { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.1); border-left-color: rgba(194, 161, 92, 0.55); }
.servicios-oscuro .servicio-card:hover { border-color: rgba(255, 255, 255, 0.1); border-left-color: #c2a15c; box-shadow: 0 22px 50px -34px rgba(0, 0, 0, 0.8); }
.servicios-oscuro .servicio-card-busqueda { color: #ffffff; }
.servicios-oscuro .servicio-card-desc { color: rgba(255, 255, 255, 0.6); }

.campo-label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 0.18em; color: #5a606b; margin-bottom: 0.5rem; }
.campo { width: 100%; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 0; padding: 0.8rem 0.95rem; font-size: 0.95rem; color: #14161b; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.campo::placeholder { color: #9aa0aa; }
.campo:focus { outline: none; border-color: #0e1b30; box-shadow: 0 0 0 3px rgba(14, 27, 48, 0.08); }
textarea.campo { resize: none; }

.marquee { width: 100%; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%); padding: 0.6rem 0; }
.marquee-pista { display: flex; align-items: center; width: max-content; animation: desplazar 40s linear infinite; will-change: transform; }
.marquee:hover .marquee-pista { animation-play-state: paused; }
@keyframes desplazar { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.marquee-item { display: inline-block; font-family: 'Manrope', sans-serif; font-size: clamp(1.1rem, 1.8vw, 1.4rem); font-weight: 500; letter-spacing: 0.04em; color: #ffffff; white-space: nowrap; padding: 0 1.25rem; line-height: 1; }
.marquee-sep { display: inline-flex; align-items: center; color: #c2a15c; font-size: 0.5rem; padding: 0 0.25rem; }

.area-barra { background: #ffffff; border-bottom: 1px solid #e5e7eb; padding: 1.4rem 0 1.1rem; }
.marquee-claro .marquee-item { color: #0e1b30; font-weight: 600; }
.marquee-claro .marquee-sep { color: #c2a15c; }

.paso { background: #ffffff; padding: 2.5rem 2rem; transition: background 0.25s ease; }
.paso:hover { background: #e5e7eb; }
.paso-num { font-size: 2.5rem; font-weight: 300; color: #c2a15c; line-height: 1; min-width: 64px; }
.paso-titulo { font-size: 1.35rem; font-weight: 600; color: #0e1b30; line-height: 1.3; }
.paso-texto { margin-top: 0.7rem; font-size: 1rem; line-height: 1.65; color: #5a606b; max-width: 42rem; }
.paso-icono { font-size: 1.4rem; color: #c2a15c; opacity: 0.4; padding-top: 0.65rem; }

.testimonio-card { background: #ffffff; padding: 1.85rem 1.65rem 1.5rem; display: flex; flex-direction: column; border: 1px solid #e5e7eb; transition: transform 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 10px 26px -18px rgba(0, 0, 0, 0.4); }
.testimonio-card:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -28px rgba(0, 0, 0, 0.6); }
.test-estrellas { color: #c2a15c; font-size: 0.78rem; letter-spacing: 0.2em; }
.test-texto-card { margin-top: 1rem; font-size: 0.94rem; line-height: 1.6; color: #272b33; font-weight: 300; flex: 1; }
.test-autor-card { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #e5e7eb; }
.test-nombre-card { font-size: 0.9rem; font-weight: 700; color: #0e1b30; }
.test-rol-card { margin-top: 0.2rem; font-size: 0.65rem; letter-spacing: 0.22em; text-transform: uppercase; color: #8a6c2c; font-weight: 700; }

.faq-cuerpo { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.faq-item.activo .faq-cuerpo { max-height: 320px; }
.faq-chevron { transition: transform 0.3s ease; }
.faq-item.activo .faq-chevron { transform: rotate(180deg); }

.mapa-placeholder { width: 100%; background: repeating-linear-gradient(45deg, #0a1525, #0a1525 14px, #0e1b30 14px, #0e1b30 28px); border: 1px solid rgba(255, 255, 255, 0.12); }
.mapa-placeholder .imagen-placeholder { color: rgba(255, 255, 255, 0.4); }

.pie-titulo { font-size: 11px; text-transform: uppercase; letter-spacing: 0.22em; color: rgba(255, 255, 255, 0.45); margin-bottom: 1.25rem; font-weight: 700; }
.pie-enlace { color: rgba(255, 255, 255, 0.7); transition: color 0.2s ease; }
.pie-enlace:hover { color: #ffffff; }
.pie-contacto-item { display: flex; flex-direction: column; gap: 4px; transition: transform 0.2s ease; }
.pie-contacto-item:hover { transform: translateX(3px); }
.pie-contacto-etiqueta { font-size: 0.65rem; letter-spacing: 0.24em; text-transform: uppercase; color: #c2a15c; font-weight: 700; }
.pie-contacto-valor { font-size: 1.2rem; font-weight: 600; color: #ffffff; }
.pie-mini-titulo { font-size: 0.78rem; font-weight: 700; color: #ffffff; letter-spacing: 0.04em; }
.red-social { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.18); color: rgba(255, 255, 255, 0.7); font-size: 0.85rem; transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease; }
.red-social:hover { background: #c2a15c; border-color: #c2a15c; color: #0e1b30; transform: translateY(-3px); }