/*
Theme Name: TIC2TIA-Emerg-01
Theme URI: https://tic2ti.cl/
Author: TIC2ti
Description: Tema comercial para NoiAndiamo, plataforma de gestión de emergencias.
Version: 1.3.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tic2tia-emerg
*/
:root{--navy:#0c1931;--teal:#087e80;--red:#df343b;--paper:#f3f7fa;--ink:#132238}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;background:white}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 24px}.site-header{background:var(--navy);color:white;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:18px}.brand{font-size:24px;font-weight:900;letter-spacing:-.8px}.brand span{color:#50e0d4}.menu{display:flex;gap:22px;align-items:center}.menu a{font-size:14px;font-weight:650}.btn{display:inline-block;border-radius:10px;padding:13px 19px;font-weight:750;background:var(--teal);color:white}.btn.red{background:var(--red)}.btn.outline{background:transparent;border:1px solid #8ca5bb}.hero{background:radial-gradient(circle at 85% 15%,#20556d 0,transparent 42%),linear-gradient(125deg,#0c1931,#132b47);color:white;padding:100px 0 94px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:850;text-transform:uppercase;color:#4fe1d3}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.07;letter-spacing:-2px;margin:16px 0 22px}.hero p{font-size:18px;color:#c3d4e2;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.mock{background:#fff;color:var(--ink);border-radius:20px;padding:20px;box-shadow:0 25px 80px #0005;transform:rotate(1deg)}.mock-head{background:#11233b;color:white;padding:15px;border-radius:12px;display:flex;justify-content:space-between;font-size:13px;font-weight:700}.mock-alert{background:#fff0f0;color:#a31c29;padding:18px;margin:15px 0;border-radius:12px;font-weight:850}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-kpis div{background:#eef5f8;padding:15px 8px;border-radius:10px;text-align:center;font-size:12px}.mock-kpis b{display:block;font-size:28px}.mock-map{height:160px;background:repeating-linear-gradient(45deg,#e6edf0 0 17px,#d5e6e7 17px 20px);border-radius:12px;margin-top:12px;display:grid;place-items:center;font-weight:800;color:#174c5b}section{padding:82px 0}.soft{background:var(--paper)}.section-head{text-align:center;max-width:740px;margin:0 auto 40px}h2{font-size:clamp(29px,3.5vw,42px);letter-spacing:-1.2px;margin:12px 0}.section-head p,.desc{color:#637387;line-height:1.65}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:27px;border:1px solid #e2eaf0;border-radius:17px;background:white;box-shadow:0 7px 25px #15243a08}.card .emoji{font-size:32px}.card h3{margin:16px 0 8px;font-size:20px}.card p{color:#607186;line-height:1.65;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature{padding:25px;background:#fff;border-left:4px solid var(--teal);border-radius:12px;box-shadow:0 5px 18px #1021380b}.cta{background:var(--navy);color:white;text-align:center}.cta p{color:#c5d7e2}.footer{background:#071222;color:#afc1d3;padding:35px 0;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.wp-content{padding:50px 0;max-width:850px}.mobile-menu{display:none}@media(max-width:850px){.hero-grid,.cards,.feature-grid{grid-template-columns:1fr}.hero{padding:65px 0}.menu{display:none}.mobile-menu{display:block}.mock{transform:none}.footer .wrap{flex-direction:column}section{padding:58px 0}}@media(max-width:480px){.mock-kpis{grid-template-columns:repeat(3,1fr)}.header-inner{min-height:66px}.hero h1{letter-spacing:-1px}}

/* NoiAndiamo RC1.1: marca oficial y fotografías de intervención */
.site-header{background:#fff;color:#082451;box-shadow:0 2px 16px #0b1b2d14}
.header-inner{min-height:94px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.noi-logo{display:block;width:clamp(200px,22vw,315px);max-height:82px;height:auto;object-fit:contain;object-position:left center}
.menu a{color:#092653}.menu a.btn{color:white}
.hero{position:relative;isolation:isolate;background:#08182d url('assets/bomberos-en-accion.webp') center center/cover no-repeat;padding:115px 0 110px}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,19,39,.96) 0%,rgba(5,24,48,.85) 40%,rgba(6,23,41,.35) 76%,rgba(6,23,41,.24) 100%)}
.hero-grid{grid-template-columns:1.1fr .9fr}
.hero .eyebrow{display:inline-flex;padding:9px 15px;border-radius:8px;background:#c92130;color:#fff;letter-spacing:1px}
.hero h1{text-shadow:0 3px 15px #0007}.hero p{color:#f0f5fc;text-shadow:0 1px 4px #0009}
.mock{background:rgba(255,255,255,.95);backdrop-filter:blur(8px)}
.cta{position:relative;isolation:isolate;background:#071a34 url('assets/respuesta-emergencia.webp') center 47%/cover no-repeat}
.cta:before{content:'';position:absolute;inset:0;background:rgba(4,17,37,.82);z-index:-1}
.cta h2,.cta p{color:white}
@media(max-width:850px){.header-inner{min-height:78px}.noi-logo{width:205px;max-height:68px}.hero{padding:74px 0}.hero:before{background:linear-gradient(90deg,rgba(4,19,39,.94),rgba(4,19,39,.69))}}
@media(max-width:480px){.noi-logo{width:175px}.header-inner{gap:8px}.mobile-menu{padding:10px;font-size:12px}}

/* v1.2.0: slider fotográfico, misma experiencia de navegación que YoAuditor */
.hero.noi-slider{isolation:isolate;background:#07182d;overflow:hidden;min-height:590px;display:flex;align-items:center}
.noi-slide-stack{position:absolute;inset:0;z-index:-2;pointer-events:none}
.noi-slide{position:absolute;inset:0;background-image:var(--slide-desktop);background-size:cover;background-position:center;opacity:0;transform:scale(1.035);transition:opacity 1s ease,transform 7s ease}
.noi-slide.is-active{opacity:1;transform:scale(1)}
.hero.noi-slider:before{z-index:-1;background:linear-gradient(90deg,rgba(4,19,39,var(--noi-overlay,.75)) 0%,rgba(4,19,39,.77) 43%,rgba(4,19,39,.26) 100%)}
.noi-slider .hero-grid{width:100%;position:relative;z-index:1}
.noi-slider-controls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;display:flex;gap:12px;align-items:center;background:#071a34b8;border:1px solid #ffffff55;border-radius:28px;padding:7px 12px;backdrop-filter:blur(8px)}
.noi-slider-controls button{cursor:pointer;color:white;background:transparent;border:0;font-size:25px;line-height:1;min-width:27px;min-height:28px}
.noi-slider-dots{display:flex;gap:8px}.noi-slider-dots button{border-radius:20px;background:#ffffff80;width:9px;height:9px;min-width:9px;min-height:9px;padding:0}.noi-slider-dots button.is-active{width:24px;background:#36d28c}
@media(max-width:850px){.hero.noi-slider{min-height:unset;padding:70px 0 90px}.noi-slide{background-image:var(--slide-mobile);background-position:center}.hero.noi-slider:before{background:linear-gradient(90deg,rgba(4,19,39,.94),rgba(4,19,39,.67))}.noi-slider-controls{bottom:12px}}
@media(prefers-reduced-motion:reduce){.noi-slide{transition:none;transform:none}}

/* RC v1.3: textos, botones y capa de iconos independientes por diapositiva */
.hero.noi-slider{display:flex;flex-direction:column;justify-content:center;min-height:650px;padding:72px 0 0}
.noi-slider .noi-hero-content{flex:1;display:flex;align-items:center;width:100%;padding-top:38px;padding-bottom:58px}
.noi-hero-copy{max-width:680px}.noi-slider .hero-grid{display:flex}
.noi-slider .hero h1,.noi-slider h1{font-size:clamp(36px,4.7vw,65px)}
.noi-slider [hidden]{display:none!important}
.noi-feature-overlay{width:100%;position:relative;z-index:2;background:color-mix(in srgb,var(--noi-feature-bg,#081c34) calc(var(--noi-feature-opacity,.83) * 100%),transparent);border-top:1px solid #ffffff35;backdrop-filter:blur(7px)}
.noi-feature-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-items:stretch;padding-top:17px;padding-bottom:23px}
.noi-feature-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 13px;color:#fff;font-size:13px;line-height:1.4;font-weight:650;border-right:1px solid #ffffff35}
.noi-feature-item:last-child{border-right:0}.noi-feature-item .dashicons{font-size:27px;width:30px;height:30px;flex:0 0 30px;color:#64e3ad}
.noi-slider-controls{bottom:auto;top:calc(100% - 148px);pointer-events:auto}
@media(max-width:1100px){.noi-feature-items{grid-template-columns:repeat(3,1fr)}.noi-feature-item:nth-child(3){border-right:0}.noi-feature-item{justify-content:flex-start}}
@media(max-width:850px){.hero.noi-slider{min-height:680px;padding:0}.noi-slider .noi-hero-content{padding-top:100px;padding-bottom:60px;min-height:500px}.noi-feature-items{grid-template-columns:repeat(2,1fr);padding-top:10px;padding-bottom:12px}.noi-feature-item:nth-child(3){border-right:1px solid #ffffff35}.noi-feature-item:nth-child(even){border-right:0}.noi-slider-controls{top:auto;bottom:12px}.noi-feature-overlay{padding-bottom:45px}.noi-slider .actions{gap:10px}}
@media(max-width:520px){.noi-slider .noi-hero-content{padding-top:65px;padding-bottom:30px;min-height:470px}.noi-slider h1{font-size:36px}.noi-slider p{font-size:15px}.noi-feature-item{font-size:11px;padding:7px 6px;gap:6px}.noi-feature-item .dashicons{font-size:20px;width:23px;height:23px;flex-basis:23px}.noi-slider .btn{padding:11px 12px;font-size:13px}}

/* RC 1.3.2: bloque oscuro libre por diapositiva, con difuminación configurable. */
.hero.noi-slider:before{display:none!important}
.noi-custom-overlay{position:absolute;z-index:-1;pointer-events:none;transition:left .4s ease,top .4s ease,width .4s ease,height .4s ease,opacity .4s ease,background-color .4s ease;}
@media(max-width:850px){.noi-custom-overlay{max-width:100%;max-height:100%}}

/* RC1.3.6: miniaturas fotográficas de soluciones */
.noi-installation-card{overflow:hidden}
.noi-installation-thumb{margin:-27px -27px 20px;aspect-ratio:16/9;background:#e7eef2;overflow:hidden}
.noi-installation-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.noi-installation-card:hover .noi-installation-thumb img{transform:scale(1.035)}
.noi-installation-card .noi-installation-thumb+h3{margin-top:0}
@media(prefers-reduced-motion:reduce){.noi-installation-thumb img{transition:none}.noi-installation-card:hover .noi-installation-thumb img{transform:none}}