/* Dirección visual aprobada: verde profundo, escudo angular y naranja. */
:root{--accent:#ed7b32;--dark:#092b24;--paper:#f8f9f6}header{background:#092b24f5;color:#fff;border-bottom:1px solid #ffffff18}.top{background:#06241e}.brand{letter-spacing:-.6px;font-weight:400}.brand b{font-weight:800}.brand-light{font-weight:400}.brand small{letter-spacing:2.8px}.nav{min-height:84px}.links a[aria-current=page]{text-decoration-color:#ed7b32;text-decoration-thickness:2px}.nav>.btn{background:#c3471d}.eyebrow:before{border-radius:0;width:25px;height:2px;background:#ed7b32}.cinematic{position:relative;padding:62px 0 66px;background:linear-gradient(90deg,rgba(3,26,20,.97) 0%,rgba(3,26,20,.89) 34%,rgba(3,26,20,.48) 60%,rgba(3,26,20,.03) 100%),url('../img/segurprotect-tecnico-sin-logo-gorro.png') center 45%/cover no-repeat;color:white}.cinematic-copy{max-width:710px}.cinematic h1{font-size:clamp(40px,4.3vw,64px);letter-spacing:-.045em;line-height:1.1;margin:20px 0}.cinematic h1 em{font-style:normal;color:#ff974f}.cinematic .lead{max-width:580px;color:#edf3ee;font-size:18px}.cinematic .btn.outline{color:white;border-color:#e0e9e1;background:#05251e55}.hero-benefits{display:flex;gap:28px;font-size:12px;padding-top:12px}.hero-benefits span{border-left:2px solid #ed7b32;padding-left:12px;max-width:180px}.concept-label{position:absolute;right:14px;bottom:8px;background:#092b24c9;padding:3px 7px;border-radius:3px;color:#edf3ee;font-size:10px}.home-v2 .trust{display:none}section.space{padding:64px 0}.home-v2 #servicios .wrap{display:grid;grid-template-columns:.7fr 1.5fr;gap:35px;align-items:center}.home-v2 #servicios .section-head{display:block;margin:0}.home-v2 #servicios h2{font-size:34px}.home-v2 #servicios .section-head p{margin-top:18px;font-size:15px}.home-v2 #servicios .service img{height:190px}.service-body{padding:24px}.service-body h3{font-size:23px}.service-body p{font-size:15px}.service{border-radius:9px}.text-link{color:#a63b14}.btn.lime{background:#ed7b32;color:#102e28}.card{border-top:3px solid #ed7b32}.footer-grid h3{color:#ffa467}.menu{color:white;border-color:#ffffff55}.home-v2 #servicios{padding:38px 0}.home-v2 .dark{background:#092b24}.hero:not(.cinematic) h1{font-size:clamp(40px,4.4vw,64px)}
@media(max-width:1000px){.home-v2 #servicios .wrap{grid-template-columns:1fr}.home-v2 #servicios .section-head p{max-width:600px}.cinematic-copy{max-width:610px}.cinematic{background-position:65% center}}
@media(max-width:760px){.nav{min-height:74px}.links{background:#092b24}.cinematic{padding:38px 0 52px;background-image:linear-gradient(90deg,rgba(3,26,20,.94),rgba(3,26,20,.8)),url('../img/segurprotect-tecnico-sin-logo-gorro.png');background-position:70% center}.cinematic h1{font-size:40px}.cinematic .lead{font-size:16px}.hero-benefits{gap:14px;flex-wrap:wrap;font-size:11px}.hero-benefits span{max-width:145px}.concept-label{font-size:9px}.home-v2 #servicios h2{font-size:31px}.home-v2 #servicios .wrap{gap:24px}section.space{padding:45px 0}.brand{font-size:18px}.brand small{font-size:8px}.home-v2 #servicios .service img{height:210px}}

@media(min-width:1001px){.cinematic{background-position:center top}}


/* Logo vertical sin fondo y navegación adaptable. */
.brand-original{display:flex;align-items:center;justify-content:center;width:200px;height:106px;flex-shrink:0}.brand-original img{position:static;width:200px;height:106px;max-width:100%;object-fit:contain;clip-path:none}.nav{min-height:112px}.footer-grid .brand-original{width:240px;height:140px}.footer-grid .brand-original img{width:240px;height:140px}html{scroll-padding-top:130px}.hero-photo .photo-note{max-width:100%}.consult>*{min-width:0}.footer-grid>*{min-width:0}
@media(max-width:1100px){.nav{gap:14px}.links{gap:14px;font-size:12px}.nav>.btn{display:none}}
@media(max-width:760px){.nav{min-height:96px}.brand-original{width:170px;height:90px}.brand-original img{width:170px;height:90px}.links{top:96px;font-size:16px;max-height:calc(100dvh - 100px);overflow-y:auto}html{scroll-padding-top:110px}.consult .form-row{grid-template-columns:minmax(0,1fr)}.cinematic h1{font-size:clamp(32px,8vw,40px)}.hero-benefits{gap:12px}.hero-benefits span{flex:1;min-width:95px}.actions .btn{max-width:100%}.copyright{flex-wrap:wrap}.footer-grid{gap:24px}}

/* Cabecera: marca simplificada y CTA con proporción de navegación. */
header .brand-original{width:190px;height:90px}header .brand-original img{width:174px;height:87px}.nav{min-height:100px}.nav>.btn{min-height:44px;padding:10px 20px;gap:12px;border-radius:7px;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:.15px}.nav>.btn span{font-size:17px;line-height:1}.nav>.btn:hover{background:#a83916}@media(max-width:760px){header .brand-original{width:150px;height:78px}header .brand-original img{width:148px;height:74px}.nav{min-height:84px}.links{top:84px}}

.sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sales-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px}.sales-icon{display:flex;width:46px;height:46px;border-radius:10px;align-items:center;justify-content:center;background:#f8ede4;color:#a8491b;margin-bottom:20px}.sales-icon svg{width:27px;height:27px}.sales-card h3{font-size:22px;margin:0 0 14px}.sales-card p{font-size:15px;color:var(--muted);margin:0;line-height:1.75}.payment-note{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:32px;background:#e9eddf;border-radius:12px;margin-top:28px}.payment-note h3{margin:14px 0}.payment-note p{max-width:750px;font-size:14px;color:var(--muted);margin:0}.payment-note .btn{flex-shrink:0}@media(max-width:1000px){.sales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-note{align-items:start;flex-direction:column}}@media(max-width:600px){.sales-grid{grid-template-columns:minmax(0,1fr)}.sales-card{padding:24px}.payment-note{padding:24px}.sales-card h3{font-size:21px}}

/* Contacto: ilustración familiar completa, sin recortar rostros. */
.contact-family .hero-photo:not(.product-photo)>img{aspect-ratio:3/2;object-fit:contain}.contact-family .hero-photo .photo-tag{font-size:10px}.contact-family .hero h1{font-size:clamp(38px,4.2vw,60px)}.copyright{gap:24px;flex-wrap:wrap}.copyright>span:first-child{max-width:100%}

/* Etiqueta ilustrativa discreta, conservando contraste. */
.concept-label{font-size:9px;padding:2px 5px;right:10px;bottom:6px;line-height:1.3}@media(max-width:760px){.concept-label{font-size:8px;padding:2px 4px}}
