/*
Theme Name: AquiEstamos Child
Theme URI: https://aquiestamos.ai/
Description: Tema hijo de Divi para AquiEstamos.ai. Aloja el sistema visual y las plantillas propias del sitio.
Author: Singularidad IA
Template: Divi
Version: 1.7.0
Text Domain: aquiestamos-child
*/

@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&display=swap");


/* ===================== ajuste-tono-imagenes ===================== */
.et_pb_video_overlay{filter:brightness(.78) contrast(1.06) saturate(1.05);}.et_pb_section_1 .et_pb_image img,.et_pb_section_4 .et_pb_image img{filter:grayscale(1) sepia(1) hue-rotate(176deg) saturate(3.4) brightness(1.04);}

/* ===================== ajuste-tipografia ===================== */
#page-container h1,#page-container h2,#page-container h3,#page-container h4,#page-container .hero-title{font-family:Archivo,"Open Sans",sans-serif!important;}#page-container h1,#page-container .hero-title{font-size:clamp(2.4rem,4.6vw,3.6rem)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.08!important;}#page-container h2{font-size:clamp(1.9rem,3.2vw,2.7rem)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.14!important;}#page-container h3{font-weight:700!important;letter-spacing:-.012em!important;line-height:1.3!important;}#page-container .et_pb_section_1 h3{letter-spacing:.07em!important;font-size:1.15rem!important;}#page-container .et_pb_text p{font-weight:400!important;line-height:1.65!important;}

/* ===================== ajuste-tarjetas-bordes ===================== */
#page-container .custom-btn{border-width:1.5px!important;border-radius:14px!important;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease!important;}#page-container .custom-btn:hover{box-shadow:0 0 0 1px rgba(0,128,254,.35),0 8px 24px rgba(0,128,254,.18)!important;color:#fff!important;}#page-container .custom-btn:not(.btn-demo):hover{border-color:#3aa0ff!important;background-color:rgba(0,128,254,.12)!important;}#page-container .btn-demo:hover{background-color:#0b7ae6!important;border-color:#0b7ae6!important;}#page-container .et_pb_video,#page-container .et_pb_video .et_pb_video_box,#page-container video{border-radius:14px!important;overflow:hidden!important;}#page-container .et_pb_with_border.et_pb_column{border-width:1px!important;border-radius:14px!important;transition:border-color .18s ease,box-shadow .18s ease!important;}#page-container .et_pb_with_border.et_pb_column:hover{border-color:#0080fe!important;box-shadow:0 10px 30px rgba(0,128,254,.14)!important;}

/* ===================== ajuste-movimiento ===================== */
@keyframes evoIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}#page-container .et-waypoint{opacity:1!important;animation-name:none!important;transform:none!important;}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){#page-container .et_pb_section:not(.et_pb_section_0_tb_header):not(.et_pb_section_0_tb_footer)>.et_pb_row{animation:evoIn .62s cubic-bezier(.22,.61,.36,1) both!important;animation-timeline:view()!important;animation-range:entry 0% entry 30%!important;}}}

/* ===================== ajuste-fondos-respiracion ===================== */
#page-container .et_pb_section:not(.et_pb_section_0_tb_header):not(.et_pb_section_0_tb_footer){padding-top:clamp(40px,5vw,72px)!important;padding-bottom:clamp(40px,5vw,72px)!important;position:relative!important;}#page-container .et_pb_section_1::before,#page-container .et_pb_section_2::before,#page-container .et_pb_section_3::before,#page-container .et_pb_section_4::before,#page-container .et_pb_section_5::before,#page-container .et_pb_section_6::before,#page-container .et_pb_section_7::before,#page-container .et_pb_section_8::before{content:"";position:absolute;left:0;right:0;top:0;height:220px;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(0,128,254,0) 0%,rgba(0,128,254,.30) 50%,rgba(0,128,254,0) 100%) top left/100% 1px no-repeat,radial-gradient(55% 100% at 50% 0,rgba(0,128,254,.09),rgba(0,128,254,0) 72%);}#page-container .et_pb_section>.et_pb_row{position:relative;z-index:1;}

