/* =====================================================================
   web.css - pagina web publica de dual pos (index.html, como_funciona.html, funciones.html; oleada 13h)
   traduccion fiel de CSS/web.css y de las clases tailwind de la version vigente.
   norma: una clase por control (igual a su id); estados por data-*. breakpoints: sm 640, md 768, lg 1024, xl 1280, 2xl 1536
   los iconos de font awesome se eligen con data-icono (y data-estilo="regular" para los "far").
   ===================================================================== */

/* ---------- base de tailwind (preflight) ---------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid #e5e7eb; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
img, svg, video, canvas, iframe { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
button, input, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; }
button, select { text-transform: none; }
button, [type='button'], [type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none; cursor: pointer; }
ol, ul { list-style: none; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; }
table { border-collapse: collapse; }
[hidden] { display: none !important; }

/* ---------- web.css original: generales ---------- */
html { scroll-behavior: smooth; }
.body_web { font-family: 'Inter', system-ui, sans-serif; background: #ffffff; color: #0b1020; -webkit-font-smoothing: antialiased; }
/* overflow-x del body: lo ponen las reglas de abajo (clip donde se puede, para que las barras sticky funcionen) */
::selection { background: #2563eb; color: #ffffff; }
/* celular: nada se sale de la pantalla y los textos largos bajan de linea */
html, body { max-width: 100%; overflow-x: hidden; }
@supports (overflow: clip) { html, body { overflow-x: clip; } }
img, video, iframe, canvas { max-width: 100%; }
h1, h2, h3, h4, p, li, summary { overflow-wrap: break-word; }
/* preguntas */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }

/* ---------- iconos (font awesome 6.0.0) ---------- */
:where(i[data-icono]) { display: inline-block; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; }
:where(i[data-icono])::before { font-family: 'Font Awesome 6 Free'; font-weight: 900; }
:where(i[data-estilo="regular"])::before { font-weight: 400; }

/* ---------- animaciones ---------- */
@keyframes kf_cinta { to { transform: translateX(-50%); } }
@keyframes kf_parpadeo { 50% { opacity: 0; } }
@keyframes kf_palabra { to { transform: none; opacity: 1; filter: blur(0); } }
@keyframes kf_sube { to { opacity: 1; transform: none; } }
@keyframes kf_aparece { from { opacity: 0; transform: translateY(10px) scale(0.99); } to { opacity: 1; transform: none; } }
@keyframes kf_pulso { 50% { opacity: 0.5; } }
@keyframes kf_rebote { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }
@keyframes kf_girar { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* ---------- barra superior: transparente sobre la portada, solida al bajar (#barra del original) ---------- */
.header_barra { transition: background 0.3s, box-shadow 0.3s; }
.header_barra[data-estado="sobre_foto"] .a_enlace_barra { color: rgba(255, 255, 255, 0.85); }
.header_barra[data-estado="sobre_foto"] .a_enlace_barra:hover { color: #ffffff; }
.header_barra[data-estado="sobre_foto"] .a_enlace_barra[data-actual="si"] { color: #ffffff; }
.header_barra[data-estado="sobre_foto"] .a_logo_barra { background: #ffffff; border-radius: 14px; padding: 6px 10px; }
.button_abrir_menu { background: #ffffff; color: #0b1020; box-shadow: 0 6px 18px -6px rgba(11, 16, 32, 0.45); }
.header_barra[data-estado="solida"] .button_abrir_menu { background: #0b1020; color: #ffffff; box-shadow: none; }
.header_barra[data-estado="solida"] { background: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 1px 0 #e6e9f0; }

/* ---------- slider de la portada: lo que cambia con el slide activo ---------- */
.div_slide_foto[data-activa="si"] .img_slide_foto { transform: scale(1); }
.div_slide_texto[data-activa="si"] .span_palabra_interior { animation: kf_palabra 0.9s cubic-bezier(0.2, 0.85, 0.2, 1) forwards; animation-delay: calc(var(--i) * 75ms + 150ms); }
.div_slide_texto[data-activa="si"] .p_etiqueta_slide { animation: kf_sube 0.7s ease forwards 0.05s; }
.div_slide_texto[data-activa="si"] .p_texto_slide { animation: kf_sube 0.8s ease forwards 0.55s; }
.div_slide_texto[data-activa="si"] .div_botones_slide { animation: kf_sube 0.8s ease forwards 0.75s; }

/* ---------- preguntas: la abierta va en azul ---------- */
.details_pregunta[open] .p_respuesta_pregunta { color: rgba(255, 255, 255, 0.88); }
.details_pregunta[open] .span_mas_pregunta { background: rgba(255, 255, 255, 0.2); color: #ffffff; transform: rotate(45deg); }
.details_pregunta[open] .span_numero_pregunta { background: rgba(255, 255, 255, 0.18); color: #ffffff; }
@media (max-width: 640px) {
    .details_pregunta .p_respuesta_pregunta { padding-left: 0; padding-right: 0; }
    .details_pregunta .summary_pregunta { padding-left: 16px; padding-right: 16px; }
}

/* ---------- interruptor de youtube: la bolita se corre al encender ---------- */
.button_youtube[data-encendido="si"] .span_bolita_youtube { transform: translateX(28px); }

/* ---------- boton flotante de whatsapp ---------- */
.a_whatsapp_flotante { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 40; width: 3.5rem; height: 3.5rem; border-radius: 9999px; display: grid; place-items: center; color: #ffffff; font-size: 1.5rem; line-height: 2rem; background: #25d366; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.a_whatsapp_flotante:hover { transform: scale(1.1); }

/* ---------- asistente de la pagina (chat sobre el boton de whatsapp; #bot-* del original) ---------- */
.button_bot { position: fixed; right: 20px; bottom: 92px; z-index: 45; width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; color: #ffffff; font-size: 22px; background: linear-gradient(135deg, #2563eb, #7c3aed); box-shadow: 0 16px 30px -10px rgba(37, 99, 235, 0.7); transition: transform 0.2s; }
.button_bot:hover { transform: scale(1.08); }
.button_bot[data-wa="no"] { bottom: 20px; }
.span_burbuja_bot { position: absolute; right: 64px; top: 50%; transform: translateY(-50%); white-space: nowrap; background: #ffffff; color: #0b1020; font-size: 13px; font-weight: 600; padding: 8px 12px; border-radius: 12px; box-shadow: 0 10px 25px -8px rgba(11, 16, 32, 0.35); animation: kf_aparece 0.5s ease; }
.section_bot_panel { position: fixed; right: 20px; bottom: 160px; z-index: 46; width: min(390px, calc(100vw - 24px)); height: min(560px, calc(100svh - 190px)); display: flex; flex-direction: column; background: #ffffff; border-radius: 24px; overflow: hidden; box-shadow: 0 40px 90px -30px rgba(11, 16, 32, 0.55); border: 1px solid #e6e9f0; animation: kf_aparece 0.3s ease; }
.section_bot_panel[data-wa="no"] { bottom: 88px; }
.div_cabeza_bot { background: linear-gradient(135deg, #2563eb, #7c3aed); }
.div_mensajes_bot { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; background: #f8fafc; }
.div_mensaje_bot { max-width: 86%; padding: 10px 14px; border-radius: 16px; font-size: 14px; line-height: 1.5; }
.div_mensaje_bot[data-quien="yo"] { align-self: flex-end; background: #2563eb; color: #ffffff; border-bottom-right-radius: 4px; }
.div_mensaje_bot[data-quien="bot"] { align-self: flex-start; background: #ffffff; color: #0b1020; border: 1px solid #e6e9f0; border-bottom-left-radius: 4px; }
@media (max-width: 640px) {
    .section_bot_panel { right: 12px; bottom: 150px; height: min(520px, calc(100svh - 170px)); }
    .button_bot { right: 16px; bottom: 86px; width: 52px; height: 52px; }
    .span_burbuja_bot { display: none; }
}

/* ---------- fondos blancos con decoracion: puntos, manchas de color y el logo de marca de agua ---------- */
/* sub_decorar_fondos marca las secciones de fondo blanco con data-marca = 1, 2 o 3 */
[data-marca] { position: relative; isolation: isolate; }
[data-marca]::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background:
        radial-gradient(600px 380px at var(--mx, 92%) var(--my, 8%), var(--mc1, rgba(37, 99, 235, 0.10)), transparent 70%),
        radial-gradient(520px 340px at var(--nx, 4%) var(--ny, 96%), var(--mc2, rgba(236, 72, 153, 0.08)), transparent 70%),
        radial-gradient(rgba(11, 16, 32, 0.07) 1.2px, transparent 1.6px) 0 0 / 26px 26px;
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
            mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); }
[data-marca]::after { content: ""; position: absolute; z-index: -1; pointer-events: none; width: min(46vw, 560px); aspect-ratio: 1; right: var(--lx, -6%); left: var(--lxl, auto); top: var(--ly, 10%);
    background: url('../img/dualpos.png') center / contain no-repeat; opacity: 0.045; transform: rotate(var(--lr, -12deg)); filter: grayscale(1); }
[data-marca="2"] { --mx: 6%; --my: 10%; --nx: 96%; --ny: 92%; --mc1: rgba(16, 185, 129, 0.10); --mc2: rgba(124, 58, 237, 0.09); --lx: auto; --lxl: -6%; --lr: 10deg; --ly: 30%; }
[data-marca="3"] { --mx: 50%; --my: 0%; --mc1: rgba(245, 158, 11, 0.10); --mc2: rgba(6, 182, 212, 0.09); --ly: 45%; --lr: -6deg; }
@media (max-width: 767px) { [data-marca]::after { width: 78vw; opacity: 0.04; } }

/* ================== controles (traduccion de sus clases tailwind y del web.css original) ================== */
.header_barra { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 50; }
.div_portada { min-height: 100svh; background-color: #0b1020; }
.section_tipos_franja { border-bottom-width: 1px; border-color: #e6e9f0; background-color: #ffffff; }
.div_tipos_franja { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 2.5rem; row-gap: 1rem; color: #3b4256; }
.section_como { padding-top: 6rem; padding-bottom: 6rem; background-color: #f4f6fa; scroll-margin-top: 5rem; }
.div_ancho_como { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_como { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); display: grid; gap: 2rem; align-items: flex-end; }
.div_cabeza_como > * { min-width: 0; }
.div_cabeza_como[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_como { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_como::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_como { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_como em { font-style: normal; color: #2563eb; }
.p_texto_como { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; max-width: 36rem; }
.div_recorrido_cliente { display: grid; grid-auto-flow: column; grid-auto-columns: min(78%, 300px); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; margin-top: 3.5rem; }
.div_recorrido_cliente > * { scroll-snap-align: start; }
.p_aviso_como { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #6b7287; line-height: 1.4; margin-top: 1.5rem; justify-content: center; }
.i_aviso_como { color: #f59e0b; }
.section_equipo { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 5rem; overflow: hidden; }
.div_ancho_equipo { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_equipo { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); display: grid; gap: 2rem; align-items: flex-end; }
.div_cabeza_equipo > * { min-width: 0; }
.div_cabeza_equipo[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_equipo { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_equipo::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_equipo { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_equipo em { font-style: normal; color: #2563eb; }
.p_texto_equipo { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; max-width: 36rem; }
.div_cuerpo_equipo { margin-top: 3rem; display: grid; gap: 2rem; align-items: flex-start; }
.div_cuerpo_equipo > * { min-width: 0; }
.div_pestanas_pc { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); scrollbar-width: none; display: flex; gap: 0.5rem; overflow-x: auto; padding-bottom: 0.5rem; }
.div_pestanas_pc[data-revelar='si'] { opacity: 1; transform: none; }
.div_pestanas_pc::-webkit-scrollbar { display: none; }
.div_vista_pc { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_vista_pc[data-revelar='si'] { opacity: 1; transform: none; }
.div_marco_pc { border-radius: 16px; overflow: hidden; background: #0b1020; box-shadow: 0 50px 90px -40px rgba(11, 16, 32, 0.6); border: 1px solid #1e2640; }
.div_barra_pc { display: flex; align-items: center; gap: 7px; padding: 11px 16px; background: #141a2e; }
.i_punto_pc_rojo { width: 10px; height: 10px; border-radius: 50%; background: #2c3552; }
.i_punto_pc_rojo:nth-child(1) { background: #ff5f57; }
.i_punto_pc_rojo:nth-child(2) { background: #febc2e; }
.i_punto_pc_rojo:nth-child(3) { background: #28c840; }
.i_punto_pc_amarillo { width: 10px; height: 10px; border-radius: 50%; background: #2c3552; }
.i_punto_pc_amarillo:nth-child(1) { background: #ff5f57; }
.i_punto_pc_amarillo:nth-child(2) { background: #febc2e; }
.i_punto_pc_amarillo:nth-child(3) { background: #28c840; }
.i_punto_pc_verde { width: 10px; height: 10px; border-radius: 50%; background: #2c3552; }
.i_punto_pc_verde:nth-child(1) { background: #ff5f57; }
.i_punto_pc_verde:nth-child(2) { background: #febc2e; }
.i_punto_pc_verde:nth-child(3) { background: #28c840; }
.span_titulo_pc { margin-left: 0.75rem; font-size: 0.75rem; line-height: 1rem; color: rgba(255, 255, 255, 0.5); font-weight: 500; }
.img_pc { width: 100%; display: block; }
.img_pc[data-cambia='si'] { animation: kf_aparece 0.5s ease; }
.p_texto_pc { color: #3b4256; line-height: 1.65; margin-top: 1.25rem; font-size: 1.125rem; line-height: 1.75rem; }
.p_aviso_pc { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #6b7287; line-height: 1.4; margin-top: 0.75rem; }
.i_aviso_pc { color: #f59e0b; }
.section_cifras { background-color: #0b1020; color: #ffffff; }
.section_cifras em { color: #7dd3fc; }
.div_cifras { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-top: 4rem; padding-bottom: 4rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.div_cifras > * { min-width: 0; }
.section_tv { padding-top: 6rem; padding-bottom: 6rem; background-color: #f4f6fa; overflow: hidden; scroll-margin-top: 5rem; }
.div_ancho_tv { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; display: grid; gap: 3.5rem; align-items: center; }
.div_ancho_tv > * { min-width: 0; }
.div_textos_tv { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_textos_tv[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_tv { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_tv::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_tv { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_tv em { font-style: normal; color: #2563eb; }
.p_texto_tv { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1.5rem; }
.ul_lista_tv { margin-top: 2rem; display: grid; gap: 0.75rem; }
.ul_lista_tv > * { min-width: 0; }
.div_imagen_tv { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_imagen_tv[data-revelar='si'] { opacity: 1; transform: none; }
.div_marco_tv { border-radius: 18px; background: #0b1020; padding: 10px; box-shadow: 0 50px 90px -35px rgba(11, 16, 32, 0.6); }
.img_tv { width: 100%; border-radius: 10px; display: block; }
.div_base_tv { margin-left: auto; margin-right: auto; width: 7rem; height: 1.5rem; background-color: #1a2033; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
.p_aviso_tv { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #6b7287; line-height: 1.4; margin-top: 1rem; justify-content: center; }
.i_aviso_tv { color: #f59e0b; }
.section_tu_negocio { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 5rem; }
.div_ancho_tu_negocio { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_tu_negocio { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); max-width: 56rem; }
.div_cabeza_tu_negocio[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_tu_negocio { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_tu_negocio::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_tu_negocio { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_tu_negocio em { font-style: normal; color: #2563eb; }
.p_frase_intro { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1.5rem; }
.div_tipos { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); scrollbar-width: none; margin-top: 3rem; display: flex; gap: 0.5rem; overflow-x: auto; padding-bottom: 0.5rem; }
.div_tipos[data-revelar='si'] { opacity: 1; transform: none; }
.div_tipos::-webkit-scrollbar { display: none; }
.div_tipo_detalle { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); margin-top: 1.5rem; display: grid; border-radius: 28px; overflow: hidden; border-width: 1px; border-color: #e6e9f0; }
.div_tipo_detalle > * { min-width: 0; }
.div_tipo_detalle[data-revelar='si'] { opacity: 1; transform: none; }
.section_funciones { padding-top: 6rem; padding-bottom: 6rem; background-color: #f4f6fa; scroll-margin-top: 5rem; }
.div_ancho_funciones { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_funciones { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 2rem; }
.div_cabeza_funciones[data-revelar='si'] { opacity: 1; transform: none; }
.div_titulos_funciones { max-width: 48rem; }
.p_rotulo_funciones { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_funciones::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_funciones { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_funciones em { font-style: normal; color: #2563eb; }
.a_todas_funciones { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background: #ffffff; color: #0b1020; border: 1px solid #e6e9f0; }
.a_todas_funciones:hover { transform: translateY(-1px); border-color: #0b1020; }
.i_todas_funciones { font-size: 0.75rem; line-height: 1rem; }
.div_lista_funciones { margin-top: 3.5rem; display: grid; gap: 1.25rem; }
.div_lista_funciones > * { min-width: 0; }
.section_caso { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 5rem; }
.div_ancho_caso { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_caso { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); display: grid; gap: 2rem; align-items: flex-end; }
.div_cabeza_caso > * { min-width: 0; }
.div_cabeza_caso[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_caso { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_caso::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_caso { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_caso em { font-style: normal; color: #2563eb; }
.p_texto_caso { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; max-width: 36rem; }
.div_galeria { margin-top: 3.5rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.div_galeria > * { min-width: 0; }
.section_beneficios { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 5rem; }
.div_ancho_beneficios { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_beneficios { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); display: grid; gap: 2rem; align-items: flex-end; }
.div_cabeza_beneficios > * { min-width: 0; }
.div_cabeza_beneficios[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_beneficios { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_beneficios::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_beneficios { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_beneficios em { font-style: normal; color: #2563eb; }
.p_texto_beneficios { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; max-width: 36rem; }
.div_lista_beneficios { margin-top: 3.5rem; display: grid; gap: 1.25rem; }
.div_lista_beneficios > * { min-width: 0; }
.section_opiniones { padding-top: 6rem; padding-bottom: 6rem; background-color: #f4f6fa; scroll-margin-top: 5rem; }
.div_ancho_opiniones { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_opiniones { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); max-width: 48rem; }
.div_cabeza_opiniones[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_opiniones { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_opiniones::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_opiniones { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_opiniones em { font-style: normal; color: #2563eb; }
.div_lista_opiniones { margin-top: 3.5rem; display: grid; gap: 1.25rem; }
.div_lista_opiniones > * { min-width: 0; }
.section_noche { position: relative; overflow: hidden; color: #ffffff; scroll-margin-top: 5rem; }
.img_fondo_noche { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.div_velo_noche { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.div_ancho_noche { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; position: relative; padding-top: 7rem; padding-bottom: 7rem; display: grid; gap: 3.5rem; align-items: center; }
.div_ancho_noche > * { min-width: 0; }
.div_textos_noche { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_textos_noche[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_noche { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; color: #7dd3fc !important; }
.p_rotulo_noche::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_noche { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_noche em { font-style: normal; color: #2563eb; color: #7dd3fc; }
.p_texto_noche { font-size: 1.125rem; line-height: 1.75rem; color: rgba(255, 255, 255, 0.8); margin-top: 1.5rem; max-width: 36rem; }
.a_vivir_dia { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background: #2563eb; color: #ffffff; box-shadow: 0 10px 24px -8px rgba(37, 99, 235, 0.55); margin-top: 2.25rem; padding-left: 1.5rem !important; padding-right: 1.5rem !important; padding-top: 1rem !important; padding-bottom: 1rem !important; font-size: 1rem; line-height: 1.5rem; }
.a_vivir_dia:hover { transform: translateY(-1px); background: #1d4ed8; }
.i_vivir_dia { font-size: 0.75rem; line-height: 1rem; }
.div_noche_adelanto { display: grid; gap: 0.75rem; }
.div_noche_adelanto > * { min-width: 0; }
.section_todo_incluido { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 5rem; }
.div_ancho_todo_incluido { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; display: grid; gap: 3.5rem; align-items: center; }
.div_ancho_todo_incluido > * { min-width: 0; }
.div_textos_todo_incluido { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_textos_todo_incluido[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_todo_incluido { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_todo_incluido::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_todo_incluido { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 3rem; line-height: 1; margin-top: 1rem; }
.h2_titulo_todo_incluido em { font-style: normal; color: #2563eb; }
.p_texto_todo_incluido { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1.5rem; max-width: 36rem; }
.ul_incluye { margin-top: 2rem; display: grid; column-gap: 1.5rem; row-gap: 0.75rem; }
.ul_incluye > * { min-width: 0; }
.div_youtube { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_youtube[data-revelar='si'] { opacity: 1; transform: none; }
.div_tarjeta_youtube { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 20px; box-shadow: 0 40px 80px -30px rgba(11, 16, 32, 0.45); padding: 1.75rem; }
.div_cabeza_youtube { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.p_titulo_youtube { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.5rem; line-height: 2rem; }
.p_titulo_youtube em { font-style: normal; color: #2563eb; }
.p_sub_youtube { color: #3b4256; line-height: 1.65; margin-top: 0.25rem; }
.button_youtube { width: 60px; height: 32px; border-radius: 999px; position: relative; transition: background 0.3s; cursor: pointer; flex-shrink: 0; background: #cbd2e0; }
.button_youtube[data-encendido='si'] { background: #ef4444; }
.span_bolita_youtube { position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: 50%; background: #ffffff; transition: transform 0.3s; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }
.div_cuerpo_youtube { margin-top: 1.75rem; display: grid; grid-template-columns: 96px 1fr; gap: 1rem; align-items: center; }
.div_cuerpo_youtube > * { min-width: 0; }
.div_marco_cel_youtube { width: 100%; max-width: 280px; border-radius: 38px; background: #0b1020; padding: 10px; box-shadow: 0 40px 70px -25px rgba(11, 16, 32, 0.55), inset 0 0 0 2px #2a3146; padding: 6px !important; border-radius: 24px !important; }
.img_cel_youtube { width: 100%; border-radius: 30px; display: block; border-radius: 19px !important; }
.div_vista_youtube { }
.div_vista_youtube > * + * { border-top-width: 1px; border-bottom-width: 0px; border-color: #e6e9f0; }
.p_nota_youtube { color: #3b4256; line-height: 1.65; font-size: 0.875rem; line-height: 1.25rem; margin-top: 1.5rem; }
.section_ia { padding-top: 6rem; padding-bottom: 6rem; background-color: #f4f6fa; scroll-margin-top: 5rem; }
.div_ancho_ia { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; display: grid; gap: 3.5rem; align-items: center; }
.div_ancho_ia > * { min-width: 0; }
.div_textos_ia { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_textos_ia[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_ia { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_ia::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_ia { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_ia em { font-style: normal; color: #2563eb; }
.p_texto_ia { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1.5rem; max-width: 36rem; }
.div_caja_chat { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 20px; box-shadow: 0 40px 80px -30px rgba(11, 16, 32, 0.45); opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); padding: 1.5rem; }
.div_caja_chat[data-revelar='si'] { opacity: 1; transform: none; }
.div_cabeza_chat { display: flex; align-items: center; gap: 0.75rem; padding-bottom: 1.25rem; border-bottom-width: 1px; border-color: #e6e9f0; }
.span_icono_chat { width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; background-color: #2563eb; color: #ffffff; display: grid; place-items: center; }
.span_icono_chat > * { min-width: 0; }
.p_titulo_chat { font-weight: 700; }
.p_estado_chat { font-size: 0.75rem; line-height: 1rem; color: #059669; font-weight: 600; }
.div_chat { padding-top: 1.25rem; min-height: 320px; }
.div_chat > * + * { margin-top: 0.75rem; }
.section_agenda { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 5rem; }
.div_ancho_agenda { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; display: grid; gap: 3.5rem; align-items: flex-start; }
.div_ancho_agenda > * { min-width: 0; }
.div_textos_agenda { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_textos_agenda[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_agenda { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_agenda::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_agenda { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_agenda em { font-style: normal; color: #2563eb; }
.p_texto_agenda { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1.5rem; max-width: 32rem; }
.div_foto_agenda { margin-top: 2.5rem; border-radius: 24px; overflow: hidden; aspect-ratio: 4 / 3; display: none; }
.img_foto_agenda { width: 100%; height: 100%; object-fit: cover; }
.form_agenda { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 20px; box-shadow: 0 40px 80px -30px rgba(11, 16, 32, 0.45); opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); padding: 1.75rem; }
.form_agenda[data-revelar='si'] { opacity: 1; transform: none; }
.div_campos_agenda { display: grid; gap: 1.25rem; }
.div_campos_agenda > * { min-width: 0; }
.label_nombre_agenda { display: block; }
.span_nombre_agenda { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #3b4256; }
.input_nombre_agenda { width: 100%; background: #ffffff; border: 1px solid #e6e9f0; border-radius: 12px; padding: 13px 14px; font-size: 16px; font-weight: 500; outline: none; transition: border-color 0.2s, box-shadow 0.2s; color: #0b1020; margin-top: 0.5rem; }
.input_nombre_agenda:focus { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12); }
.input_nombre_agenda::placeholder { color: #9aa1b4; }
.label_negocio_agenda { display: block; }
.span_negocio_agenda { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #3b4256; }
.input_negocio_agenda { width: 100%; background: #ffffff; border: 1px solid #e6e9f0; border-radius: 12px; padding: 13px 14px; font-size: 16px; font-weight: 500; outline: none; transition: border-color 0.2s, box-shadow 0.2s; color: #0b1020; margin-top: 0.5rem; }
.input_negocio_agenda:focus { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12); }
.input_negocio_agenda::placeholder { color: #9aa1b4; }
.label_tipo_agenda { display: block; }
.span_tipo_agenda { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #3b4256; }
.select_tipo_agenda { width: 100%; background: #ffffff; border: 1px solid #e6e9f0; border-radius: 12px; padding: 13px 14px; font-size: 16px; font-weight: 500; outline: none; transition: border-color 0.2s, box-shadow 0.2s; color: #0b1020; margin-top: 0.5rem; }
.select_tipo_agenda:focus { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12); }
.select_tipo_agenda::placeholder { color: #9aa1b4; }
.label_ciudad_agenda { display: block; }
.span_ciudad_agenda { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #3b4256; }
.input_ciudad_agenda { width: 100%; background: #ffffff; border: 1px solid #e6e9f0; border-radius: 12px; padding: 13px 14px; font-size: 16px; font-weight: 500; outline: none; transition: border-color 0.2s, box-shadow 0.2s; color: #0b1020; margin-top: 0.5rem; }
.input_ciudad_agenda:focus { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12); }
.input_ciudad_agenda::placeholder { color: #9aa1b4; }
.p_dia_agenda { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #3b4256; margin-top: 2rem; }
.div_dias_agenda { margin-top: 0.75rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem; }
.div_dias_agenda > * { min-width: 0; }
.p_modo_agenda { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #3b4256; margin-top: 1.75rem; }
.div_modos_agenda { margin-top: 0.75rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
.div_modos_agenda > * { min-width: 0; }
.button_modo_video { padding: 10px 0; border-radius: 12px; font-weight: 600; font-size: 13px; border: 1px solid #e6e9f0; background: #ffffff; transition: 0.15s; color: #0b1020; text-align: center; }
.button_modo_video:hover { border-color: #b8c4e8; }
.button_modo_video[data-sel='si'] { background: #2563eb; color: #ffffff; border-color: #2563eb; }
.i_modo_video { margin-right: 0.375rem; }
.button_modo_negocio { padding: 10px 0; border-radius: 12px; font-weight: 600; font-size: 13px; border: 1px solid #e6e9f0; background: #ffffff; transition: 0.15s; color: #0b1020; text-align: center; }
.button_modo_negocio:hover { border-color: #b8c4e8; }
.button_modo_negocio[data-sel='si'] { background: #2563eb; color: #ffffff; border-color: #2563eb; }
.i_modo_negocio { margin-right: 0.375rem; }
.label_nota_agenda { display: block; margin-top: 1.75rem; }
.span_nota_agenda { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #3b4256; }
.textarea_nota_agenda { width: 100%; background: #ffffff; border: 1px solid #e6e9f0; border-radius: 12px; padding: 13px 14px; font-size: 16px; font-weight: 500; outline: none; transition: border-color 0.2s, box-shadow 0.2s; color: #0b1020; margin-top: 0.5rem; }
.textarea_nota_agenda:focus { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12); }
.textarea_nota_agenda::placeholder { color: #9aa1b4; }
.div_hora_agenda { margin-top: 1.25rem; border-radius: 0.75rem; background-color: #eef3ff; color: #1e40af; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; }
.i_hora_agenda { margin-right: 0.375rem; }
.p_error_agenda { color: #e11d48; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; margin-top: 1rem; min-height: 20px; }
.button_enviar_agenda { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background: #16a34a; color: #ffffff; width: 100%; margin-top: 0.25rem; padding-top: 1rem !important; padding-bottom: 1rem !important; font-size: 1rem; line-height: 1.5rem; }
.button_enviar_agenda:hover { transform: translateY(-1px); background: #15803d; }
.i_enviar_agenda { font-size: 1.125rem; line-height: 1.75rem; }
.section_preguntas { padding-top: 6rem; padding-bottom: 6rem; background-color: #f4f6fa; scroll-margin-top: 5rem; }
.div_ancho_preguntas { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; display: grid; gap: 3.5rem; align-items: flex-start; }
.div_ancho_preguntas > * { min-width: 0; }
.div_textos_preguntas { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_textos_preguntas[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_preguntas { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_preguntas::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_preguntas { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_preguntas em { font-style: normal; color: #2563eb; }
.div_otra_pregunta { margin-top: 2rem; border-radius: 24px; padding: 1.75rem; color: #ffffff; }
.p_titulo_otra_pregunta { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.5rem; line-height: 2rem; }
.p_titulo_otra_pregunta em { font-style: normal; color: #2563eb; }
.p_texto_otra_pregunta { color: rgba(255, 255, 255, 0.75); margin-top: 0.5rem; }
.a_escribenos { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background: #16a34a; color: #ffffff; margin-top: 1.25rem; }
.a_escribenos:hover { transform: translateY(-1px); background: #15803d; }
.div_lista_preguntas { }
.div_lista_preguntas > * + * { margin-top: 0.75rem; }
.section_portada_medio { min-height: 78svh; background-color: #0b1020; }
.nav_indice { position: sticky; top: 80px; z-index: 30; background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-bottom-width: 1px; border-color: #e6e9f0; }
.div_indice { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; scrollbar-width: none; display: flex; gap: 0.5rem; overflow-x: auto; padding-top: 0.75rem; padding-bottom: 0.75rem; }
.div_indice::-webkit-scrollbar { display: none; }
.section_recorrido { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 10rem; }
.div_ancho_recorrido { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_recorrido { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); max-width: 48rem; }
.div_cabeza_recorrido[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_recorrido { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_recorrido::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_recorrido { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_recorrido em { font-style: normal; color: #2563eb; }
.p_texto_recorrido { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1.25rem; }
.div_recorrido_pasos { margin-top: 4rem; }
.div_recorrido_pasos > * + * { margin-top: 6rem; }
.section_equipo_roles { padding-top: 6rem; padding-bottom: 6rem; background-color: #0b1020; color: #ffffff; scroll-margin-top: 10rem; overflow: hidden; }
.section_equipo_roles em { color: #7dd3fc; }
.div_ancho_roles { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_roles { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); max-width: 48rem; }
.div_cabeza_roles[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_roles { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; color: #7dd3fc !important; }
.p_rotulo_roles::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_roles { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_roles em { font-style: normal; color: #2563eb; }
.p_texto_roles { color: #3b4256; line-height: 1.65; color: #c5cbe0; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1.25rem; }
.div_roles { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); scrollbar-width: none; margin-top: 3rem; display: flex; gap: 0.5rem; overflow-x: auto; padding-bottom: 0.5rem; }
.div_roles[data-revelar='si'] { opacity: 1; transform: none; }
.div_roles::-webkit-scrollbar { display: none; }
.div_rol_detalle { margin-top: 2rem; display: grid; gap: 2.5rem; align-items: center; }
.div_rol_detalle > * { min-width: 0; }
.section_necesitas { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 10rem; }
.div_ancho_necesitas { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_necesitas { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); max-width: 48rem; }
.div_cabeza_necesitas[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_necesitas { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_necesitas::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_necesitas { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_necesitas em { font-style: normal; color: #2563eb; }
.div_equipos { margin-top: 3.5rem; display: grid; gap: 1.25rem; }
.div_equipos > * { min-width: 0; }
.section_empezar { padding-top: 6rem; padding-bottom: 6rem; background-color: #f4f6fa; scroll-margin-top: 10rem; }
.div_ancho_empezar { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_empezar { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); max-width: 48rem; }
.div_cabeza_empezar[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_empezar { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_empezar::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_empezar { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_empezar em { font-style: normal; color: #2563eb; }
.ol_arranque { margin-top: 3.5rem; display: grid; gap: 1.25rem; position: relative; }
.ol_arranque > * { min-width: 0; }
.section_datos { padding-top: 6rem; padding-bottom: 6rem; scroll-margin-top: 10rem; }
.div_ancho_datos { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; display: grid; gap: 3rem; align-items: center; }
.div_ancho_datos > * { min-width: 0; }
.div_textos_datos { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_textos_datos[data-revelar='si'] { opacity: 1; transform: none; }
.p_rotulo_datos { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_rotulo_datos::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h2_titulo_datos { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1rem; }
.h2_titulo_datos em { font-style: normal; color: #2563eb; }
.div_garantias { margin-top: 2.5rem; display: grid; gap: 1rem; }
.div_garantias > * { min-width: 0; }
.div_foto_datos { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 3; }
.div_foto_datos[data-revelar='si'] { opacity: 1; transform: none; }
.img_foto_datos { width: 100%; height: 100%; object-fit: cover; }
.section_cierre_como { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-bottom: 6rem; }
.div_tarjeta_cierre_como { border-radius: 32px; overflow: hidden; position: relative; color: #ffffff; padding: 2.5rem; }
.div_cuerpo_cierre_como { position: relative; display: grid; gap: 2rem; align-items: center; }
.div_cuerpo_cierre_como > * { min-width: 0; }
.h2_cierre_como { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; }
.h2_cierre_como em { font-style: normal; color: #2563eb; }
.p_cierre_como { color: rgba(255, 255, 255, 0.8); font-size: 1.125rem; line-height: 1.75rem; margin-top: 0.75rem; }
.div_botones_cierre_como { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.a_agenda_cierre_como { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background-color: #ffffff; color: #0b1020; }
.a_agenda_cierre_como:hover { transform: translateY(-1px); }
.i_agenda_cierre_como { font-size: 0.75rem; line-height: 1rem; }
.a_dia_cierre_como { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background: rgba(255, 255, 255, 0.12); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.a_dia_cierre_como:hover { transform: translateY(-1px); background: rgba(255, 255, 255, 0.22); }
.div_barra_buscar { position: sticky; top: 80px; z-index: 30; background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-bottom-width: 1px; border-color: #e6e9f0; }
.div_ancho_buscar { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-top: 0.75rem; padding-bottom: 0.75rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.div_buscar { position: relative; width: 100%; }
.i_buscar { position: absolute; left: 1rem; top: 50%; color: #9aa1b4; transform: translate(0, -50%); }
.input_buscar { width: 100%; background: #ffffff; border: 1px solid #e6e9f0; border-radius: 12px; padding: 13px 14px; font-size: 16px; font-weight: 500; outline: none; transition: border-color 0.2s, box-shadow 0.2s; color: #0b1020; padding-left: 2.75rem !important; padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }
.input_buscar:focus { border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12); }
.input_buscar::placeholder { color: #9aa1b4; }
.div_grupos { scrollbar-width: none; display: flex; gap: 0.5rem; overflow-x: auto; flex: 1 1 0%; }
.div_grupos::-webkit-scrollbar { display: none; }
.main_contenido { padding-top: 4rem; padding-bottom: 4rem; }
.main_contenido > * + * { margin-top: 6rem; }
.section_cierre_funciones { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-bottom: 6rem; }
.div_tarjeta_cierre_funciones { border-radius: 32px; overflow: hidden; position: relative; color: #ffffff; padding: 2.5rem; }
.div_cuerpo_cierre_funciones { position: relative; display: grid; gap: 2rem; align-items: center; }
.div_cuerpo_cierre_funciones > * { min-width: 0; }
.h2_cierre_funciones { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; }
.h2_cierre_funciones em { font-style: normal; color: #2563eb; }
.span_completo_cierre { color: #7dd3fc; }
.p_cierre_funciones { color: rgba(255, 255, 255, 0.8); font-size: 1.125rem; line-height: 1.75rem; margin-top: 0.75rem; }
.div_botones_cierre_funciones { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.a_agenda_cierre_funciones { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background-color: #ffffff; color: #0b1020; }
.a_agenda_cierre_funciones:hover { transform: translateY(-1px); }
.i_agenda_cierre_funciones { font-size: 0.75rem; line-height: 1rem; }
.a_preguntanos_cierre { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background: rgba(255, 255, 255, 0.12); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.a_preguntanos_cierre:hover { transform: translateY(-1px); background: rgba(255, 255, 255, 0.22); }
.a_enlace_barra { padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 15px; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.a_enlace_barra[data-actual='si'] { color: #0b1020; font-weight: 600; }
.a_enlace_barra[data-actual='no'] { color: #3b4256; }
.a_enlace_barra[data-actual='no']:hover { color: #0b1020; }
.div_contenedor_barra { width: 100%; max-width: 1680px; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; height: 68px; display: flex; align-items: center; gap: 0.75rem; }
.a_logo_barra { flex-shrink: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; background-color: #ffffff; border-radius: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.375rem; padding-bottom: 0.375rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); }
.img_logo_barra { height: 2.5rem; width: auto; }
.nav_barra { display: none; align-items: center; gap: 2rem; flex: 1 1 0%; justify-content: center; }
.a_agenda_barra { margin-left: auto; display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 0.75rem; background-color: #2563eb; color: #ffffff; padding-left: 0.875rem; padding-right: 0.875rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 13px; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.25), 0 4px 6px -4px rgba(37, 99, 235, 0.25); }
.a_agenda_barra:hover { background-color: #1d4ed8; }
.i_agenda_barra { }
.span_agenda_corto { }
.span_agenda_largo { display: none; }
.button_abrir_menu { width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; display: grid; place-items: center; font-size: 1.125rem; line-height: 1.75rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.button_abrir_menu > * { min-width: 0; }
.div_menu_movil { background-color: #ffffff; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.1); border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; max-height: calc(100svh - 68px); overflow-y: auto; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.div_lista_menu_movil { padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 1.25rem; display: grid; gap: 0.25rem; }
.div_lista_menu_movil > * { min-width: 0; }
.a_menu_movil { display: flex; align-items: center; gap: 1rem; border-radius: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 17px; font-weight: 600; }
.a_menu_movil[data-actual='si'] { background-color: #eef3ff; color: #2563eb; }
.a_menu_movil[data-actual='no'] { color: #0b1020; }
.a_menu_movil[data-actual='no']:hover { background-color: #f4f6fa; }
.span_icono_menu_movil { width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; display: grid; place-items: center; color: #ffffff; font-size: 0.875rem; line-height: 1.25rem; }
.span_icono_menu_movil > * { min-width: 0; }
.i_flecha_menu_movil { margin-left: auto; font-size: 0.75rem; line-height: 1rem; color: #9aa1b4; }
.div_botones_menu_movil { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; margin-top: 0.75rem; }
.div_botones_menu_movil > * { min-width: 0; }
.a_agenda_menu_movil { border-radius: 0.75rem; background-color: #2563eb; color: #ffffff; text-align: center; font-weight: 600; padding-top: 0.875rem; padding-bottom: 0.875rem; }
.i_agenda_menu_movil { margin-right: 0.375rem; }
.a_whatsapp_menu_movil { border-radius: 0.75rem; background-color: #16a34a; color: #ffffff; text-align: center; font-weight: 600; padding-top: 0.875rem; padding-bottom: 0.875rem; }
.i_whatsapp_menu_movil { margin-right: 0.375rem; }
.div_fondo_pie { background-color: #0b1020; color: #ffffff; }
.div_contenedor_pie { width: 100%; max-width: 1680px; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 5rem; padding-bottom: 2.5rem; }
.div_columnas_pie { display: grid; gap: 3rem; }
.div_columnas_pie > * { min-width: 0; }
.div_logo_pie { background-color: #ffffff; border-radius: 1rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; display: inline-block; }
.img_logo_pie { height: 3.5rem; width: auto; }
.p_frase_pie { margin-top: 1.5rem; font-size: 1.875rem; line-height: 2.25rem; font-weight: 800; letter-spacing: -0.025em; max-width: 28rem; }
.a_agenda_pie { margin-top: 1.5rem; display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 0.75rem; background-color: #2563eb; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.875rem; padding-bottom: 0.875rem; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.a_agenda_pie:hover { background-color: #1d4ed8; }
.i_agenda_pie { font-size: 0.75rem; line-height: 1rem; }
.p_titulo_conoce_pie { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: rgba(255, 255, 255, 0.5); margin-bottom: 1rem; }
.div_enlaces_pie { display: grid; gap: 0.75rem; color: rgba(255, 255, 255, 0.8); }
.div_enlaces_pie > * { min-width: 0; }
.a_pagina_pie { }
.a_pagina_pie:hover { color: #ffffff; }
.p_titulo_contacto_pie { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: rgba(255, 255, 255, 0.5); margin-bottom: 1rem; }
.div_datos_contacto_pie { display: grid; gap: 0.75rem; color: rgba(255, 255, 255, 0.8); }
.div_datos_contacto_pie > * { min-width: 0; }
.a_whatsapp_pie { }
.a_whatsapp_pie:hover { color: #ffffff; }
.i_whatsapp_pie { margin-right: 0.5rem; color: #25d366; }
.a_correo_pie { }
.a_correo_pie:hover { color: #ffffff; }
.i_correo_pie { margin-right: 0.5rem; }
.i_ciudad_pie { margin-right: 0.5rem; }
.div_derechos_pie { margin-top: 4rem; padding-top: 1.5rem; border-top-width: 1px; border-color: rgba(255, 255, 255, 0.1); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; color: rgba(255, 255, 255, 0.45); }
.div_fila_caja { display: flex; align-items: center; justify-content: space-between; padding-top: 0.625rem; padding-bottom: 0.625rem; border-bottom-width: 1px; border-color: rgba(0, 0, 0, 0.1); font-size: 13px; }
.div_fila_caja[data-borde='no'] { border-width: 0px !important; }
.span_concepto_caja { color: #525252; }
.span_valor_caja { font-variant-numeric: tabular-nums; font-weight: 500; }
.div_tipos_pantalla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; width: 100%; max-width: 520px; }
.div_tipos_pantalla > * { min-width: 0; }
.div_tipo_pantalla { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 20px; padding: 1.25rem; display: flex; align-items: center; gap: 0.75rem; }
.div_tipo_pantalla[data-ultimo='si'] { background-color: transparent; border-style: dashed; }
.span_icono_tipo_pantalla { width: 2.5rem; height: 2.5rem; border-radius: 9999px; display: grid; place-items: center; }
.span_icono_tipo_pantalla > * { min-width: 0; }
.span_icono_tipo_pantalla[data-primero='si'] { background-color: #2340ff; color: #ffffff; }
.span_icono_tipo_pantalla[data-primero='no'] { background-color: #ebe6db; }
.i_tipo_pantalla { font-size: 0.875rem; line-height: 1.25rem; }
.span_nombre_tipo_pantalla { font-weight: 500; }
.div_pedido_pantalla { position: relative; }
.div_telefono_pedido { width: 250px; border-radius: 34px; background: #0b1020; padding: 9px; box-shadow: 0 40px 70px -30px rgba(11, 16, 32, 0.55); }
.div_pantalla_pedido { border-radius: 26px; background: #ffffff; overflow: hidden; }
.div_cabeza_pedido { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.5rem; padding-bottom: 1rem; border-bottom-width: 1px; border-color: rgba(0, 0, 0, 0.1); }
.p_mesa_pedido { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #737373; }
.p_pregunta_pedido { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.875rem; line-height: 2.25rem; margin-top: 0.25rem; }
.p_pregunta_pedido em { font-style: normal; color: #2563eb; }
.div_productos_pedido { padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.div_producto_pedido { display: flex; align-items: center; gap: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; }
.div_producto_pedido[data-borde='si'] { border-bottom-width: 1px; border-color: rgba(0, 0, 0, 0.1); }
.span_foto_producto_pedido { width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; background-color: #ebe6db; }
.span_nombre_producto_pedido { flex: 1 1 0%; font-size: 13px; font-weight: 500; line-height: 1.25; }
.span_precio_producto_pedido { font-variant-numeric: tabular-nums; display: block; color: #737373; font-size: 12px; margin-top: 0.125rem; }
.span_mas_producto_pedido { width: 1.75rem; height: 1.75rem; border-radius: 9999px; border-width: 1px; border-color: rgba(0, 0, 0, 0.3); display: grid; place-items: center; font-size: 0.75rem; line-height: 1rem; }
.span_mas_producto_pedido > * { min-width: 0; }
.div_enviar_pedido { margin: 1rem; border-radius: 9999px; background-color: #121212; color: #ffffff; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; padding-top: 0.75rem; padding-bottom: 0.75rem; }
.span_total_pedido { font-variant-numeric: tabular-nums; }
.div_cocina_pedido { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 20px; position: absolute; right: -2.5rem; top: 6rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 13px; width: 13rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }
.p_etq_cocina_pedido { color: #737373; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.p_mesa_cocina_pedido { font-weight: 600; margin-top: 0.25rem; }
.p_estado_cocina_pedido { color: #2340ff; font-weight: 500; margin-top: 0.125rem; }
.div_caja_pantalla { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(11, 16, 32, 0.35); width: 100%; max-width: 520px; }
.div_barra_caja { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 1px solid #e6e9f0; background: #f4f6fa; }
.i_punto_caja { width: 9px; height: 9px; border-radius: 50%; background: #d3d8e3; }
.span_titulo_caja { margin-left: 0.5rem; font-size: 12px; color: #737373; }
.div_cuerpo_caja { padding: 1.5rem; }
.div_totales_caja { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.div_totales_caja > * { min-width: 0; }
.div_total_caja { border-radius: 0.75rem; padding: 0.75rem; }
.div_total_caja[data-destacado='si'] { background-color: #2340ff; color: #ffffff; }
.div_total_caja[data-destacado='no'] { background-color: #f4f1ea; }
.p_etq_total_caja { font-size: 11px; }
.p_etq_total_caja[data-destacado='si'] { color: rgba(255, 255, 255, 0.7); }
.p_etq_total_caja[data-destacado='no'] { color: #737373; }
.p_valor_total_caja { font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 500; margin-top: 0.25rem; }
.div_filas_caja { margin-top: 1.25rem; }
.div_cuadrado_caja { margin-top: 1rem; display: flex; align-items: center; gap: 0.5rem; font-size: 13px; color: #525252; }
.i_cuadrado_caja { color: #2340ff; }
.div_musica_pantalla { width: 100%; max-width: 560px; }
.div_tv_musica { border-radius: 18px; background-color: #121212; padding: 0.75rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.div_pantalla_musica { border-radius: 0.75rem; background-color: #1d1d22; aspect-ratio: 16 / 9; padding: 1.5rem; display: flex; flex-direction: column; justify-content: space-between; color: #ffffff; }
.div_arriba_musica { display: flex; justify-content: space-between; align-items: flex-start; }
.p_sonando_musica { font-size: 11px; text-transform: uppercase; letter-spacing: .16em; color: rgba(255, 255, 255, 0.5); }
.p_cancion_musica { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.875rem; line-height: 1; margin-top: 0.5rem; }
.p_cancion_musica em { font-style: normal; color: #2563eb; }
.p_fila_musica { color: rgba(255, 255, 255, 0.6); font-size: 0.875rem; line-height: 1.25rem; margin-top: 0.5rem; }
.div_qr_musica { background-color: #ffffff; border-radius: 0.5rem; padding: 0.5rem; text-align: center; }
.div_codigo_musica { width: 4rem; height: 4rem; }
.p_pide_musica { color: #121212; font-size: 9px; font-weight: 600; margin-top: 0.25rem; }
.div_progreso_musica { height: 3px; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.15); }
.div_avance_musica { height: 100%; width: 40%; border-radius: 9999px; background-color: #ffffff; }
.div_promo_musica { margin-top: 1rem; border-radius: 0.5rem; background-color: rgba(255, 255, 255, 0.1); padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; }
.div_base_tv_musica { margin-left: auto; margin-right: auto; width: 6rem; height: 2rem; background-color: #121212; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
.div_panel_pantalla { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(11, 16, 32, 0.35); width: 100%; max-width: 560px; }
.div_barra_panel { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 1px solid #e6e9f0; background: #f4f6fa; }
.i_punto_panel { width: 9px; height: 9px; border-radius: 50%; background: #d3d8e3; }
.span_titulo_panel { margin-left: 0.5rem; font-size: 12px; color: #737373; }
.div_cuerpo_panel { padding: 1.5rem; }
.div_cifras_panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.div_cifras_panel > * { min-width: 0; }
.div_cifra_panel { border-radius: 0.75rem; background-color: #f4f1ea; padding: 0.75rem; }
.p_etq_cifra_panel { font-size: 11px; color: #737373; }
.p_valor_cifra_panel { font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 500; margin-top: 0.25rem; }
.div_grafica_panel { margin-top: 1.5rem; display: flex; align-items: flex-end; gap: 0.5rem; height: 9rem; }
.div_barra_grafica_panel { flex: 1 1 0%; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.div_barra_grafica_panel[data-ultima='si'] { background-color: #2340ff; }
.div_barra_grafica_panel[data-ultima='no'] { background-color: rgba(18, 18, 18, 0.8); }
.div_horas_panel { font-variant-numeric: tabular-nums; margin-top: 0.5rem; display: flex; justify-content: space-between; font-size: 11px; color: #737373; }
.div_ia_panel { margin-top: 1.25rem; border-radius: 0.75rem; border-width: 1px; border-color: rgba(0, 0, 0, 0.1); padding: 0.75rem; font-size: 13px; display: flex; align-items: center; gap: 0.75rem; }
.span_icono_ia_panel { width: 2rem; height: 2rem; border-radius: 9999px; background-color: #2340ff; color: #ffffff; display: grid; place-items: center; font-size: 0.75rem; line-height: 1rem; }
.span_icono_ia_panel > * { min-width: 0; }
.div_slider { position: relative; overflow: hidden; background-color: #0b1020; color: #ffffff; }
.div_slider[data-alto='medio'] { min-height: 78svh; }
.div_slider[data-alto='completo'] { min-height: 100svh; }
.div_slide_foto { position: absolute; inset: 0; opacity: 0; transition: opacity 1.1s ease; }
.div_slide_foto[data-activa='si'] { opacity: 1; }
.img_slide_foto { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 8s ease-out; }
.div_velo_slider { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.div_cuerpo_slider { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; position: relative; display: grid; gap: 2.5rem; align-items: center; padding-top: 9rem; padding-bottom: 7rem; }
.div_cuerpo_slider > * { min-width: 0; }
.div_cuerpo_slider[data-alto='medio'] { min-height: 78svh; }
.div_cuerpo_slider[data-alto='completo'] { min-height: 100svh; }
.div_textos_slider { position: relative; }
.div_slide_texto { position: absolute; inset: 0; opacity: 0; visibility: hidden; transform: translateY(18px); transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s, visibility 0.7s; }
.div_slide_texto[data-activa='si'] { opacity: 1; visibility: visible; transform: none; position: relative; }
.p_etiqueta_slide { opacity: 0; transform: translateY(16px); display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-color: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); padding-left: 1rem; padding-right: 1rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: rgba(255, 255, 255, 0.9); }
.span_punto_slide { width: 0.5rem; height: 0.5rem; border-radius: 9999px; background-color: #38bdf8; animation: kf_pulso 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.h1_titulo_slide { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 44px; margin-top: 1.5rem; max-width: 56rem; color: #ffffff; }
.h1_titulo_slide em { font-style: normal; color: #2563eb; }
.h2_titulo_slide { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; margin-top: 1.5rem; max-width: 56rem; color: #ffffff; }
.h2_titulo_slide em { font-style: normal; color: #2563eb; }
.h2_titulo_slide[data-alto='medio'] { font-size: 40px; }
.h2_titulo_slide[data-alto='completo'] { font-size: 44px; }
.p_texto_slide { opacity: 0; transform: translateY(16px); font-size: 1.125rem; line-height: 1.625; margin-top: 1.5rem; max-width: 42rem; color: rgba(255, 255, 255, 0.8); }
.div_botones_slide { opacity: 0; transform: translateY(16px); margin-top: 2.25rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.a_boton_slide { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background: #2563eb; color: #ffffff; box-shadow: 0 10px 24px -8px rgba(37, 99, 235, 0.55); padding-left: 1.5rem !important; padding-right: 1.5rem !important; padding-top: 1rem !important; padding-bottom: 1rem !important; font-size: 1rem; line-height: 1.5rem; }
.a_boton_slide:hover { transform: translateY(-1px); background: #1d4ed8; }
.i_boton_slide { font-size: 0.75rem; line-height: 1rem; }
.a_whatsapp_slide { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background: rgba(255, 255, 255, 0.12); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); padding-left: 1.5rem !important; padding-right: 1.5rem !important; padding-top: 1rem !important; padding-bottom: 1rem !important; font-size: 1rem; line-height: 1.5rem; }
.a_whatsapp_slide:hover { transform: translateY(-1px); background: rgba(255, 255, 255, 0.22); }
.div_celulares_slider { position: relative; height: 600px; display: none; }
.div_slide_cel { position: absolute; inset: 0; opacity: 0; transform: translateY(30px) rotate(2deg); transition: opacity 0.8s ease 0.2s, transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.div_slide_cel[data-activa='si'] { opacity: 1; transform: none; }
.div_marco_cel_slide { width: 100%; max-width: 280px; border-radius: 38px; background: #0b1020; padding: 10px; box-shadow: 0 40px 70px -25px rgba(11, 16, 32, 0.55), inset 0 0 0 2px #2a3146; }
.img_cel_slide { width: 100%; border-radius: 30px; display: block; }
.div_pie_slider { position: absolute; bottom: 0px; left: 0px; right: 0px; }
.div_controles_slider { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-bottom: 2.5rem; display: flex; align-items: center; gap: 1.25rem; }
.span_cuenta_slider { font-variant-numeric: tabular-nums; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: rgba(255, 255, 255, 0.8); }
.div_marcadores_slider { flex: 1 1 0%; max-width: 36rem; display: flex; gap: 0.5rem; }
.button_marcador_slide { position: relative; height: 3px; flex: 1; border-radius: 3px; background: rgba(255, 255, 255, 0.3); overflow: hidden; cursor: pointer; }
.span_barra_marcador { position: absolute; inset: 0; width: 0; background: #ffffff; }
.div_flechas_slider { margin-left: auto; display: flex; gap: 0.5rem; }
.button_anterior_slide { width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; border-width: 1px; border-color: rgba(255, 255, 255, 0.3); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.button_anterior_slide:hover { background-color: #ffffff; color: #0b1020; }
.i_anterior_slide { font-size: 0.875rem; line-height: 1.25rem; }
.button_siguiente_slide { width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; border-width: 1px; border-color: rgba(255, 255, 255, 0.3); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.button_siguiente_slide:hover { background-color: #ffffff; color: #0b1020; }
.i_siguiente_slide { font-size: 0.875rem; line-height: 1.25rem; }
.span_palabra { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: 0.06em; margin-bottom: -0.06em; }
.span_palabra_interior { display: inline-block; transform: translateY(110%) rotate(4deg); opacity: 0; filter: blur(6px); }
.span_palabra_interior[data-color='si'] { color: #7dd3fc; }
.details_pregunta { border-radius: 20px; background: #ffffff; border: 1px solid #e6e9f0; transition: border-color 0.25s, box-shadow 0.25s, background 0.25s; opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; }
.details_pregunta[open] { border-color: transparent; background: linear-gradient(135deg, #2563eb, #4f46e5); color: #ffffff; box-shadow: 0 30px 60px -30px rgba(37, 99, 235, 0.7); }
.details_pregunta[data-revelar='si'] { opacity: 1; transform: none; }
.summary_pregunta { display: flex; align-items: center; gap: 1rem; }
.span_numero_pregunta { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-weight: 800; font-size: 14px; background: #eef3ff; color: #2563eb; flex-shrink: 0; }
.span_texto_pregunta { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.125rem; line-height: 1.75rem; flex: 1 1 0%; }
.span_texto_pregunta em { font-style: normal; color: #2563eb; }
.span_mas_pregunta { transition: transform 0.3s; width: 2.25rem; height: 2.25rem; border-radius: 9999px; background-color: #eef3ff; color: #2563eb; display: grid; place-items: center; flex-shrink: 0; }
.span_mas_pregunta > * { min-width: 0; }
.i_mas_pregunta { font-size: 0.75rem; line-height: 1rem; }
.p_respuesta_pregunta { color: #3b4256; line-height: 1.65; margin-top: 0.75rem; padding-left: 3.5rem; padding-right: 2.5rem; }
.button_dia_agenda { padding: 10px 0; border-radius: 12px; font-weight: 600; font-size: 13px; border: 1px solid #e6e9f0; background: #ffffff; transition: 0.15s; color: #0b1020; text-align: center; }
.button_dia_agenda:hover { border-color: #b8c4e8; }
.button_dia_agenda[data-sel='si'] { background: #2563eb; color: #ffffff; border-color: #2563eb; }
.button_dia_agenda[data-lejano='si'] { display: none; }
.span_semana_dia { display: block; font-size: 10px; text-transform: uppercase; opacity: 0.7; }
.span_numero_dia { font-size: 1.25rem; line-height: 1.75rem; font-weight: 800; }
.span_mes_dia { display: block; font-size: 10px; text-transform: uppercase; opacity: 0.7; }
.div_cabeza_bot { display: flex; align-items: center; gap: 0.75rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.875rem; padding-bottom: 0.875rem; color: #ffffff; }
.span_icono_bot { width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; background-color: rgba(255, 255, 255, 0.2); display: grid; place-items: center; }
.span_icono_bot > * { min-width: 0; }
.div_titulos_bot { flex: 1 1 0%; }
.p_titulo_bot { font-weight: 700; line-height: 1.25; }
.p_estado_bot { font-size: 0.75rem; line-height: 1rem; color: rgba(255, 255, 255, 0.8); }
.button_cerrar_bot { width: 2.25rem; height: 2.25rem; border-radius: 0.75rem; }
.button_cerrar_bot:hover { background-color: rgba(255, 255, 255, 0.15); }
.div_chips_bot { scrollbar-width: none; display: flex; gap: 0.5rem; overflow-x: auto; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; background-color: #ffffff; }
.div_chips_bot::-webkit-scrollbar { display: none; }
.form_bot { display: flex; gap: 0.5rem; padding: 0.75rem; background-color: #ffffff; }
.input_texto_bot { flex: 1 1 0%; min-width: 0px; border-radius: 0.75rem; border-width: 1px; border-color: #e6e9f0; padding-left: 0.875rem; padding-right: 0.875rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 16px; outline: 2px solid transparent; outline-offset: 2px; }
.input_texto_bot:focus { border-color: #2563eb; }
.button_enviar_bot { width: 2.75rem; height: 2.75rem; flex-shrink: 0; border-radius: 0.75rem; background-color: #2563eb; color: #ffffff; }
.button_chip_bot { flex-shrink: 0; font-size: 12.5px; font-weight: 600; padding: 7px 12px; border-radius: 999px; background: #eef3ff; color: #1d4ed8; border: 1px solid #dbe5ff; white-space: nowrap; }
.button_chip_bot:hover { background: #2563eb; color: #ffffff; }
.span_escribiendo_bot { color: #9aa1b4; }
.span_escribiendo_bot[data-cursor='si']::after { content: "▍"; animation: kf_parpadeo 1s steps(1) infinite; color: #2563eb; }
.a_asesor_bot { display: inline-flex; align-items: center; gap: 0.375rem; margin-top: 0.5rem; font-weight: 600; color: #16a34a; }
.a_enlace_bot { display: inline-flex; align-items: center; gap: 0.375rem; margin-top: 0.5rem; font-weight: 600; color: #2563eb; }
.i_enlace_bot { font-size: 10px; }
.a_invitacion_bot { display: inline-flex; align-items: center; gap: 0.375rem; margin-top: 0.5rem; font-weight: 600; color: #2563eb; }
.span_tipo_franja { display: inline-flex; align-items: center; gap: 0.625rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; }
.i_tipo_franja { color: #2563eb; }
.figure_paso_cliente { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.figure_paso_cliente[data-revelar='si'] { opacity: 1; transform: none; }
.div_marco_paso_cliente { width: 100%; max-width: 280px; border-radius: 38px; background: #0b1020; padding: 10px; box-shadow: 0 40px 70px -25px rgba(11, 16, 32, 0.55), inset 0 0 0 2px #2a3146; margin-left: auto; margin-right: auto; }
.img_paso_cliente { width: 100%; border-radius: 30px; display: block; }
.figcaption_paso_cliente { margin-top: 1.5rem; text-align: center; padding-left: 0.5rem; padding-right: 0.5rem; }
.span_numero_paso_cliente { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 9999px; background-color: #2563eb; color: #ffffff; font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; }
.p_titulo_paso_cliente { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.25rem; line-height: 1.75rem; margin-top: 0.75rem; }
.p_titulo_paso_cliente em { font-style: normal; color: #2563eb; }
.p_texto_paso_cliente { color: #3b4256; line-height: 1.65; font-size: 15px; margin-top: 0.25rem; }
.button_pestana_pc { transition: background 0.2s, color 0.2s, border-color 0.2s; flex-shrink: 0; text-align: left; display: inline-flex; align-items: center; gap: 0.75rem; border-radius: 0.75rem; border-width: 1px; border-color: #e6e9f0; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-weight: 600; background-color: #ffffff; }
.button_pestana_pc[data-activa='si'] { background: #2563eb; color: #ffffff; border-color: #2563eb; }
.button_pestana_pc:hover { border-color: #2563eb; }
.i_pestana_pc { width: 1.25rem; text-align: center; }
.li_tv { display: flex; align-items: center; gap: 0.75rem; font-size: 17px; }
.span_check_tv { width: 1.5rem; height: 1.5rem; border-radius: 9999px; background-color: #2563eb; color: #ffffff; display: grid; place-items: center; font-size: 10px; }
.span_check_tv > * { min-width: 0; }
.button_tipo { flex-shrink: 0; display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 0.75rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.button_tipo[data-activo='si'] { background-color: #0b1020; color: #ffffff; }
.button_tipo[data-activo='no'] { background-color: #f4f6fa; color: #3b4256; }
.button_tipo[data-activo='no']:hover { background-color: #e6e9f0; }
.div_foto_tipo { position: relative; min-height: 300px; }
.img_foto_tipo { animation: kf_aparece 0.5s ease; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.div_textos_tipo { padding: 2rem; background-color: #ffffff; }
.p_nombre_tipo { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: #2563eb; }
.p_nombre_tipo::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.h3_titulo_tipo { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 1.875rem; line-height: 2.25rem; margin-top: 1rem; }
.h3_titulo_tipo em { font-style: normal; color: #2563eb; }
.p_texto_tipo { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1rem; }
.ul_lista_tipo { margin-top: 2rem; display: grid; gap: 0.75rem; }
.ul_lista_tipo > * { min-width: 0; }
.li_tipo { display: flex; align-items: center; gap: 0.75rem; font-size: 17px; }
.span_check_tipo { width: 1.5rem; height: 1.5rem; border-radius: 9999px; background-color: #eef3ff; color: #2563eb; display: grid; place-items: center; font-size: 10px; flex-shrink: 0; }
.span_check_tipo > * { min-width: 0; }
.a_agenda_tipo { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 15px; border-radius: 12px; padding: 14px 22px; transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; background: #2563eb; color: #ffffff; box-shadow: 0 10px 24px -8px rgba(37, 99, 235, 0.55); margin-top: 2.5rem; }
.a_agenda_tipo:hover { transform: translateY(-1px); background: #1d4ed8; }
.i_agenda_tipo { font-size: 0.75rem; line-height: 1rem; }
.a_funcion { position: relative; overflow: hidden; border-radius: 24px; padding: 28px; color: #ffffff; isolation: isolate; transition: transform 0.3s, box-shadow 0.3s; opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); display: block; }
.a_funcion::after { content: ""; position: absolute; width: 220px; height: 220px; right: -70px; top: -70px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); z-index: -1; transition: transform 0.5s; }
.a_funcion:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -25px rgba(11, 16, 32, 0.5); }
.a_funcion:hover::after { transform: scale(1.25); }
.a_funcion[data-revelar='si'] { opacity: 1; transform: none; }
.span_icono_funcion { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; font-size: 21px; background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.25); }
.h3_funcion { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.25rem; line-height: 1.75rem; margin-top: 2rem; }
.h3_funcion em { font-style: normal; color: #2563eb; }
.p_funcion { color: rgba(255, 255, 255, 0.85); margin-top: 0.5rem; line-height: 1.625; }
.span_mas_funcion { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; margin-top: 1.5rem; color: rgba(255, 255, 255, 0.9); }
.i_mas_funcion { font-size: 0.75rem; line-height: 1rem; }
.article_beneficio { position: relative; overflow: hidden; border-radius: 24px; background: #ffffff; border: 1px solid #e6e9f0; padding: 28px; transition: transform 0.3s, box-shadow 0.3s; opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.article_beneficio:hover { transform: translateY(-5px); box-shadow: 0 30px 60px -28px rgba(11, 16, 32, 0.35); }
.article_beneficio::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; background: linear-gradient(90deg, var(--c1), var(--c2)); }
.article_beneficio[data-revelar='si'] { opacity: 1; transform: none; }
.div_cabeza_beneficio { display: flex; align-items: center; gap: 1rem; }
.span_icono_beneficio { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; color: #ffffff; font-size: 21px; background: linear-gradient(135deg, var(--c1), var(--c2)); box-shadow: 0 14px 26px -12px var(--c1); }
.p_quien_beneficio { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; }
.h3_beneficio { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.5rem; line-height: 1.25; }
.h3_beneficio em { font-style: normal; color: #2563eb; }
.ul_beneficio { margin-top: 1.5rem; display: grid; gap: 0.75rem; }
.ul_beneficio > * { min-width: 0; }
.li_beneficio { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 16px; color: #3b4256; }
.span_check_beneficio { margin-top: 0.125rem; width: 1.25rem; height: 1.25rem; border-radius: 9999px; display: grid; place-items: center; color: #ffffff; font-size: 9px; flex-shrink: 0; }
.span_check_beneficio > * { min-width: 0; }
.li_incluye { display: flex; align-items: center; gap: 0.75rem; font-size: 17px; }
.span_check_incluye { width: 1.5rem; height: 1.5rem; border-radius: 9999px; background-color: #eef3ff; color: #2563eb; display: grid; place-items: center; font-size: 10px; flex-shrink: 0; }
.span_check_incluye > * { min-width: 0; }
.div_cancion_youtube { display: flex; align-items: center; gap: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; }
.span_numero_cancion { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; color: #9aa1b4; width: 1.25rem; }
.span_titulo_cancion { flex: 1 1 0%; font-weight: 500; }
.span_fuente_cancion { font-size: 0.75rem; line-height: 1rem; font-weight: 600; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; border-radius: 0.375rem; }
.span_fuente_cancion[data-fuente='youtube'] { background-color: #fef2f2; color: #dc2626; }
.span_fuente_cancion[data-fuente='texto'] { background-color: #fffbeb; color: #b45309; }
.i_excel_chat { color: #059669; }
.div_fila_yo { display: flex; justify-content: flex-end; }
.p_burbuja_yo { background-color: #2563eb; color: #ffffff; border-radius: 1rem; border-bottom-right-radius: 0.375rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; max-width: 85%; line-height: 1.625; }
.p_burbuja_yo[data-cursor='si']::after { content: "▍"; animation: kf_parpadeo 1s steps(1) infinite; color: #2563eb; }
.div_fila_ia { display: flex; }
.p_burbuja_ia { background-color: #f4f6fa; border-radius: 1rem; border-bottom-left-radius: 0.375rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; max-width: 85%; line-height: 1.625; }
.span_escribiendo_chat { color: #9aa1b4; }
.div_cifra { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_cifra[data-revelar='si'] { opacity: 1; transform: none; }
.p_valor_cifra { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 3rem; line-height: 1; }
.p_valor_cifra em { font-style: normal; color: #2563eb; }
.p_texto_cifra { color: rgba(255, 255, 255, 0.7); margin-top: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; }
.div_foto_galeria { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 3; }
.div_foto_galeria[data-revelar='si'] { opacity: 1; transform: none; }
.div_foto_galeria[data-principal='si'] { grid-column: span 2 / span 2; }
.img_foto_galeria { width: 100%; height: 100%; object-fit: cover; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 700ms; }
.img_foto_galeria:hover { transform: scale(1.03); }
.figure_opinion { border-radius: 24px; background: #ffffff; border: 1px solid #e6e9f0; padding: 28px; position: relative; opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.figure_opinion::before { content: "\201C"; position: absolute; right: 22px; top: -6px; font-size: 110px; line-height: 1; font-family: Georgia, serif; color: #e3ebff; }
.figure_opinion[data-revelar='si'] { opacity: 1; transform: none; }
.div_estrellas_opinion { color: #fbbf24; font-size: 0.875rem; line-height: 1.25rem; }
.blockquote_opinion { font-size: 1.125rem; line-height: 1.625; margin-top: 1rem; color: #0b1020; }
.figcaption_opinion { margin-top: 1.5rem; display: flex; align-items: center; gap: 0.75rem; }
.img_foto_opinion { width: 3rem; height: 3rem; border-radius: 9999px; object-fit: cover; }
.span_inicial_opinion { width: 3rem; height: 3rem; border-radius: 9999px; display: grid; place-items: center; background-color: #2563eb; color: #ffffff; font-weight: 700; }
.span_inicial_opinion > * { min-width: 0; }
.span_nombre_opinion { display: block; font-weight: 700; }
.span_cargo_opinion { display: block; font-size: 0.875rem; line-height: 1.25rem; color: #6b7287; }
.a_momento_adelanto { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); border-radius: 1rem; background-color: rgba(255, 255, 255, 0.1); border-width: 1px; border-color: rgba(255, 255, 255, 0.15); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); padding: 1.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.a_momento_adelanto[data-revelar='si'] { opacity: 1; transform: none; }
.a_momento_adelanto:hover { background-color: rgba(255, 255, 255, 0.15); }
.p_hora_adelanto { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #7dd3fc; }
.h3_adelanto { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.25rem; line-height: 1.75rem; margin-top: 0.5rem; }
.h3_adelanto em { font-style: normal; color: #2563eb; }
.p_texto_adelanto { color: rgba(255, 255, 255, 0.7); font-size: 15px; margin-top: 0.5rem; line-height: 1.625; }
.a_indice { flex-shrink: 0; display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 0.75rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-weight: 600; color: #3b4256; }
.a_indice:hover { background-color: #eef3ff; color: #2563eb; }
.i_indice { color: #2563eb; }
.div_celulares_paso { position: relative; display: flex; justify-content: center; gap: 1.25rem; }
.div_cel_izq_paso { width: 100%; max-width: 280px; border-radius: 38px; background: #0b1020; padding: 10px; box-shadow: 0 40px 70px -25px rgba(11, 16, 32, 0.55), inset 0 0 0 2px #2a3146; max-width: 230px !important; transform: translate(0, 1.5rem) rotate(-3deg); }
.img_cel_izq_paso { width: 100%; border-radius: 30px; display: block; }
.div_cel_der_paso { width: 100%; max-width: 280px; border-radius: 38px; background: #0b1020; padding: 10px; box-shadow: 0 40px 70px -25px rgba(11, 16, 32, 0.55), inset 0 0 0 2px #2a3146; max-width: 230px !important; transform: rotate(3deg); }
.img_cel_der_paso { width: 100%; border-radius: 30px; display: block; }
.div_marco_pc_paso { border-radius: 16px; overflow: hidden; background: #0b1020; box-shadow: 0 50px 90px -40px rgba(11, 16, 32, 0.6); border: 1px solid #1e2640; }
.div_barra_pc_paso { display: flex; align-items: center; gap: 7px; padding: 11px 16px; background: #141a2e; }
.i_punto_pc_paso { width: 10px; height: 10px; border-radius: 50%; background: #2c3552; }
.i_punto_pc_paso:nth-child(1) { background: #ff5f57; }
.i_punto_pc_paso:nth-child(2) { background: #febc2e; }
.i_punto_pc_paso:nth-child(3) { background: #28c840; }
.img_pc_paso { width: 100%; display: block; }
.article_paso { display: grid; gap: 2.5rem; align-items: center; }
.article_paso > * { min-width: 0; }
.div_textos_paso { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_textos_paso[data-revelar='si'] { opacity: 1; transform: none; }
.span_numero_paso { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; display: inline-grid; place-items: center; width: 4rem; height: 4rem; border-radius: 1rem; color: #ffffff; font-size: 1.5rem; line-height: 2rem; }
.span_numero_paso em { font-style: normal; color: #2563eb; }
.h3_paso { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 1.875rem; line-height: 2.25rem; margin-top: 1.5rem; }
.h3_paso em { font-style: normal; color: #2563eb; }
.p_paso { color: #3b4256; line-height: 1.65; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1rem; max-width: 36rem; }
.ul_paso { margin-top: 1.5rem; display: grid; gap: 0.75rem; }
.ul_paso > * { min-width: 0; }
.li_paso { display: flex; align-items: center; gap: 0.75rem; font-size: 17px; }
.span_check_paso { width: 1.5rem; height: 1.5rem; border-radius: 9999px; display: grid; place-items: center; color: #ffffff; font-size: 10px; flex-shrink: 0; }
.span_check_paso > * { min-width: 0; }
.div_visual_paso { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); border-radius: 28px; padding: 1.5rem; }
.div_visual_paso[data-revelar='si'] { opacity: 1; transform: none; }
.p_aviso_paso { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #6b7287; line-height: 1.4; margin-top: 1rem; justify-content: center; }
.i_aviso_paso { color: #f59e0b; }
.button_rol { flex-shrink: 0; display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 0.75rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.button_rol[data-activo='si'] { background-color: #2563eb; color: #ffffff; }
.button_rol[data-activo='no'] { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.8); }
.button_rol[data-activo='no']:hover { background-color: rgba(255, 255, 255, 0.2); }
.div_textos_rol { animation: kf_aparece 0.5s ease; }
.span_icono_rol { display: inline-grid; place-items: center; width: 4rem; height: 4rem; border-radius: 1rem; background-color: #2563eb; font-size: 1.5rem; line-height: 2rem; }
.h3_rol { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 1.5rem; }
.h3_rol em { font-style: normal; color: #2563eb; }
.p_rol { color: #3b4256; line-height: 1.65; color: #c5cbe0; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1rem; }
.ul_rol { margin-top: 1.5rem; display: grid; gap: 0.75rem; }
.ul_rol > * { min-width: 0; }
.li_rol { display: flex; align-items: center; gap: 0.75rem; font-size: 17px; color: rgba(255, 255, 255, 0.9); }
.span_check_rol { width: 1.5rem; height: 1.5rem; border-radius: 9999px; background-color: #2563eb; display: grid; place-items: center; font-size: 10px; flex-shrink: 0; }
.span_check_rol > * { min-width: 0; }
.div_pantalla_rol { animation: kf_aparece 0.5s ease; }
.div_marco_cel_rol { width: 100%; max-width: 280px; border-radius: 38px; background: #0b1020; padding: 10px; box-shadow: 0 40px 70px -25px rgba(11, 16, 32, 0.55), inset 0 0 0 2px #2a3146; margin-left: auto; margin-right: auto; }
.img_cel_rol { width: 100%; border-radius: 30px; display: block; }
.div_marco_pc_rol { border-radius: 16px; overflow: hidden; background: #0b1020; box-shadow: 0 50px 90px -40px rgba(11, 16, 32, 0.6); border: 1px solid #1e2640; }
.div_barra_pc_rol { display: flex; align-items: center; gap: 7px; padding: 11px 16px; background: #141a2e; }
.i_punto_pc_rol { width: 10px; height: 10px; border-radius: 50%; background: #2c3552; }
.i_punto_pc_rol:nth-child(1) { background: #ff5f57; }
.i_punto_pc_rol:nth-child(2) { background: #febc2e; }
.i_punto_pc_rol:nth-child(3) { background: #28c840; }
.img_pc_rol { width: 100%; display: block; }
.p_aviso_rol { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #6b7287; line-height: 1.4; color: rgba(255, 255, 255, 0.75); margin-top: 1rem; justify-content: center; }
.i_aviso_rol { color: #fcd34d; }
.div_equipo { position: relative; overflow: hidden; border-radius: 24px; padding: 28px; color: #ffffff; isolation: isolate; transition: transform 0.3s, box-shadow 0.3s; opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }
.div_equipo::after { content: ""; position: absolute; width: 220px; height: 220px; right: -70px; top: -70px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); z-index: -1; transition: transform 0.5s; }
.div_equipo:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -25px rgba(11, 16, 32, 0.5); }
.div_equipo:hover::after { transform: scale(1.25); }
.div_equipo[data-revelar='si'] { opacity: 1; transform: none; }
.span_icono_equipo { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; font-size: 21px; background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.25); }
.h3_equipo { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.25rem; line-height: 1.75rem; margin-top: 2rem; }
.h3_equipo em { font-style: normal; color: #2563eb; }
.p_equipo { color: rgba(255, 255, 255, 0.85); margin-top: 0.5rem; line-height: 1.625; }
.li_arranque { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 20px; opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); padding: 1.75rem; position: relative; }
.li_arranque[data-revelar='si'] { opacity: 1; transform: none; }
.span_numero_arranque { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; position: absolute; right: 1.5rem; top: 1.25rem; font-size: 3rem; line-height: 1; color: rgba(37, 99, 235, 0.1); }
.span_numero_arranque em { font-style: normal; color: #2563eb; }
.span_icono_arranque { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; font-size: 19px; color: #2563eb !important; background: #eef3ff !important; flex-shrink: 0; }
.h3_arranque { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.25rem; line-height: 1.75rem; margin-top: 1.5rem; }
.h3_arranque em { font-style: normal; color: #2563eb; }
.p_arranque { color: #3b4256; line-height: 1.65; margin-top: 0.5rem; }
.div_garantia { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 20px; padding: 1.5rem; }
.span_icono_garantia { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; font-size: 19px; color: #2563eb !important; background: #eef3ff !important; flex-shrink: 0; }
.p_titulo_garantia { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.125rem; line-height: 1.75rem; margin-top: 1rem; }
.p_titulo_garantia em { font-style: normal; color: #2563eb; }
.p_texto_garantia { color: #3b4256; line-height: 1.65; font-size: 15px; margin-top: 0.25rem; }
.button_grupo { flex-shrink: 0; display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 0.75rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-weight: 600; font-size: 0.875rem; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.button_grupo[data-sel='si'] { color: #ffffff; }
.button_grupo[data-sel='no'] { background-color: #f4f6fa; color: #3b4256; }
.button_grupo[data-sel='no']:hover { background-color: #e6e9f0; }
.div_marco_tv_grupo { border-radius: 18px; background: #0b1020; padding: 10px; box-shadow: 0 50px 90px -35px rgba(11, 16, 32, 0.6); }
.img_tv_grupo { width: 100%; border-radius: 10px; display: block; }
.div_marco_pc_grupo { border-radius: 16px; overflow: hidden; background: #0b1020; box-shadow: 0 50px 90px -40px rgba(11, 16, 32, 0.6); border: 1px solid #1e2640; }
.div_barra_pc_grupo { display: flex; align-items: center; gap: 7px; padding: 11px 16px; background: #141a2e; }
.i_punto_pc_grupo { width: 10px; height: 10px; border-radius: 50%; background: #2c3552; }
.i_punto_pc_grupo:nth-child(1) { background: #ff5f57; }
.i_punto_pc_grupo:nth-child(2) { background: #febc2e; }
.i_punto_pc_grupo:nth-child(3) { background: #28c840; }
.img_pc_grupo { width: 100%; display: block; }
.section_grupo { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.div_cabeza_grupo { opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); border-radius: 32px; overflow: hidden; color: #ffffff; display: grid; gap: 2.5rem; align-items: center; padding: 2rem; }
.div_cabeza_grupo > * { min-width: 0; }
.div_cabeza_grupo[data-revelar='si'] { opacity: 1; transform: none; }
.span_icono_grupo { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; font-size: 21px; background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.25); width: 3.5rem !important; height: 3.5rem !important; display: inline-grid; place-items: center; border-radius: 1rem; background-color: rgba(255, 255, 255, 0.2); border-width: 1px; border-color: rgba(255, 255, 255, 0.25); font-size: 1.5rem; line-height: 2rem; }
.p_cuenta_grupo { margin-top: 1.5rem; color: rgba(255, 255, 255, 0.8); font-weight: 600; }
.h2_grupo { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; font-size: 2.25rem; line-height: 2.5rem; margin-top: 0.5rem; }
.h2_grupo em { font-style: normal; color: #2563eb; }
.p_frase_grupo { color: rgba(255, 255, 255, 0.85); font-size: 1.125rem; line-height: 1.75rem; margin-top: 1rem; max-width: 32rem; }
.div_pantalla_grupo { }
.p_aviso_grupo { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #6b7287; line-height: 1.4; color: rgba(255, 255, 255, 0.75); margin-top: 0.75rem; }
.i_aviso_grupo { color: #fcd34d; }
.div_funciones_grupo { margin-top: 1.5rem; display: grid; gap: 1rem; }
.div_funciones_grupo > * { min-width: 0; }
.article_funcion { background: #ffffff; border: 1px solid #e6e9f0; border-radius: 20px; transition: box-shadow 0.25s, transform 0.25s, border-color 0.25s; opacity: 0; transform: translateY(26px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); padding: 1.75rem; }
.article_funcion:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -24px rgba(11, 16, 32, 0.25); border-color: transparent; }
.article_funcion[data-revelar='si'] { opacity: 1; transform: none; }
.span_icono_funcion_grupo { display: inline-grid; place-items: center; width: 3rem; height: 3rem; border-radius: 0.75rem; color: #ffffff; font-size: 1.125rem; line-height: 1.75rem; }
.h3_funcion_grupo { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.25rem; line-height: 1.75rem; margin-top: 1.5rem; }
.h3_funcion_grupo em { font-style: normal; color: #2563eb; }
.p_funcion_grupo { color: #3b4256; line-height: 1.65; margin-top: 0.5rem; }
.p_sin_funcion { width: 100%; max-width: 1680px; margin: 0 auto; padding-left: 20px; padding-right: 20px; font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-size: 1.875rem; line-height: 2.25rem; text-align: center; padding-top: 4rem; padding-bottom: 4rem; }
.p_sin_funcion em { font-style: normal; color: #2563eb; }
.a_preguntanos_funcion { font-weight: 600; color: #2563eb; }
.a_preguntanos_funcion:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 640px) {
    .div_lista_funciones { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_lista_beneficios { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_noche_adelanto { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ul_incluye { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_cuerpo_youtube { grid-template-columns: 150px 1fr; gap: 1.5rem; }
    .div_campos_agenda { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_dias_agenda { grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .div_equipos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_garantias { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .i_agenda_barra { display: none; }
    .span_agenda_corto { display: none; }
    .span_agenda_largo { display: inline; }
    .h1_titulo_slide { font-size: 3.75rem; line-height: 1; }
    .h2_titulo_slide[data-alto='medio'] { font-size: 3.75rem; line-height: 1; }
    .h2_titulo_slide[data-alto='completo'] { font-size: 3.75rem; line-height: 1; }
    .button_dia_agenda[data-lejano='si'] { display: block; }
    .div_funciones_grupo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
    .div_tipos_franja { padding-left: 40px; padding-right: 40px; }
    .section_como { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_como { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_como { font-size: 3.75rem; line-height: 1; }
    .p_texto_como { font-size: 1.25rem; line-height: 1.75rem; }
    .section_equipo { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_equipo { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_equipo { font-size: 3.75rem; line-height: 1; }
    .p_texto_equipo { font-size: 1.25rem; line-height: 1.75rem; }
    .div_cifras { padding-left: 40px; padding-right: 40px; }
    .section_tv { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_tv { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_tv { font-size: 3.75rem; line-height: 1; }
    .p_texto_tv { font-size: 1.25rem; line-height: 1.75rem; }
    .section_tu_negocio { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_tu_negocio { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_tu_negocio { font-size: 3.75rem; line-height: 1; }
    .p_frase_intro { font-size: 1.25rem; line-height: 1.75rem; }
    .section_funciones { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_funciones { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_funciones { font-size: 3.75rem; line-height: 1; }
    .section_caso { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_caso { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_caso { font-size: 3.75rem; line-height: 1; }
    .p_texto_caso { font-size: 1.25rem; line-height: 1.75rem; }
    .section_beneficios { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_beneficios { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_beneficios { font-size: 3.75rem; line-height: 1; }
    .p_texto_beneficios { font-size: 1.25rem; line-height: 1.75rem; }
    .section_opiniones { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_opiniones { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_opiniones { font-size: 3.75rem; line-height: 1; }
    .div_lista_opiniones { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_ancho_noche { padding-left: 40px; padding-right: 40px; }
    .div_ancho_noche { padding-top: 9rem; padding-bottom: 9rem; }
    .h2_titulo_noche { font-size: 3.75rem; line-height: 1; }
    .p_texto_noche { font-size: 1.25rem; line-height: 1.75rem; }
    .section_todo_incluido { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_todo_incluido { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_todo_incluido { font-size: 4.5rem; line-height: 1; }
    .p_texto_todo_incluido { font-size: 1.25rem; line-height: 1.75rem; }
    .div_tarjeta_youtube { padding: 2.5rem; }
    .p_titulo_youtube { font-size: 1.875rem; line-height: 2.25rem; }
    .section_ia { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_ia { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_ia { font-size: 3.75rem; line-height: 1; }
    .p_texto_ia { font-size: 1.25rem; line-height: 1.75rem; }
    .div_caja_chat { padding: 2rem; }
    .section_agenda { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_agenda { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_agenda { font-size: 3.75rem; line-height: 1; }
    .p_texto_agenda { font-size: 1.25rem; line-height: 1.75rem; }
    .form_agenda { padding: 2.5rem; }
    .section_preguntas { padding-top: 8rem; padding-bottom: 8rem; }
    .div_ancho_preguntas { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_preguntas { font-size: 3.75rem; line-height: 1; }
    .nav_indice { top: 96px; }
    .div_indice { padding-left: 40px; padding-right: 40px; }
    .section_recorrido { padding-top: 7rem; padding-bottom: 7rem; }
    .div_ancho_recorrido { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_recorrido { font-size: 3.75rem; line-height: 1; }
    .p_texto_recorrido { font-size: 1.25rem; line-height: 1.75rem; }
    .div_recorrido_pasos > * + * { margin-top: 8rem; }
    .section_equipo_roles { padding-top: 7rem; padding-bottom: 7rem; }
    .div_ancho_roles { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_roles { font-size: 3.75rem; line-height: 1; }
    .p_texto_roles { font-size: 1.25rem; line-height: 1.75rem; }
    .section_necesitas { padding-top: 7rem; padding-bottom: 7rem; }
    .div_ancho_necesitas { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_necesitas { font-size: 3.75rem; line-height: 1; }
    .section_empezar { padding-top: 7rem; padding-bottom: 7rem; }
    .div_ancho_empezar { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_empezar { font-size: 3.75rem; line-height: 1; }
    .ol_arranque { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .section_datos { padding-top: 7rem; padding-bottom: 7rem; }
    .div_ancho_datos { padding-left: 40px; padding-right: 40px; }
    .h2_titulo_datos { font-size: 3.75rem; line-height: 1; }
    .section_cierre_como { padding-left: 40px; padding-right: 40px; }
    .div_tarjeta_cierre_como { padding: 4rem; }
    .h2_cierre_como { font-size: 3rem; line-height: 1; }
    .div_barra_buscar { top: 96px; }
    .div_ancho_buscar { padding-left: 40px; padding-right: 40px; }
    .div_buscar { width: 20rem; }
    .main_contenido > * + * { margin-top: 7rem; }
    .main_contenido { padding-top: 5rem; padding-bottom: 5rem; }
    .section_cierre_funciones { padding-left: 40px; padding-right: 40px; }
    .div_tarjeta_cierre_funciones { padding: 4rem; }
    .h2_cierre_funciones { font-size: 3.75rem; line-height: 1; }
    .div_contenedor_barra { padding-left: 2.5rem; padding-right: 2.5rem; height: 96px; gap: 1.5rem; }
    .img_logo_barra { height: 68px; }
    .a_agenda_barra { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; }
    .div_contenedor_pie { padding-left: 2.5rem; padding-right: 2.5rem; }
    .p_frase_pie { font-size: 2.25rem; line-height: 2.5rem; }
    .div_cocina_pedido { right: -7rem; }
    .p_cancion_musica { font-size: 2.25rem; line-height: 2.5rem; }
    .div_cuerpo_slider { padding-left: 40px; padding-right: 40px; }
    .p_texto_slide { font-size: 1.25rem; line-height: 1.75rem; }
    .div_controles_slider { padding-left: 40px; padding-right: 40px; }
    .details_pregunta { padding-left: 1.75rem; padding-right: 1.75rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .span_texto_pregunta { font-size: 1.25rem; line-height: 1.75rem; }
    .span_tipo_franja { font-size: 1.125rem; line-height: 1.75rem; }
    .div_textos_tipo { padding: 3rem; }
    .h3_titulo_tipo { font-size: 3rem; line-height: 1; }
    .p_valor_cifra { font-size: 4.5rem; line-height: 1; }
    .h3_paso { font-size: 3rem; line-height: 1; }
    .div_visual_paso { padding: 2.5rem; }
    .h3_rol { font-size: 3.75rem; line-height: 1; }
    .p_rol { font-size: 1.25rem; line-height: 1.75rem; }
    .section_grupo { padding-left: 40px; padding-right: 40px; }
    .div_cabeza_grupo { padding: 3rem; }
    .h2_grupo { font-size: 3.75rem; line-height: 1; }
    .p_frase_grupo { font-size: 1.25rem; line-height: 1.75rem; }
    .p_sin_funcion { padding-left: 40px; padding-right: 40px; }
}
@media (min-width: 1024px) {
    .div_cabeza_como { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .p_texto_como { justify-self: end; }
    .div_recorrido_cliente { grid-auto-flow: row; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; }
    .div_cabeza_equipo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .p_texto_equipo { justify-self: end; }
    .div_cuerpo_equipo { grid-template-columns: 300px 1fr; }
    .div_pestanas_pc { flex-direction: column; padding-bottom: 0px; }
    .div_cifras { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .div_ancho_tv { grid-template-columns: .8fr 1.2fr; }
    .div_tipo_detalle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_cabeza_caso { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .p_texto_caso { justify-self: end; }
    .div_galeria { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); height: 680px; }
    .div_cabeza_beneficios { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .p_texto_beneficios { justify-self: end; }
    .div_ancho_noche { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_ancho_todo_incluido { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_ancho_ia { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_ancho_agenda { grid-template-columns: .85fr 1.15fr; }
    .div_textos_agenda { position: sticky; top: 7rem; }
    .div_foto_agenda { display: block; }
    .div_ancho_preguntas { grid-template-columns: .85fr 1.15fr; }
    .div_textos_preguntas { position: sticky; top: 7rem; }
    .div_rol_detalle { grid-template-columns: .8fr 1.2fr; }
    .div_ancho_datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_cuerpo_cierre_como { grid-template-columns: 1fr auto; }
    .div_cuerpo_cierre_funciones { grid-template-columns: 1fr auto; }
    .nav_barra { display: flex; }
    .a_agenda_barra { margin-left: 0px; }
    .button_abrir_menu { display: none; }
    .div_menu_movil { display: none; }
    .div_columnas_pie { grid-template-columns: 1.4fr 1fr 1fr; }
    .div_cuerpo_slider { grid-template-columns: 1.25fr .75fr; }
    .div_celulares_slider { display: block; }
    .button_pestana_pc { width: 100%; }
    .div_foto_tipo { min-height: 520px; }
    .div_foto_galeria { aspect-ratio: auto; }
    .div_foto_galeria[data-principal='si'] { grid-column: span 2 / span 2; grid-row: span 2 / span 2; }
    .article_paso { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .div_textos_paso[data-lado='der'] { order: 2; }
    .div_visual_paso[data-lado='der'] { order: 1; }
    .div_cabeza_grupo { grid-template-columns: .9fr 1.1fr; }
    .div_pantalla_grupo[data-tv='no'] { margin-right: -6rem; }
}
@media (min-width: 1280px) {
    .div_tipos_franja { padding-left: 64px; padding-right: 64px; }
    .div_ancho_como { padding-left: 64px; padding-right: 64px; }
    .div_ancho_equipo { padding-left: 64px; padding-right: 64px; }
    .div_cifras { padding-left: 64px; padding-right: 64px; }
    .div_ancho_tv { padding-left: 64px; padding-right: 64px; }
    .div_ancho_tv { gap: 5rem; }
    .div_ancho_tu_negocio { padding-left: 64px; padding-right: 64px; }
    .div_ancho_funciones { padding-left: 64px; padding-right: 64px; }
    .div_lista_funciones { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .div_ancho_caso { padding-left: 64px; padding-right: 64px; }
    .div_ancho_beneficios { padding-left: 64px; padding-right: 64px; }
    .div_lista_beneficios { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .div_ancho_opiniones { padding-left: 64px; padding-right: 64px; }
    .div_lista_opiniones { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .div_ancho_noche { padding-left: 64px; padding-right: 64px; }
    .div_ancho_todo_incluido { padding-left: 64px; padding-right: 64px; }
    .div_ancho_todo_incluido { gap: 5rem; }
    .div_ancho_ia { padding-left: 64px; padding-right: 64px; }
    .div_ancho_ia { gap: 5rem; }
    .div_ancho_agenda { padding-left: 64px; padding-right: 64px; }
    .div_ancho_agenda { gap: 5rem; }
    .div_ancho_preguntas { padding-left: 64px; padding-right: 64px; }
    .div_ancho_preguntas { gap: 5rem; }
    .div_indice { padding-left: 64px; padding-right: 64px; }
    .div_ancho_recorrido { padding-left: 64px; padding-right: 64px; }
    .div_ancho_roles { padding-left: 64px; padding-right: 64px; }
    .div_ancho_necesitas { padding-left: 64px; padding-right: 64px; }
    .div_equipos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .div_ancho_empezar { padding-left: 64px; padding-right: 64px; }
    .div_ancho_datos { padding-left: 64px; padding-right: 64px; }
    .section_cierre_como { padding-left: 64px; padding-right: 64px; }
    .div_ancho_buscar { padding-left: 64px; padding-right: 64px; }
    .section_cierre_funciones { padding-left: 64px; padding-right: 64px; }
    .div_contenedor_barra { padding-left: 4rem; padding-right: 4rem; }
    .div_contenedor_pie { padding-left: 4rem; padding-right: 4rem; }
    .div_cuerpo_slider { padding-left: 64px; padding-right: 64px; }
    .h1_titulo_slide { font-size: 84px; }
    .h2_titulo_slide[data-alto='medio'] { font-size: 4.5rem; line-height: 1; }
    .h2_titulo_slide[data-alto='completo'] { font-size: 84px; }
    .div_controles_slider { padding-left: 64px; padding-right: 64px; }
    .div_textos_tipo { padding: 4rem; }
    .article_paso { gap: 5rem; }
    .section_grupo { padding-left: 64px; padding-right: 64px; }
    .div_cabeza_grupo { padding: 3.5rem; }
    .div_pantalla_grupo[data-tv='no'] { margin-right: -8rem; }
    .div_funciones_grupo { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .p_sin_funcion { padding-left: 64px; padding-right: 64px; }
}
@media (min-width: 1536px) {
    .h1_titulo_slide { font-size: 96px; }
    .h2_titulo_slide[data-alto='completo'] { font-size: 96px; }
}
@media (max-width: 640px) {
    .section_como { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_como { letter-spacing: -0.025em; }
    .h2_titulo_como { font-size: 1.85rem; }
    .p_texto_como { font-size: 16px; line-height: 1.6; }
    .div_recorrido_cliente { margin-top: 2rem; }
    .section_equipo { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_equipo { letter-spacing: -0.025em; }
    .h2_titulo_equipo { font-size: 1.85rem; }
    .p_texto_equipo { font-size: 16px; line-height: 1.6; }
    .p_texto_pc { font-size: 16px; line-height: 1.6; }
    .section_tv { padding-top: 56px; padding-bottom: 56px; }
    .div_ancho_tv { gap: 2.25rem; }
    .h2_titulo_tv { letter-spacing: -0.025em; }
    .h2_titulo_tv { font-size: 1.85rem; }
    .p_texto_tv { font-size: 16px; line-height: 1.6; }
    .section_tu_negocio { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_tu_negocio { letter-spacing: -0.025em; }
    .h2_titulo_tu_negocio { font-size: 1.85rem; }
    .p_frase_intro { font-size: 16px; line-height: 1.6; }
    .section_funciones { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_funciones { letter-spacing: -0.025em; }
    .h2_titulo_funciones { font-size: 1.85rem; }
    .a_todas_funciones { font-size: 14px; padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .div_lista_funciones { margin-top: 2rem; }
    .section_caso { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_caso { letter-spacing: -0.025em; }
    .h2_titulo_caso { font-size: 1.85rem; }
    .p_texto_caso { font-size: 16px; line-height: 1.6; }
    .div_galeria { margin-top: 2rem; }
    .section_beneficios { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_beneficios { letter-spacing: -0.025em; }
    .h2_titulo_beneficios { font-size: 1.85rem; }
    .p_texto_beneficios { font-size: 16px; line-height: 1.6; }
    .div_lista_beneficios { margin-top: 2rem; }
    .section_opiniones { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_opiniones { letter-spacing: -0.025em; }
    .h2_titulo_opiniones { font-size: 1.85rem; }
    .div_lista_opiniones { margin-top: 2rem; }
    .div_ancho_noche { gap: 2.25rem; }
    .h2_titulo_noche { letter-spacing: -0.025em; }
    .h2_titulo_noche { font-size: 1.85rem; }
    .p_texto_noche { font-size: 16px; line-height: 1.6; }
    .a_vivir_dia { padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .section_todo_incluido { padding-top: 56px; padding-bottom: 56px; }
    .div_ancho_todo_incluido { gap: 2.25rem; }
    .h2_titulo_todo_incluido { letter-spacing: -0.025em; }
    .h2_titulo_todo_incluido { font-size: 2.15rem; }
    .p_texto_todo_incluido { font-size: 16px; line-height: 1.6; }
    .div_tarjeta_youtube { padding: 20px; }
    .p_titulo_youtube { font-size: 1.3rem; }
    .div_marco_cel_youtube { max-width: 250px; }
    .section_ia { padding-top: 56px; padding-bottom: 56px; }
    .div_ancho_ia { gap: 2.25rem; }
    .h2_titulo_ia { letter-spacing: -0.025em; }
    .h2_titulo_ia { font-size: 1.85rem; }
    .p_texto_ia { font-size: 16px; line-height: 1.6; }
    .section_agenda { padding-top: 56px; padding-bottom: 56px; }
    .div_ancho_agenda { gap: 2.25rem; }
    .h2_titulo_agenda { letter-spacing: -0.025em; }
    .h2_titulo_agenda { font-size: 1.85rem; }
    .p_texto_agenda { font-size: 16px; line-height: 1.6; }
    .form_agenda { padding: 20px; }
    .button_enviar_agenda { padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .section_preguntas { padding-top: 56px; padding-bottom: 56px; }
    .div_ancho_preguntas { gap: 2.25rem; }
    .h2_titulo_preguntas { letter-spacing: -0.025em; }
    .h2_titulo_preguntas { font-size: 1.85rem; }
    .p_titulo_otra_pregunta { font-size: 1.3rem; }
    .a_escribenos { font-size: 14px; padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .section_recorrido { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_recorrido { letter-spacing: -0.025em; }
    .h2_titulo_recorrido { font-size: 1.85rem; }
    .p_texto_recorrido { font-size: 16px; line-height: 1.6; }
    .div_recorrido_pasos { margin-top: 2.5rem; }
    .section_equipo_roles { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_roles { letter-spacing: -0.025em; }
    .h2_titulo_roles { font-size: 1.85rem; }
    .p_texto_roles { font-size: 16px; line-height: 1.6; }
    .section_necesitas { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_necesitas { letter-spacing: -0.025em; }
    .h2_titulo_necesitas { font-size: 1.85rem; }
    .div_equipos { margin-top: 2rem; }
    .section_empezar { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_empezar { letter-spacing: -0.025em; }
    .h2_titulo_empezar { font-size: 1.85rem; }
    .ol_arranque { margin-top: 2rem; }
    .section_datos { padding-top: 56px; padding-bottom: 56px; }
    .h2_titulo_datos { letter-spacing: -0.025em; }
    .h2_titulo_datos { font-size: 1.85rem; }
    .section_cierre_como { padding-bottom: 56px; }
    .h2_cierre_como { letter-spacing: -0.025em; }
    .h2_cierre_como { font-size: 1.85rem; }
    .p_cierre_como { font-size: 16px; line-height: 1.6; }
    .a_agenda_cierre_como { font-size: 14px; padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .a_dia_cierre_como { font-size: 14px; padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .section_cierre_funciones { padding-bottom: 56px; }
    .h2_cierre_funciones { letter-spacing: -0.025em; }
    .h2_cierre_funciones { font-size: 1.85rem; }
    .p_cierre_funciones { font-size: 16px; line-height: 1.6; }
    .a_agenda_cierre_funciones { font-size: 14px; padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .a_preguntanos_cierre { font-size: 14px; padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .a_menu_movil { font-size: 15.5px; }
    .div_derechos_pie { margin-top: 2.5rem; }
    .p_pregunta_pedido { font-size: 1.45rem; }
    .p_cancion_musica { font-size: 1.45rem; }
    .h1_titulo_slide { letter-spacing: -0.025em; line-height: 1.08; }
    .h2_titulo_slide { letter-spacing: -0.025em; line-height: 1.08; }
    .p_texto_slide { font-size: 16px; line-height: 1.6; }
    .a_boton_slide { padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .a_whatsapp_slide { padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .div_marco_cel_slide { max-width: 250px; border-radius: 32px; padding: 8px; }
    .img_cel_slide { border-radius: 25px; }
    .div_marco_paso_cliente { max-width: 250px; border-radius: 32px; padding: 8px; }
    .img_paso_cliente { border-radius: 25px; }
    .p_titulo_paso_cliente { font-size: 16px; line-height: 1.6; }
    .li_tv { font-size: 15.5px; }
    .h3_titulo_tipo { letter-spacing: -0.025em; }
    .h3_titulo_tipo { font-size: 1.6rem; }
    .p_texto_tipo { font-size: 16px; line-height: 1.6; }
    .li_tipo { font-size: 15.5px; }
    .a_agenda_tipo { font-size: 14px; padding: 12px 18px; white-space: normal; text-align: center; max-width: 100%; }
    .a_funcion { padding: 18px 20px; border-radius: 20px; grid-template-columns: 44px 1fr; column-gap: 14px; align-items: center; }
    .a_funcion > * { grid-column: 2; }
    .a_funcion::after { width: 150px; height: 150px; right: -50px; top: -50px; }
    .span_icono_funcion { grid-column: 1; grid-row: 1; width: 44px; height: 44px; border-radius: 13px; font-size: 18px; }
    .h3_funcion { grid-row: 1; }
    .p_funcion { font-size: 14.5px; }
    .article_beneficio { padding: 20px; }
    .h3_beneficio { font-size: 1.3rem; }
    .li_incluye { font-size: 15.5px; }
    .p_valor_cifra { letter-spacing: -0.025em; }
    .p_valor_cifra { font-size: 2.15rem; }
    .p_texto_cifra { font-size: 16px; line-height: 1.6; }
    .figure_opinion { padding: 20px; }
    .div_cel_izq_paso { border-radius: 32px; padding: 8px; }
    .img_cel_izq_paso { border-radius: 25px; }
    .div_cel_der_paso { border-radius: 32px; padding: 8px; }
    .img_cel_der_paso { border-radius: 25px; }
    .span_numero_paso { letter-spacing: -0.025em; }
    .h3_paso { letter-spacing: -0.025em; }
    .h3_paso { font-size: 1.6rem; }
    .p_paso { font-size: 16px; line-height: 1.6; }
    .li_paso { font-size: 15.5px; }
    .h3_rol { letter-spacing: -0.025em; }
    .h3_rol { font-size: 1.85rem; }
    .p_rol { font-size: 16px; line-height: 1.6; }
    .li_rol { font-size: 15.5px; }
    .div_marco_cel_rol { max-width: 250px; border-radius: 32px; padding: 8px; }
    .img_cel_rol { border-radius: 25px; }
    .div_equipo { padding: 18px 20px; border-radius: 20px; display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; align-items: center; }
    .div_equipo > * { grid-column: 2; }
    .div_equipo::after { width: 150px; height: 150px; right: -50px; top: -50px; }
    .span_icono_equipo { grid-column: 1; grid-row: 1; width: 44px; height: 44px; border-radius: 13px; font-size: 18px; }
    .h3_equipo { grid-row: 1; }
    .p_equipo { font-size: 14.5px; }
    .li_arranque { padding: 20px; }
    .span_numero_arranque { letter-spacing: -0.025em; }
    .span_numero_arranque { font-size: 2.15rem; }
    .p_titulo_garantia { font-size: 16px; line-height: 1.6; }
    .span_icono_grupo { grid-column: 1; grid-row: 1; }
    .h2_grupo { letter-spacing: -0.025em; }
    .h2_grupo { font-size: 1.85rem; }
    .p_frase_grupo { font-size: 16px; line-height: 1.6; }
    .article_funcion { padding: 20px; }
    .p_sin_funcion { font-size: 1.45rem; }
}
@media (prefers-reduced-motion: reduce) {
    .div_cabeza_como { opacity: 1; transform: none; }
    .div_cabeza_equipo { opacity: 1; transform: none; }
    .div_pestanas_pc { opacity: 1; transform: none; }
    .div_vista_pc { opacity: 1; transform: none; }
    .div_textos_tv { opacity: 1; transform: none; }
    .div_imagen_tv { opacity: 1; transform: none; }
    .div_cabeza_tu_negocio { opacity: 1; transform: none; }
    .div_tipos { opacity: 1; transform: none; }
    .div_tipo_detalle { opacity: 1; transform: none; }
    .div_cabeza_funciones { opacity: 1; transform: none; }
    .div_cabeza_caso { opacity: 1; transform: none; }
    .div_cabeza_beneficios { opacity: 1; transform: none; }
    .div_cabeza_opiniones { opacity: 1; transform: none; }
    .div_textos_noche { opacity: 1; transform: none; }
    .div_textos_todo_incluido { opacity: 1; transform: none; }
    .div_youtube { opacity: 1; transform: none; }
    .div_textos_ia { opacity: 1; transform: none; }
    .div_caja_chat { opacity: 1; transform: none; }
    .div_textos_agenda { opacity: 1; transform: none; }
    .form_agenda { opacity: 1; transform: none; }
    .div_textos_preguntas { opacity: 1; transform: none; }
    .div_cabeza_recorrido { opacity: 1; transform: none; }
    .div_cabeza_roles { opacity: 1; transform: none; }
    .div_roles { opacity: 1; transform: none; }
    .div_cabeza_necesitas { opacity: 1; transform: none; }
    .div_cabeza_empezar { opacity: 1; transform: none; }
    .div_textos_datos { opacity: 1; transform: none; }
    .div_foto_datos { opacity: 1; transform: none; }
    .div_slide_texto { opacity: 1; transform: none; }
    .details_pregunta { opacity: 1; transform: none; }
    .figure_paso_cliente { opacity: 1; transform: none; }
    .a_funcion { opacity: 1; transform: none; }
    .article_beneficio { opacity: 1; transform: none; }
    .div_cifra { opacity: 1; transform: none; }
    .div_foto_galeria { opacity: 1; transform: none; }
    .figure_opinion { opacity: 1; transform: none; }
    .a_momento_adelanto { opacity: 1; transform: none; }
    .div_textos_paso { opacity: 1; transform: none; }
    .div_visual_paso { opacity: 1; transform: none; }
    .div_equipo { opacity: 1; transform: none; }
    .li_arranque { opacity: 1; transform: none; }
    .div_cabeza_grupo { opacity: 1; transform: none; }
    .article_funcion { opacity: 1; transform: none; }
}
/* ---------- iconos usados por la pagina web (codigos de font awesome 6.0.0; los nombres que esa version no trae quedan vacios, igual que en el original) ---------- */
i[data-icono="fa-address-card"]::before { content: '\f2bb'; }
i[data-icono="fa-arrow-down"]::before { content: '\f063'; }
i[data-icono="fa-arrow-left"]::before { content: '\f060'; }
i[data-icono="fa-arrow-right"]::before { content: '\f061'; }
i[data-icono="fa-arrow-right-arrow-left"]::before { content: '\f0ec'; }
i[data-icono="fa-arrow-up"]::before { content: '\f062'; }
i[data-icono="fa-arrow-up-right-from-square"]::before { content: '\f08e'; }
i[data-icono="fa-barcode"]::before { content: '\f02a'; }
i[data-icono="fa-bars"]::before { content: '\f0c9'; }
i[data-icono="fa-beer-mug-empty"]::before { content: '\f0fc'; }
i[data-icono="fa-bell-concierge"]::before { content: '\f562'; }
i[data-icono="fa-book"]::before { content: '\f02d'; }
i[data-icono="fa-book-open"]::before { content: '\f518'; }
i[data-icono="fa-border-all"]::before { content: '\f84c'; }
i[data-icono="fa-boxes-stacked"]::before { content: '\f468'; }
i[data-icono="fa-brain"]::before { content: '\f5dc'; }
i[data-icono="fa-briefcase"]::before { content: '\f0b1'; }
i[data-icono="fa-bullhorn"]::before { content: '\f0a1'; }
i[data-icono="fa-burger"]::before { content: '\f805'; }
i[data-icono="fa-calendar-check"]::before { content: '\f274'; }
i[data-icono="fa-cart-shopping"]::before { content: '\f07a'; }
i[data-icono="fa-cash-register"]::before { content: '\f788'; }
i[data-icono="fa-chalkboard-user"]::before { content: '\f51c'; }
i[data-icono="fa-champagne-glasses"]::before { content: '\f79f'; }
i[data-icono="fa-chart-line"]::before { content: '\f201'; }
i[data-icono="fa-chart-pie"]::before { content: '\f200'; }
i[data-icono="fa-check"]::before { content: '\f00c'; }
i[data-icono="fa-chevron-right"]::before { content: '\f054'; }
i[data-icono="fa-circle-info"]::before { content: '\f05a'; }
i[data-icono="fa-circle-question"]::before { content: '\f059'; }
i[data-icono="fa-clipboard-check"]::before { content: '\f46c'; }
i[data-icono="fa-clipboard-list"]::before { content: '\f46d'; }
i[data-icono="fa-clock"]::before { content: '\f017'; }
i[data-icono="fa-cloud"]::before { content: '\f0c2'; }
i[data-icono="fa-comment-dots"]::before { content: '\f4ad'; }
i[data-icono="fa-comments"]::before { content: '\f086'; }
i[data-icono="fa-copy"]::before { content: '\f0c5'; }
i[data-icono="fa-credit-card"]::before { content: '\f09d'; }
i[data-icono="fa-crown"]::before { content: '\f521'; }
i[data-icono="fa-envelope"]::before { content: '\f0e0'; }
i[data-icono="fa-face-smile"]::before { content: '\f118'; }
i[data-icono="fa-file-excel"]::before { content: '\f1c3'; }
i[data-icono="fa-file-invoice-dollar"]::before { content: '\f571'; }
i[data-icono="fa-gauge-high"]::before { content: '\f625'; }
i[data-icono="fa-gift"]::before { content: '\f06b'; }
i[data-icono="fa-globe"]::before { content: '\f0ac'; }
i[data-icono="fa-hand-holding-dollar"]::before { content: '\f4c0'; }
i[data-icono="fa-heading"]::before { content: '\f1dc'; }
i[data-icono="fa-heart"]::before { content: '\f004'; }
i[data-icono="fa-house"]::before { content: '\f015'; }
i[data-icono="fa-image"]::before { content: '\f03e'; }
i[data-icono="fa-images"]::before { content: '\f302'; }
i[data-icono="fa-key"]::before { content: '\f084'; }
i[data-icono="fa-laptop"]::before { content: '\f109'; }
i[data-icono="fa-layer-group"]::before { content: '\f5fd'; }
i[data-icono="fa-location-dot"]::before { content: '\f3c5'; }
i[data-icono="fa-lock"]::before { content: '\f023'; }
i[data-icono="fa-magnifying-glass"]::before { content: '\f002'; }
i[data-icono="fa-motorcycle"]::before { content: '\f21c'; }
i[data-icono="fa-mug-hot"]::before { content: '\f7b6'; }
i[data-icono="fa-music"]::before { content: '\f001'; }
i[data-icono="fa-paper-plane"]::before { content: '\f1d8'; }
i[data-icono="fa-pen"]::before { content: '\f304'; }
i[data-icono="fa-person-walking"]::before { content: '\f554'; }
i[data-icono="fa-photo-film"]::before { content: '\f87c'; }
i[data-icono="fa-plus"]::before { content: '\2b'; }
i[data-icono="fa-print"]::before { content: '\f02f'; }
i[data-icono="fa-qrcode"]::before { content: '\f029'; }
i[data-icono="fa-receipt"]::before { content: '\f543'; }
i[data-icono="fa-rectangle-ad"]::before { content: '\f641'; }
i[data-icono="fa-robot"]::before { content: '\f544'; }
i[data-icono="fa-rocket"]::before { content: '\f135'; }
i[data-icono="fa-route"]::before { content: '\f4d7'; }
i[data-icono="fa-share-nodes"]::before { content: '\f1e0'; }
i[data-icono="fa-star"]::before { content: '\f005'; }
i[data-icono="fa-store"]::before { content: '\f54e'; }
i[data-icono="fa-sun"]::before { content: '\f185'; }
i[data-icono="fa-table-cells"]::before { content: '\f00a'; }
i[data-icono="fa-trash"]::before { content: '\f1f8'; }
i[data-icono="fa-trophy"]::before { content: '\f091'; }
i[data-icono="fa-tv"]::before { content: '\f26c'; }
i[data-icono="fa-up-right-and-down-left-from-center"]::before { content: '\f424'; }
i[data-icono="fa-user"]::before { content: '\f007'; }
i[data-icono="fa-user-clock"]::before { content: '\f4fd'; }
i[data-icono="fa-user-lock"]::before { content: '\f502'; }
i[data-icono="fa-users"]::before { content: '\f0c0'; }
i[data-icono="fa-users-gear"]::before { content: '\f509'; }
i[data-icono="fa-user-tie"]::before { content: '\f508'; }
i[data-icono="fa-utensils"]::before { content: '\f2e7'; }
i[data-icono="fa-video"]::before { content: '\f03d'; }
i[data-icono="fa-wallet"]::before { content: '\f555'; }
i[data-icono="fa-wand-magic-sparkles"]::before { content: '\e2ca'; }
i[data-icono="fa-wifi"]::before { content: '\f1eb'; }
i[data-icono="fa-xmark"]::before { content: '\f00d'; }
i[data-icono="fa-moon"]::before { content: '\f186'; }
i[data-icono="fa-cloud-sun"]::before { content: '\f6c4'; }
i[data-icono="fa-mug-saucer"]::before { content: '\f0f4'; }
i[data-icono="fa-martini-glass-citrus"]::before { content: '\f561'; }
i[data-icono="fa-chart-column"]::before { content: '\e0e3'; }
i[data-icono="fa-bell"]::before { content: '\f0f3'; }
i[data-icono="fa-lightbulb"]::before { content: '\f0eb'; }
i[data-icono="fa-door-open"]::before { content: '\f52b'; }
i[data-icono="fa-door-closed"]::before { content: '\f52a'; }
i[data-icono="fa-shop"]::before { content: '\f54f'; }
i[data-icono="fa-basket-shopping"]::before { content: '\f291'; }
i[data-icono="fa-ticket"]::before { content: '\f145'; }
i[data-icono="fa-fire"]::before { content: '\f06d'; }
i[data-icono="fa-coins"]::before { content: '\f51e'; }
i[data-icono="fa-money-bill-wave"]::before { content: '\f53a'; }
i[data-icono="fa-clock-rotate-left"]::before { content: '\f1da'; }
i[data-icono="fa-calendar"]::before { content: '\f133'; }
i[data-icono="fa-calendar-days"]::before { content: '\f073'; }
i[data-icono="fa-quote-left"]::before { content: '\f10d'; }
i[data-icono="fa-play"]::before { content: '\f04b'; }
i[data-icono="fa-pause"]::before { content: '\f04c'; }
i[data-icono="fa-circle-play"]::before { content: '\f144'; }
i[data-icono="fa-whatsapp"]::before { content: '\f232'; font-family: 'Font Awesome 6 Brands'; font-weight: 400; }
i[data-icono="fa-youtube"]::before { content: '\f167'; font-family: 'Font Awesome 6 Brands'; font-weight: 400; }

/* M101 (pedido del usuario 2026-10-25): el logo de dual pos de la barra casi 30 % mas grande (40 -> 52 px en celular,
   68 -> 88 px en computador); la barra crece un poco para que quepa con su recuadro blanco */
.img_logo_barra { height: 3.25rem; }
.header_barra[data-estado="sobre_foto"] .a_logo_barra { padding: 4px 9px; }
@media (min-width: 768px) {
    .div_contenedor_barra { height: 104px; }
    .img_logo_barra { height: 88px; }
}

/* M101 (pedido del usuario 2026-10-25): el chat de la pagina es dupi con la tablet en la mano. el boton es dupi animado
   (sin circulo); al abrir el chat sale una X pequena encima. el panel se abre por encima de dupi */
.button_bot { right: 12px; bottom: 82px; width: 86px; height: 104px; border-radius: 0; display: block; padding: 0; background: transparent; box-shadow: none; color: #ffffff; }
.button_bot:hover { transform: translateY(-3px) scale(1.04); }
.video_dupi_bot { width: 100%; height: 100%; object-fit: contain; object-position: bottom; pointer-events: none; filter: drop-shadow(0 12px 16px rgba(30, 58, 138, 0.35)); }
.button_bot .i_bot { position: absolute; top: 2px; right: 2px; width: 28px; height: 28px; display: none; place-items: center; border-radius: 50%; font-size: 13px; color: #ffffff; background: linear-gradient(135deg, #2563eb, #7c3aed); box-shadow: 0 6px 14px -4px rgba(37, 99, 235, 0.7); }
.button_bot[data-abierto="si"] .i_bot { display: grid; }
.button_bot[data-wa="no"] { bottom: 14px; }
.span_burbuja_bot { right: 92px; top: 38%; }
.section_bot_panel { bottom: 196px; }
.section_bot_panel[data-wa="no"] { bottom: 128px; }
.span_icono_bot { background-color: rgba(255, 255, 255, 0.95); overflow: hidden; }
.img_dupi_cabeza_bot { width: 100%; height: 100%; object-fit: cover; object-position: 50% 8%; transform: scale(1.35); transform-origin: 50% 0; }
@media (max-width: 640px) {
    .button_bot { right: 10px; bottom: 78px; width: 68px; height: 82px; }
    .section_bot_panel { bottom: 166px; height: min(520px, calc(100svh - 186px)); }
    .section_bot_panel[data-wa="no"] { bottom: 104px; }
}
@media (prefers-reduced-motion: reduce) { .button_bot:hover { transform: none; } }
/* M101: dupi tambien en la cabeza del chat de ejemplo de la seccion de inteligencia artificial */
.span_icono_chat { overflow: hidden; background-color: #eef2ff; }
.img_dupi_chat { width: 100%; height: 100%; object-fit: cover; object-position: 50% 8%; transform: scale(1.35); transform-origin: 50% 0; }
/* globos de dupi (pedido del usuario 2026-10-25): letreros que aparecen cada rato al lado de dupi, tambien en celular */
.span_burbuja_bot { display: block; right: 92px; top: 30%; max-width: 230px; white-space: normal; line-height: 1.35; text-align: left; padding: 9px 13px; border-radius: 14px 14px 4px 14px; opacity: 0; pointer-events: none; transform: translateY(-50%) translateX(8px) scale(0.92); transform-origin: right center; transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); animation: none; }
.span_burbuja_bot::after { content: ''; position: absolute; right: -6px; bottom: 8px; width: 12px; height: 12px; background: #ffffff; transform: rotate(45deg); border-radius: 2px; }
.span_burbuja_bot[data-visible="si"] { opacity: 1; pointer-events: auto; cursor: pointer; transform: translateY(-50%) translateX(0) scale(1); }
.button_bot[data-abierto="si"] .span_burbuja_bot { display: none; }
@media (max-width: 640px) {
    .span_burbuja_bot { display: block; right: 72px; top: 32%; max-width: min(210px, calc(100vw - 100px)); font-size: 12px; padding: 8px 11px; }
}
@media (prefers-reduced-motion: reduce) { .span_burbuja_bot { transition: opacity 0.2s ease; } }
.span_burbuja_bot { width: max-content; }

/* logo de la barra (pedido del usuario 2026-10-25): tarjeta en la esquina de arriba a la izquierda, pegada al borde, que
   termina en arco de circulo, con degradado blanco-azul un poco transparente y un filo de color en el arco. es el MISMO
   logo de todo el sistema (img/dualposlogo.png: si se cambia o se adorna, cambia en todas partes) */
.a_logo_barra { position: relative; isolation: isolate; align-self: flex-start; flex-shrink: 0; margin: 0 0 0 -1.25rem; padding: 8px 64px 44px 1.25rem;
    border-radius: 0 0 100% 0 / 0 0 100% 0;
    background:
        radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.38) 45%, rgba(255, 255, 255, 0) 75%),
        linear-gradient(150deg, rgba(255, 255, 255, 0.55) 0%, rgba(219, 234, 254, 0.42) 45%, rgba(165, 180, 252, 0.28) 75%, rgba(103, 232, 249, 0.22) 100%);
    -webkit-backdrop-filter: blur(14px) saturate(1.5); backdrop-filter: blur(14px) saturate(1.5);
    box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.55), 0 18px 40px -18px rgba(37, 99, 235, 0.65), 0 8px 18px -12px rgba(15, 23, 42, 0.5); }
/* filo de luz en el arco, con los azules de la marca */
.a_logo_barra::before { content: ''; position: absolute; z-index: -1; inset: 0 -5px -5px 0; border-radius: inherit; pointer-events: none;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0) 40%, rgba(99, 102, 241, 0.55) 68%, rgba(56, 189, 248, 0.9) 88%, rgba(34, 211, 238, 0.95) 100%);
    filter: blur(0.5px); }
/* brillo de vidrio arriba */
.a_logo_barra::after { content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 70%; height: 46%; border-radius: 0 0 100% 0 / 0 0 100% 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 100%); }
.header_barra[data-estado="sobre_foto"] .a_logo_barra { padding: 8px 64px 44px 1.25rem; border-radius: 0 0 100% 0 / 0 0 100% 0; }
.header_barra[data-estado="sobre_foto"] .a_logo_barra,
.header_barra[data-estado="solida"] .a_logo_barra { align-self: flex-start; margin-top: 0; }
.img_logo_barra { display: block; height: 78px; filter: none; transition: height 0.3s ease, transform 0.25s ease; }
.header_barra[data-estado="solida"] .img_logo_barra { height: 58px; }
.header_barra[data-estado="solida"] .a_logo_barra { padding: 6px 48px 30px 1.25rem; }
.a_logo_barra:hover .img_logo_barra { transform: scale(1.04); }
@media (min-width: 768px) {
    .div_contenedor_barra { height: 116px; }
    .a_logo_barra, .header_barra[data-estado="sobre_foto"] .a_logo_barra { margin-left: -2.5rem; padding: 10px 100px 64px 2.5rem; }
    .img_logo_barra { height: 135px; }
    .header_barra[data-estado="solida"] .a_logo_barra { padding: 8px 72px 44px 2.5rem; }
    .header_barra[data-estado="solida"] .img_logo_barra { height: 100px; }
}
.span_burbuja_bot { width: max-content; }

/* pantallas medianas (768 a 1279): la tarjeta del logo un poco mas angosta para que el menu no se parta en renglones */
@media (min-width: 768px) and (max-width: 1279px) {
    .a_logo_barra, .header_barra[data-estado="sobre_foto"] .a_logo_barra { padding: 8px 64px 50px 2.5rem; }
    .img_logo_barra { height: 112px; }
    .nav_barra { gap: 1.25rem; }
    .nav_barra a, .a_agenda_barra { white-space: nowrap; }
}
/* la tarjeta del logo llega siempre al borde izquierdo de la pantalla (pedido del usuario 2026-10-25): se corre a la
   izquierda lo mismo que el relleno de la barra (1,25 / 2,5 / 4 rem segun la pantalla) y, en pantallas de mas de 1680 px
   donde la barra va centrada, tambien el espacio que sobra a cada lado; el logo se queda en su sitio */
.div_contenedor_barra { --pad_barra: 1.25rem; }
@media (min-width: 768px) { .div_contenedor_barra { --pad_barra: 2.5rem; } }
@media (min-width: 1280px) { .div_contenedor_barra { --pad_barra: 4rem; } }
.div_contenedor_barra .a_logo_barra, .header_barra[data-estado] .div_contenedor_barra .a_logo_barra {
    margin-left: calc(-1 * var(--pad_barra) - max(0px, (100vw - 1680px) / 2)); padding-left: calc(var(--pad_barra) + max(0px, (100vw - 1680px) / 2)); }
/* pantallas de mas de 1680 px (pedido del usuario 2026-10-25: «mire como se ve el logo en esta pantalla, no se ve bien»): la
   tarjeta se estiraba a la izquierda hasta el borde y el arco quedaba encima del logo, que caia en la parte mas transparente.
   ahora el arco y el brillo se miden desde donde empieza el logo (la tarjeta se ve igual que en 1366 px) y en pantallas
   grandes queda un poco mas de aire alrededor del logo para que el arco no lo toque */
.div_contenedor_barra .a_logo_barra, .header_barra[data-estado] .div_contenedor_barra .a_logo_barra {
    --sobra_barra: max(0px, (100vw - 1680px) / 2);
    border-radius: 0 0 calc(100% - var(--sobra_barra)) 0 / 0 0 100% 0;
    background:
        radial-gradient(120% 90% at var(--sobra_barra) 0%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.38) 45%, rgba(255, 255, 255, 0) 75%),
        linear-gradient(150deg, rgba(255, 255, 255, 0.55) 0%, rgba(219, 234, 254, 0.42) 45%, rgba(165, 180, 252, 0.28) 75%, rgba(103, 232, 249, 0.22) 100%); }
.div_contenedor_barra .a_logo_barra::after { left: var(--sobra_barra); width: calc(70% - var(--sobra_barra) * 0.7); border-radius: 0 0 100% 0 / 0 0 100% 0; }
@media (min-width: 1280px) {
    .div_contenedor_barra .a_logo_barra, .header_barra[data-estado="sobre_foto"] .div_contenedor_barra .a_logo_barra { padding-right: 124px; padding-bottom: 72px; }
}
/* globo de dupi siempre visible (2026-10-25): al cambiar de mensaje se apaga un instante y vuelve */
.span_burbuja_bot { transition: opacity 0.28s ease, transform 0.28s ease; }
.span_burbuja_bot[data-visible="si"][data-cambiando="si"] { opacity: 0; transform: translateY(-50%) translateX(6px) scale(0.97); }