/*
Theme Name: Alía 2026
Theme URI: https://aliate.pe
Author: Alía Servicios del Hogar S.A.C.
Description: Tema a medida de aliate.pe (rediseño 2026, look & feel B+C). Rápido, sin constructor visual, con SEO y datos estructurados integrados.
Version: 1.2.5
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: alia
*/

/* Los estilos base (tokens, secciones del home, tarjetas) están en assets/base.css.
   Aquí van los estilos de páginas internas y del contenido editable. */

/* ---------- cabecera de páginas internas ---------- */
.page-hero{background:var(--lila);border-bottom:1px solid var(--linea)}
.page-hero .wrap{padding-block:clamp(34px,5vw,56px);display:grid;gap:14px}
.page-hero h1{font-size:clamp(1.9rem,4.4vw,3rem);max-width:22ch}
.page-hero .lead{max-width:60ch}
.page-hero.dark{background:radial-gradient(900px 500px at 90% -20%,#4a1a78 0%,transparent 60%),var(--noche);border:0;color:#fff}
.page-hero.dark h1{color:#fff}
.page-hero.dark .lead{color:#d9cbe8}
.page-hero.dark .crumbs,.page-hero.dark .crumbs a{color:#c9b8dc}
.page-hero .split{display:grid;gap:30px;align-items:center}
@media(min-width:900px){.page-hero .split{grid-template-columns:1.1fr .9fr}}
.page-hero .split img{border-radius:var(--r);width:100%;aspect-ratio:4/3;object-fit:cover}

/* ---------- contenido editable (Gutenberg) ---------- */
.entry{max-width:760px;margin-inline:auto;display:grid;gap:20px;font-size:1.06rem}
.entry>*{margin:0}
.entry h2{font-size:1.5rem;margin-top:16px}
.entry h3{font-size:1.2rem;margin-top:8px}
.entry p,.entry li{color:var(--tinta-2)}
.entry strong{color:var(--tinta)}
.entry a{color:var(--morado);font-weight:500}
.entry ul,.entry ol{padding-left:1.25em;display:grid;gap:8px}
.entry ul.is-style-checks{list-style:none;padding-left:0}
.entry ul.is-style-checks li{position:relative;padding-left:30px}
.entry ul.is-style-checks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:#dff3e7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%232f9e6b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.entry blockquote,.entry .ley{margin:0;background:var(--lila);border-left:4px solid var(--morado);border-radius:0 14px 14px 0;padding:16px 18px;color:var(--tinta)}
.entry blockquote p{color:var(--tinta)}
.entry blockquote cite{display:block;margin-top:6px;font-style:normal;font-size:.88rem;color:var(--gris)}
.entry .wp-block-table{overflow-x:auto;margin:0}
.entry table{width:100%;min-width:540px;border-collapse:collapse;font-size:.95rem;background:#fff;border:1px solid var(--linea);border-radius:14px;overflow:hidden}
.entry th,.entry td{padding:12px 14px;text-align:left;border:0;border-bottom:1px solid var(--linea);vertical-align:top}
.entry th{background:var(--lila);font-family:var(--f-display);font-weight:600;font-size:.88rem}
.entry tr:last-child td{border-bottom:0}
.entry td:first-child{font-weight:600;color:var(--tinta)}
.entry figure{margin:0}
.entry img{border-radius:var(--r)}
.entry .wp-block-details{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:0 20px}
.entry .wp-block-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;font-family:var(--f-display);font-weight:600;font-size:1.02rem;color:var(--tinta)}
.entry .wp-block-details summary::-webkit-details-marker{display:none}
.entry .wp-block-details summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--morado);transition:transform .2s}
.entry .wp-block-details[open] summary::after{transform:rotate(45deg)}
.entry .wp-block-details>*:not(summary){margin:0 0 18px;color:var(--tinta-2)}
.entry .faq-list{display:grid;gap:10px}

/* ---------- guías ---------- */
.g-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.86rem;color:var(--gris);align-items:center}
.g-meta img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.g-meta b{color:var(--tinta)}
.guide-foot{max-width:760px;margin:36px auto 0;display:grid;gap:28px}
.guias-grid{display:grid;gap:16px}
@media(min-width:760px){.guias-grid{grid-template-columns:1fr 1fr}}
.guia-card{display:grid;gap:10px;padding:24px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.guia-card:hover{border-color:var(--morado);transform:translateY(-2px)}
.guia-card .k{font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--morado)}
.guia-card h2,.guia-card h3{font-size:1.25rem}
.guia-card p{color:var(--tinta-2);font-size:.97rem}
.guia-card .more{color:var(--morado);font-weight:600}

/* ---------- pasos numerados (trabajo) ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
@media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start}
.steps li::before{content:counter(s);font-family:var(--f-display);font-weight:700;color:var(--celeste);background:var(--noche);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.steps h3{font-size:1.15rem}
.steps p{color:var(--tinta-2);font-size:.98rem}
.steps .wa-msg{font-family:var(--f-display);font-weight:600;color:var(--morado);background:var(--lila);border-radius:10px;padding:8px 12px;justify-self:start}

/* ---------- tarjetas de valor / info ---------- */
.vals{display:grid;gap:16px}
@media(min-width:760px){.vals{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.vals.four{grid-template-columns:repeat(4,1fr)}}
.val{padding:22px;display:grid;gap:8px;align-content:start}
.val .ic{width:42px;height:42px;border-radius:12px;background:var(--lila);display:grid;place-items:center;color:var(--morado)}
.val .ic svg{width:22px;height:22px;display:block}
.val h3{font-size:1.08rem}
.val p{color:var(--tinta-2);font-size:.95rem}
.sec-b .val{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.sec-b .val h3{color:#fff}.sec-b .val p{color:#d9cbe8}
.sec-b .val .ic{background:rgba(170,220,218,.15);color:var(--celeste)}

/* ---------- equipo (página quiénes somos) ---------- */
.team{display:grid;gap:22px}
@media(min-width:760px){.team{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.team{grid-template-columns:repeat(3,1fr)}}
.team .persona p{font-size:.93rem}

/* ---------- contacto ---------- */
.contact{display:grid;gap:18px}
@media(min-width:900px){.contact{grid-template-columns:repeat(3,1fr)}}
.contact .card{padding:26px;display:grid;gap:12px;align-content:start}
.contact .num{font-family:var(--f-display);font-weight:700;font-size:1.25rem;color:var(--morado);font-variant-numeric:tabular-nums}
.contact address{font-style:normal;color:var(--tinta-2)}

/* ---------- páginas heredadas (Elementor) ---------- */
.legacy{background:#fff}
.legacy .elementor{max-width:none}

/* ---------- utilidades ---------- */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--morado);padding:10px 14px;border-radius:8px}
.skip:focus{left:12px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.mt-0{margin-top:0}

/* ---------- ajustes del menú en WordPress ---------- */
.nav .wrap>nav{margin-left:auto}
.nav .wrap>nav ul{margin:0}
.nav li a[aria-current="page"]{color:var(--morado);background:var(--lila)}
.nav .logo img{height:40px;width:auto}
.foot img{height:44px;width:auto}
.dash .top img{height:26px;width:auto}
.stack>*,.grid>*{min-width:0}
.tcar{min-width:0}
.cierre .btns{width:100%;max-width:560px}
.page-hero .btns .btn{flex:0 0 auto}

/* ---------- blindaje frente a los estilos globales de Elementor / 10Web ----------
   (en la calculadora conviven; sus reglas .elementor-kit-N a {...} pintaban de morado
   los textos de botones, títulos y enlaces del tema) */
html body .btn-morado,html body .btn-morado:hover{color:#fff}
html body .btn-fam,html body .btn-fam:hover{color:var(--noche)}
html body .btn-ali{color:#fff}
html body .sec-c .btn-ali,html body .sec-lila .btn-ali,html body .nav .btn-ali{color:var(--morado)}
html body .cta-dual .btn-ali{color:#fff}
html body .btn-wa{color:#063}
html body .nav li a{color:var(--tinta-2)}
html body .nav li a:hover,html body .nav li a[aria-current="page"]{color:var(--morado)}
html body .foot a,html body .foot h4,html body .foot p{color:inherit}
html body .vcard,html body .vcard b,html body .tema,html body .tema b,html body .vfac,html body .vfac b,html body .play,html body .play b,html body .pill{color:#fff}
html body .wa-float{color:#fff}
html body .hero h1,html body .sec-b h2,html body .sec-b h3,html body .cta-dual h3{color:#fff}
html body .vmodal .vclose{padding:0;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.45)}
html body .vmodal .vclose:hover,html body .vmodal .vclose:focus{background:#fff;color:var(--morado)}

/* En navegadores internos de redes sociales el menú se desplaza con la página (evita que quede flotando a media pantalla) */
html.iab .nav{position:relative;top:auto}