/* ===================== ajuste-imagenes-linea ===================== */
#page-container .et_pb_section_1.et_pb_section_1{background-image:none!important}#page-container .et_pb_section_1.et_pb_section_1::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url(https://aquiestamos.ai/wp-content/uploads/2025/06/eye-bg-1.png);background-size:contain;background-position:-15% 50%;background-repeat:no-repeat;filter:grayscale(1) sepia(1) hue-rotate(176deg) saturate(3.4) brightness(1.04)}#page-container .et_pb_section_5.et_pb_section_5{background-image:none!important}#page-container .et_pb_section_5.et_pb_section_5::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url(https://aquiestamos.ai/wp-content/uploads/2025/08/Fondo_aquiestamos_ai_6.png);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;filter:grayscale(1) sepia(1) hue-rotate(176deg) saturate(3.4) brightness(1.04)}

/* ===================== ajuste-separadores-carrusel ===================== */
#page-container .et_pb_divider_0.et_pb_divider_0::before,#page-container .et_pb_divider_1.et_pb_divider_1::before{border-top:0!important;height:1px!important;background-image:linear-gradient(90deg,rgba(0,128,254,0) 0%,rgba(0,128,254,.45) 50%,rgba(0,128,254,0) 100%)!important}

/* ===================== ajuste-video-hero ===================== */
#page-container .et_pb_section_0 video{filter:grayscale(1) sepia(1) hue-rotate(176deg) saturate(2.6) brightness(1.02)}



/* ===================== central-sophia ===================== */
#page-container .cs-hero,
#page-container .cs-sec,
#page-container .cs-final{max-width:1200px;margin:0 auto;padding:clamp(56px,7vw,88px) 24px;position:relative}
#page-container .cs-sec-alt{border-top:1px solid rgba(0,128,254,.18);border-bottom:1px solid rgba(0,128,254,.18)}
#page-container .cs-kicker,
#page-container .cs-eyebrow{font-family:Archivo,"Open Sans",sans-serif;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0080fe;margin:0 0 18px}
#page-container .cs-h1{font-family:Archivo,"Open Sans",sans-serif;font-size:clamp(34px,5vw,57.6px);font-weight:800;line-height:1.08;color:#fff;margin:0 0 22px;max-width:19ch}
#page-container .cs-h2{font-family:Archivo,"Open Sans",sans-serif;font-size:clamp(27px,3.4vw,43.2px);font-weight:700;line-height:1.14;color:#fff;margin:0 0 20px;max-width:24ch}
#page-container .cs-h3{font-family:Archivo,"Open Sans",sans-serif;font-size:19px;font-weight:700;line-height:1.3;color:#fff;margin:0 0 10px}
#page-container .cs-lead{font-size:19px;line-height:1.6;color:#c8d4e2;margin:0 0 30px;max-width:62ch}
#page-container .cs-sub{font-size:17px;line-height:1.65;color:#b4c2d4;margin:0 0 34px;max-width:62ch}
#page-container .cs-sub-wide{max-width:76ch;margin-bottom:0}
#page-container .cs-microcopy{font-size:14px;color:#8d9cb0;margin:18px 0 0}
#page-container .cs-hero p,
#page-container .cs-sec p,
#page-container .cs-final p{font-weight:400}
#page-container .cs-grid{display:grid;gap:22px;margin-top:8px}
#page-container .cs-grid-2{grid-template-columns:1fr 1fr}
#page-container .cs-grid-3{grid-template-columns:1fr 1fr 1fr}
#page-container .cs-card,
#page-container .cs-item,
#page-container .cs-agent{min-width:0;border:1px solid #333;border-radius:14px;padding:26px 24px;background:rgba(255,255,255,.012);transition:border-color .18s ease,box-shadow .18s ease}
#page-container .cs-card:hover,
#page-container .cs-item:hover,
#page-container .cs-agent:hover{border-color:#0080fe;box-shadow:0 0 0 1px rgba(0,128,254,.18),0 10px 30px rgba(0,128,254,.08)}
#page-container .cs-card p,
#page-container .cs-item p,
#page-container .cs-agent p{font-size:15.5px;line-height:1.62;color:#aebccd;margin:0}
#page-container .cs-agent{padding:22px}
#page-container .cs-cta{margin:0;display:flex;flex-wrap:wrap;gap:14px}
#page-container a.cs-btn{display:inline-block;font-family:Archivo,"Open Sans",sans-serif;font-size:15px;font-weight:700;line-height:1;padding:15px 26px;border-radius:14px;border:1.5px solid;text-decoration:none;transition:all .18s ease}
#page-container a.cs-btn-solid{background:#0A6ED0;border-color:#0A6ED0;color:#fff}
#page-container a.cs-btn-solid:hover{background:#0080fe;border-color:#0080fe;box-shadow:0 0 0 4px rgba(0,128,254,.16)}
#page-container a.cs-btn-line{background:transparent;border-color:#0080fe;color:#fff}
#page-container a.cs-btn-line:hover{background:rgba(0,128,254,.1);box-shadow:0 0 0 4px rgba(0,128,254,.12)}
#page-container .cs-final{text-align:center}
#page-container .cs-final .cs-h2,
#page-container .cs-final .cs-sub{margin-left:auto;margin-right:auto}
#page-container .cs-final .cs-cta{justify-content:center}
@media (max-width:980px){
#page-container .cs-grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
#page-container .cs-grid-2,
#page-container .cs-grid-3{grid-template-columns:1fr}
#page-container .cs-h1,
#page-container .cs-h2{max-width:none}
}
@media (prefers-reduced-motion:reduce){
#page-container .cs-card,
#page-container .cs-item,
#page-container .cs-agent,
#page-container a.cs-btn{transition:none}
}


