/* Shared HTML headers: photography is separate from readable page content. */
section.page-brand-hero { position:relative; isolation:isolate; display:block; min-height:0; padding:28px 32px; margin:12px auto 22px; overflow:hidden; border:1px solid #304c5b; border-radius:22px; background:#071c29; }
.page-brand-hero img.page-brand-photo { position:absolute; z-index:-2; inset:0 0 0 auto; width:49%!important; height:100%!important; max-width:none!important; margin:0!important; object-fit:cover!important; object-position:center 40%; }
.page-brand-hero::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#071c29 47%,#071c29d9 53%,#071c2966 60%,transparent 70%); pointer-events:none; }
.page-brand-copy { width:59%; position:relative; }
.contact-brand-page img.page-brand-photo { object-position:65% 35%; }
.page-brand-kicker { display:block; color:#ffb03d; font:750 10px/1.5 system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.page-brand-hero h1 { position:static; display:block; width:auto; height:auto; margin:13px 0 12px; padding:0; color:#fff; font:850 clamp(29px,3.5vw,43px)/1.06 system-ui,sans-serif; letter-spacing:-.035em; }
.page-brand-hero h1 em { color:#ffad30; font-style:normal; }
.page-brand-hero p { max-width:550px; color:#c5d4dd; margin:0; font:400 14px/1.55 system-ui,sans-serif; }
.page-brand-benefits { display:flex; flex-wrap:wrap; gap:10px 18px; list-style:none; padding:0; margin:18px 0 0; }
.page-brand-benefits li { display:flex; align-items:center; gap:7px; color:#d3e0e7; font:500 11px/1.4 system-ui,sans-serif; }
.page-brand-benefits li > span { display:grid; place-items:center; width:24px; height:24px; border:1px solid #ffac3066; border-radius:50%; color:#ffad30; background:#ffad3012; }
.page-brand-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:19px; }
.page-brand-actions a { display:inline-flex; align-items:center; justify-content:center; gap:17px; min-height:44px; padding:11px 18px; border-radius:12px; text-decoration:none; font:750 13px/1.3 system-ui,sans-serif; }
.page-brand-primary { color:#102331; background:linear-gradient(#ffbc4e,#ff9a1b); border:1px solid #ffc35b; }
.page-brand-secondary { color:#f4f7f9; border:1px solid #627d8f; background:#0b2434e6; }
.page-brand-actions a:hover { filter:brightness(1.12); }.page-brand-actions a:focus-visible { outline:3px solid white; outline-offset:3px; }
.page-brand-note { position:absolute; bottom:20px; right:20px; padding:12px 16px; border:1px solid #ffb33e80; background:#071722e8; border-radius:13px; color:#fff; }
.page-brand-note strong { display:block; font:700 12px/1.4 system-ui,sans-serif; }.page-brand-note span { display:block; margin-top:3px; color:#c7d5df; font:400 11px/1.4 system-ui,sans-serif; }
.blog-brand-page { min-height:334px!important; }
.blog-brand-page img.page-brand-photo { object-fit:cover!important; object-position:center 25%; width:51%!important; max-width:none!important; background:#071c29; -webkit-mask-image:linear-gradient(90deg,transparent,#000 28%); mask-image:linear-gradient(90deg,transparent,#000 28%); }
.blog-brand-page::after { background:linear-gradient(90deg,#071c29 48%,#071c2980 57%,transparent 66%); }
#servicios-listado { scroll-margin-top:110px; }
@media(max-width:760px) {
 section.page-brand-hero { width:calc(100% - 24px); margin:6px auto 16px; padding:18px 16px; border-radius:17px; }
 .page-brand-hero img.page-brand-photo { width:50%!important; opacity:1; }
 .page-brand-hero::after,.blog-brand-page::after { background:linear-gradient(90deg,#071c29 28%,#071c29c4 40%,#071c2940 62%,transparent 82%); }
 .page-brand-copy { width:100%; }
 .page-brand-kicker, .page-brand-hero h1, .page-brand-hero p, .page-brand-benefits { text-shadow:0 1px 3px #03111dee,0 0 12px #03111dcc; }
 .page-brand-kicker { font-size:8px; letter-spacing:.035em; max-width:90%; }
 .page-brand-hero h1 { max-width:86%; margin:10px 0; font-size:clamp(24px,6.7vw,29px); line-height:1.08; }
 .page-brand-hero p { max-width:85%; font-size:11px; line-height:1.5; }
 .page-brand-benefits { gap:9px; margin-top:13px; }.page-brand-benefits li { font-size:9px; gap:4px; }.page-brand-benefits li > span { width:17px; height:17px; }
 .page-brand-actions { gap:7px; flex-wrap:nowrap; margin-top:15px; }
 .page-brand-actions a { min-width:0; flex:1; padding:10px 8px; font-size:11px; gap:7px; }
 .page-brand-note { display:none; }
 section.blog-brand-page { display:block; min-height:192px!important; padding:19px 16px; }
 .blog-brand-page::after { display:block; background:linear-gradient(90deg,#071c29fa 0%,#071c29ec 30%,#071c29b8 55%,#071c2920 100%),linear-gradient(0deg,#071c2999,transparent 75%); }
 .blog-brand-page .page-brand-copy { width:100%; padding:0; }
 .blog-brand-page h1 { max-width:100%; margin:10px 0; font-size:25px; line-height:1.08; }
 .blog-brand-page p { max-width:85%; font-size:11px; line-height:1.5; margin:0; }
 .blog-brand-page img.page-brand-photo { position:absolute; inset:0 0 0 auto; z-index:-2; display:block; width:100%!important; max-width:none!important; height:100%!important; margin:0!important; object-fit:cover!important; object-position:right 20%; opacity:1; background:transparent; -webkit-mask-image:none; mask-image:none; }
 .blog-brand-page .page-brand-benefits { display:none; }
 .contact-brand-page .page-brand-benefits { display:none; }
}