/* Paginas propias: a ancho completo, sin barra lateral ni titulo duplicado */
body:has(.cs-hero) #sidebar{display:none}
body:has(.cs-hero) #left-area{width:100%;padding-right:0;float:none}
body:has(.cs-hero) #main-content .container{width:100%;max-width:none;padding-top:0}
body:has(.cs-hero) .entry-title{display:none}
body:has(.cs-hero) article.et_pb_post{margin-bottom:0;padding-bottom:0}
body.page-id-765 #sidebar{display:none}
body.page-id-765 #left-area{width:100%;padding-right:0;float:none}
body.page-id-765 #main-content .container{width:100%;max-width:none;padding-top:0}
body.page-id-765 .entry-title{display:none}
body.page-id-765 article.et_pb_post{margin-bottom:0;padding-bottom:0}


/* Paginas propias: fondo oscuro de marca */
body:has(.cs-hero){background-color:#000}
body:has(.cs-hero) #page-container{background-color:#000}
body:has(.cs-hero) #main-content{background-color:#000}
body.page-id-765{background-color:#000}
body.page-id-765 #page-container{background-color:#000}
body.page-id-765 #main-content{background-color:#000}

body:has(.cs-hero) #main-content .container:before{display:none}
body:has(.cs-hero) #left-area{border-right:0}
body.page-id-765 #main-content .container:before{display:none}
body.page-id-765 #left-area{border-right:0}


/* Hero: palabra rotativa alineada al mensaje nuevo */
#page-container h1 span.dynamic-text.dynamic-text:after{content:"servicio";animation-name:csRotaTexto;animation-duration:9s;animation-iteration-count:infinite;animation-timing-function:step-end}
@keyframes csRotaTexto{0%{content:"servicio"}33%{content:"atención"}66%{content:"experiencia"}100%{content:"servicio"}}

/* ============================================================
   BLOQUE 9 — SISTEMA DE SECCIONES DEL HOME
   Misma linea grafica de las paginas internas: fondo negro de marca,
   contenedor de 1200 px centrado y el mismo ritmo vertical.
   El contenedor de Divi aporta el color de banda; el relleno y el
   ancho los pone el envoltorio propio.
   ============================================================ */

/* --- bandas --- */
#page-container #cs-tesis,#page-container #cs-demo,#page-container #sectores,#page-container #cs-conocimiento,#page-container #cs-confianza,#page-container #cs-cierre,#page-container #cs-sincon,#page-container #cs-frentes,#page-container #cs-humanos,#page-container #cs-modalidades,#page-container #cs-empezamos{padding:0!important;margin:0!important;border:0!important}
#page-container #cs-tesis,#page-container #cs-demo,#page-container #sectores,#page-container #cs-conocimiento,#page-container #cs-empezamos{background:#000!important}
#page-container #cs-sincon,#page-container #cs-frentes,#page-container #cs-humanos,#page-container #cs-modalidades,#page-container #cs-cierre{background:#05090f!important;border-top:1px solid rgba(0,128,254,.18)!important;border-bottom:1px solid rgba(0,128,254,.18)!important}

/* --- el envoltorio de Divi no estorba --- */
#cs-tesis .et_pb_row,#cs-demo .et_pb_row,#cs-humanos .et_pb_row,#cs-modalidades .et_pb_row,#cs-empezamos .et_pb_row,#cs-sincon .et_pb_row,#cs-frentes .et_pb_row,#cs-conocimiento .et_pb_row,#cs-confianza .et_pb_row,#cs-cierre .et_pb_row{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
#cs-tesis .et_pb_column,#cs-demo .et_pb_column,#cs-humanos .et_pb_column,#cs-modalidades .et_pb_column,#cs-empezamos .et_pb_column,#cs-sincon .et_pb_column,#cs-frentes .et_pb_column,#cs-conocimiento .et_pb_column,#cs-confianza .et_pb_column,#cs-cierre .et_pb_column{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
#cs-tesis .et_pb_module,#cs-demo .et_pb_module,#cs-humanos .et_pb_module,#cs-modalidades .et_pb_module,#cs-empezamos .et_pb_module,#cs-sincon .et_pb_module,#cs-frentes .et_pb_module,#cs-conocimiento .et_pb_module,#cs-confianza .et_pb_module,#cs-cierre .et_pb_module{margin:0!important}
#cs-tesis .et_pb_code_inner,#cs-demo .et_pb_code_inner,#cs-humanos .et_pb_code_inner,#cs-modalidades .et_pb_code_inner,#cs-empezamos .et_pb_code_inner,#cs-sincon .et_pb_code_inner,#cs-frentes .et_pb_code_inner,#cs-conocimiento .et_pb_code_inner,#cs-confianza .et_pb_code_inner,#cs-cierre .et_pb_code_inner{max-width:none!important}

/* --- contenedor propio, identico al de las paginas internas --- */
.page-id-15 #page-container .cs-sec{width:100%;max-width:none;margin:0;padding:0;background:transparent;color:#e9f1fa;font-family:'Open Sans',sans-serif}
.page-id-15 #page-container .cs-sec--light,.page-id-15 #page-container .cs-sec--deep,.page-id-15 #page-container .cs-sec--dark{background:transparent;color:#e9f1fa}
.page-id-15 #page-container .cs-wrap{max-width:1200px;margin:0 auto;padding:clamp(56px,7vw,88px) 24px}


/* ============================================================
   BLOQUE 10 — TIPOGRAFIA Y COMPONENTES COMUNES
   Mismos tokens en el home y en las paginas internas.
   ============================================================ */
.page-id-15 #page-container .cs-eyebrow{font-family:'Open Sans',sans-serif;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#0080fe;font-weight:700;margin:0 0 14px}
.page-id-15 #page-container .cs-h2{font-family:Archivo,'Open Sans',sans-serif;font-size:clamp(27px,3.4vw,43.2px);font-weight:700;line-height:1.14;letter-spacing:-.015em;color:#fff;margin:0 0 20px;max-width:24ch;text-wrap:balance}
.page-id-15 #page-container .cs-h2 b{color:#0080fe;font-weight:700}
.page-id-15 #page-container .cs-h3{font-family:Archivo,'Open Sans',sans-serif;font-size:18px;font-weight:700;line-height:1.3;color:#fff;margin:0 0 8px}
.page-id-15 #page-container .cs-p{font-size:17px;line-height:1.65;color:#b4c2d4;margin:0 0 14px;max-width:62ch}
.page-id-15 #page-container .cs-nota{margin-top:26px;font-size:14px;line-height:1.6;color:#7e8ea1;max-width:76ch}

/* rejillas */
.page-id-15 #page-container .cs-g2,.page-id-15 #page-container .cs-g3,.page-id-15 #page-container .cs-g4{display:grid;gap:22px;margin-top:36px;align-items:stretch}
.page-id-15 #page-container .cs-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-id-15 #page-container .cs-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-id-15 #page-container .cs-g4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* tarjetas: misma receta que en las internas */
.page-id-15 #page-container .cs-card{min-width:0;border:1px solid #333;border-radius:14px;padding:26px 24px;background:rgba(255,255,255,.012);transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;flex-direction:column}
.page-id-15 #page-container .cs-card:hover{border-color:#0080fe;box-shadow:0 0 0 1px rgba(0,128,254,.18),0 10px 30px rgba(0,128,254,.08);transform:translateY(-3px)}
.page-id-15 #page-container .cs-card p{font-size:15.5px;line-height:1.62;color:#aebccd;margin:0}
.page-id-15 #page-container .cs-card .cs-num{font-family:Archivo,'Open Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0080fe;display:block;margin-bottom:12px}
.page-id-15 #page-container .cs-card .cs-more{display:inline-block;margin-top:auto;padding-top:16px;font-size:14.5px;font-weight:700;color:#0080fe;text-decoration:none}
.page-id-15 #page-container .cs-card .cs-more:after{content:" \2192";display:inline-block;transition:transform .2s}
.page-id-15 #page-container .cs-card:hover .cs-more:after{transform:translateX(4px)}

/* botones */
.page-id-15 #page-container .cs-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.page-id-15 #page-container .cs-sec .cs-btn{display:inline-block;border-radius:14px;padding:15px 30px;font-size:15.5px;font-weight:700;text-decoration:none;border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s}
.page-id-15 #page-container .cs-sec .cs-btn-solid{background:#0A6ED0;color:#fff}
.page-id-15 #page-container .cs-sec .cs-btn-solid:hover{background:#0080fe;transform:translateY(-2px)}
.page-id-15 #page-container .cs-sec .cs-btn-line{border-color:#333;color:#e9f1fa}
.page-id-15 #page-container .cs-sec .cs-btn-line:hover{border-color:#0080fe;color:#0080fe}

/* ============================================================
   BLOQUE 11 — PIEZAS PROPIAS DEL HOME
   ============================================================ */
/* cadena de la tesis */
.page-id-15 #page-container .cs-chain{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:34px}
.page-id-15 #page-container .cs-chain span{border:1px solid rgba(0,128,254,.3);background:rgba(0,128,254,.05);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:700;letter-spacing:.02em;color:#c8d4e2;white-space:nowrap}
.page-id-15 #page-container .cs-chain i{color:#0080fe;font-style:normal;font-weight:700}

/* sin / con */
.page-id-15 #page-container .cs-sincon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:36px}
.page-id-15 #page-container .cs-col{border:1px solid #333;border-radius:14px;padding:28px 26px;background:rgba(255,255,255,.012)}
.page-id-15 #page-container .cs-col h3{font-family:Archivo,'Open Sans',sans-serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;color:#8fa1b5}
.page-id-15 #page-container .cs-col ul{list-style:none;margin:0;padding:0}
.page-id-15 #page-container .cs-col li{list-style:none;padding:12px 0 12px 28px;position:relative;font-size:15.5px;line-height:1.55;color:#aebccd;border-top:1px solid rgba(255,255,255,.06)}
.page-id-15 #page-container .cs-col li:first-child{border-top:0;padding-top:0}
.page-id-15 #page-container .cs-col--con{border-color:rgba(0,128,254,.35);background:rgba(0,128,254,.045)}
.page-id-15 #page-container .cs-col--con h3{color:#0080fe}
.page-id-15 #page-container .cs-col--sin li:before{content:"\2014";position:absolute;left:0;top:12px;color:#5c6b7d}
.page-id-15 #page-container .cs-col--sin li:first-child:before{top:0}
.page-id-15 #page-container .cs-col--con li{color:#c8d4e2}
.page-id-15 #page-container .cs-col--con li:before{content:"\2713";position:absolute;left:0;top:12px;color:#0080fe;font-weight:700}
.page-id-15 #page-container .cs-col--con li:first-child:before{top:0}

/* demo por pestanas */
.page-id-15 #page-container .cs-tabs{margin-top:36px}
.page-id-15 #page-container .cs-tabs input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.page-id-15 #page-container .cs-tabnav{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #333}
.page-id-15 #page-container .cs-tabnav label{cursor:pointer;padding:14px 24px;font-size:15px;font-weight:700;color:#8fa1b5;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.page-id-15 #page-container .cs-tabnav label:hover{color:#c8d4e2}
.page-id-15 #page-container .cs-tabpanel{display:none;padding:34px 30px;border:1px solid #333;border-top:0;border-radius:0 0 14px 14px;background:rgba(255,255,255,.012)}
.page-id-15 #cstab1:checked~.cs-tabnav label[for=cstab1],
.page-id-15 #cstab2:checked~.cs-tabnav label[for=cstab2],
.page-id-15 #cstab3:checked~.cs-tabnav label[for=cstab3]{color:#0080fe;border-bottom-color:#0080fe}
.page-id-15 #cstab1:checked~.cs-tabbody #cspanel1,
.page-id-15 #cstab2:checked~.cs-tabbody #cspanel2,
.page-id-15 #cstab3:checked~.cs-tabbody #cspanel3{display:block}
.page-id-15 #page-container .cs-tabs input:focus-visible~.cs-tabnav label{outline:2px solid #0080fe;outline-offset:3px}
.page-id-15 #page-container .cs-demo-split{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}
.page-id-15 #page-container .cs-demo-split ul{list-style:none;margin:18px 0 0;padding:0}
.page-id-15 #page-container .cs-demo-split li{list-style:none;padding:9px 0 9px 26px;position:relative;font-size:15.5px;line-height:1.55;color:#aebccd}
.page-id-15 #page-container .cs-demo-split li:before{content:"\2713";position:absolute;left:0;top:9px;color:#0080fe;font-weight:700}
.page-id-15 #page-container .cs-tag{display:inline-block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#0080fe;border:1px solid rgba(0,128,254,.35);border-radius:999px;padding:5px 13px;margin-bottom:16px}

/* conversacion simulada */
.page-id-15 #page-container .cs-chat{display:flex;flex-direction:column;gap:12px}
.page-id-15 #page-container .cs-msg{padding:13px 17px;border-radius:14px;font-size:15px;line-height:1.5;max-width:88%}
.page-id-15 #page-container .cs-msg--in{background:rgba(255,255,255,.055);border:1px solid #2b2b2b;border-bottom-left-radius:4px;align-self:flex-start;color:#dbe6f2}
.page-id-15 #page-container .cs-msg--out{background:#0A6ED0;color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.page-id-15 #page-container .cs-msg small{display:block;font-size:11px;opacity:.72;margin-top:6px;letter-spacing:.08em;text-transform:uppercase}

/* pasos */
.page-id-15 #page-container .cs-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:38px;counter-reset:csstep}
.page-id-15 #page-container .cs-step{position:relative;padding-top:28px;border-top:1px solid rgba(0,128,254,.3)}
.page-id-15 #page-container .cs-step:before{counter-increment:csstep;content:"0" counter(csstep);position:absolute;top:-9px;left:0;background:#000;padding-right:12px;font-family:Archivo,'Open Sans',sans-serif;font-weight:700;color:#0080fe;font-size:13px;letter-spacing:.06em}
.page-id-15 #page-container .cs-step h3{font-family:Archivo,'Open Sans',sans-serif;font-size:16.5px;font-weight:700;color:#fff;margin:0 0 8px}
.page-id-15 #page-container .cs-step p{font-size:15px;line-height:1.55;color:#aebccd;margin:0}

/* preguntas frecuentes */
.page-id-15 #page-container .cs-faq{margin-top:38px;max-width:900px}
.page-id-15 #page-container .cs-faq details{border-top:1px solid #2b2b2b}
.page-id-15 #page-container .cs-faq details:last-child{border-bottom:1px solid #2b2b2b}
.page-id-15 #page-container .cs-faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-family:Archivo,'Open Sans',sans-serif;font-weight:700;font-size:16.5px;color:#fff;position:relative;transition:color .2s}
.page-id-15 #page-container .cs-faq summary:hover{color:#0080fe}
.page-id-15 #page-container .cs-faq summary::-webkit-details-marker{display:none}
.page-id-15 #page-container .cs-faq summary:after{content:"+";position:absolute;right:8px;top:18px;color:#0080fe;font-size:24px;font-weight:400;line-height:1;transition:transform .25s}
.page-id-15 #page-container .cs-faq details[open] summary:after{transform:rotate(45deg)}
.page-id-15 #page-container .cs-faq p{padding:0 44px 24px 0;margin:0;font-size:15.5px;line-height:1.65;color:#aebccd;max-width:76ch}

/* recuadro de apunte: se lee como nota al margen, no como tarjeta */
.page-id-15 #page-container .cs-destacado{margin-top:38px;border:1px solid rgba(0,128,254,.35);border-left:3px solid #0080fe;border-radius:14px;padding:26px 28px;background:rgba(0,128,254,.045);max-width:76ch}
.page-id-15 #page-container .cs-destacado .cs-h3{margin:0 0 8px;color:#fff}
.page-id-15 #page-container .cs-destacado p{margin:0;font-size:15.5px;line-height:1.62;color:#c8d4e2}
@media(max-width:760px){.page-id-15 #page-container .cs-destacado{padding:22px 20px}}

/* cierre centrado, como el cs-final de las internas */
.page-id-15 #cs-cierre .cs-wrap{text-align:center}
.page-id-15 #cs-cierre .cs-h2,.page-id-15 #cs-cierre .cs-p{margin-left:auto;margin-right:auto;max-width:34ch}
.page-id-15 #cs-cierre .cs-p{max-width:62ch}
.page-id-15 #cs-cierre .cs-actions{justify-content:center}

/* ============================================================
   BLOQUE 12 — RESPUESTA A PANTALLAS PEQUENAS
   ============================================================ */
@media(max-width:1024px){
 .page-id-15 #page-container .cs-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-id-15 #page-container .cs-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-id-15 #page-container .cs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-id-15 #page-container .cs-demo-split{grid-template-columns:1fr;gap:28px}
}
@media(max-width:760px){
 .page-id-15 #page-container .cs-g2,
 .page-id-15 #page-container .cs-g3,
 .page-id-15 #page-container .cs-g4,
 .page-id-15 #page-container .cs-sincon,
 .page-id-15 #page-container .cs-steps{grid-template-columns:1fr}
 .page-id-15 #page-container .cs-chain span{font-size:12.5px;padding:7px 14px}
 .page-id-15 #page-container .cs-tabnav label{padding:12px 16px;font-size:14px}
 .page-id-15 #page-container .cs-tabpanel{padding:26px 20px}
 .page-id-15 #page-container .cs-msg{max-width:100%}
 .page-id-15 #page-container .cs-actions .cs-btn{width:100%;text-align:center}
}

/* ============================================================
   BLOQUE 13 — ACCESIBILIDAD
   ============================================================ */
.page-id-15 #page-container .cs-sec a:focus-visible,
.page-id-765 .cs-btn:focus-visible,
.page-id-767 .cs-btn:focus-visible,
.page-id-769 .cs-btn:focus-visible,
.page-id-779 .cs-btn:focus-visible,
.page-id-780 .cs-btn:focus-visible,
.page-id-781 .cs-btn:focus-visible,
.page-id-782 .cs-btn:focus-visible,
.page-id-783 .cs-btn:focus-visible,
.page-id-784 .cs-btn:focus-visible,
.page-id-785 .cs-btn:focus-visible,
.page-id-786 .cs-btn:focus-visible,
.page-id-787 .cs-btn:focus-visible,
.page-id-788 .cs-btn:focus-visible,
.page-id-789 .cs-btn:focus-visible,
.page-id-790 .cs-btn:focus-visible,
.page-id-765 .cs-more:focus-visible,
.page-id-767 .cs-more:focus-visible,
.page-id-769 .cs-more:focus-visible,
.page-id-779 .cs-more:focus-visible,
.page-id-780 .cs-more:focus-visible,
.page-id-781 .cs-more:focus-visible,
.page-id-782 .cs-more:focus-visible,
.page-id-783 .cs-more:focus-visible,
.page-id-784 .cs-more:focus-visible,
.page-id-785 .cs-more:focus-visible,
.page-id-786 .cs-more:focus-visible,
.page-id-787 .cs-more:focus-visible,
.page-id-788 .cs-more:focus-visible,
.page-id-789 .cs-more:focus-visible,
.page-id-790 .cs-more:focus-visible{outline:2px solid #0080fe;outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){
 .page-id-15 #page-container .cs-sec *{animation:none!important;transition:none!important}
}

/* ============================================================
   BLOQUE 14 — AJUSTES DE PAGINA
   ============================================================ */
/* color base legible en las paginas propias */
.page-id-765 #page-container,.page-id-767 #page-container,.page-id-769 #page-container,.page-id-779 #page-container,.page-id-780 #page-container,.page-id-781 #page-container,.page-id-782 #page-container,.page-id-783 #page-container,.page-id-784 #page-container,.page-id-785 #page-container,.page-id-786 #page-container,.page-id-787 #page-container,.page-id-788 #page-container,.page-id-789 #page-container,.page-id-790 #page-container{color:#b4c2d4}

/* la tabla de planes publicada no coincide con la propuesta formal:
   queda fuera de vista hasta que se apruebe, sin borrar el contenido */
.page-id-15 #precios{display:none!important}

/* secciones que quedaron repetidas o desactualizadas tras la nueva
   estructura; se mantienen en la pagina, fuera de vista, hasta decidir
   si se reubican:
   #soluciones        -> lo cubren Tres frentes, Modalidades y /plataforma/
   #comofunciona      -> lo cubre Como empezamos, y hablaba solo de WhatsApp
   #bloque-generico   -> lo cubre Con que respaldamos lo que decimos
   #bloque-futuro     -> voz, redes y pauta ya son presente, no futuro */
.page-id-15 #soluciones,
.page-id-15 #comofunciona,
.page-id-15 #bloque-generico,
.page-id-15 #bloque-futuro,
.page-id-15 #cs-confianza{display:none!important}