.str-hero-media{position:absolute;inset:0 0 0 auto;width:min(64%,1050px);z-index:1;pointer-events:none;overflow:hidden;opacity:.52;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 22%,#000 58%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 22%,#000 58%)}
.str-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,7,.04),rgba(7,7,7,.55))}
.str-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.08)}
.str-security-note{display:flex;align-items:center;gap:.5rem;color:#8e8e8e;font-size:10px;letter-spacing:.08em;margin-top:.85rem}
.str-security-note svg{width:13px;height:13px;color:#d4af37;flex:none}
.str-form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:767px){.str-hero-media{width:100%;opacity:.24;mask-image:linear-gradient(to bottom,#000 0%,transparent 88%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 88%)}.str-hero-media img{object-position:65% center}}
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:767px){
  body{background-attachment:scroll!important}
  input,select,textarea{font-size:16px!important}
  .text-\[8px\],.text-\[9px\],.text-\[10px\]{font-size:.75rem!important;line-height:1rem!important}
  a[class*="py-3"],button[class*="py-3"],a[class*="py-4"],button[class*="py-4"]{min-height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-item,.reveal{animation:none!important;transition:none!important}}
/* iOS: evita el zoom automatico de Safari al enfocar un campo (font-size < 16px) */
@media(max-width:767px){input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:16px!important}}
/* iOS: 100vh incluye las barras del navegador y corta el hero; dvh usa el alto real */
@supports(height:100dvh){.min-h-screen{min-height:100dvh}.h-screen{height:100dvh}}
/* iOS/Android: background-attachment:fixed no se soporta bien y provoca parpadeos */
@media(max-width:767px){body{background-attachment:scroll!important}}
.str-results{padding:6rem 1.5rem;background:#080808;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.str-results-inner{width:min(1180px,100%);margin:0 auto}
.str-results-kicker{margin:0 0 .75rem;color:#d4af37;font-size:10px;font-weight:700;letter-spacing:.34em;text-transform:uppercase}
.str-results h2{margin:0;color:#fff;font:400 clamp(2rem,5vw,3.25rem)/1.08 Georgia,serif}
.str-results-intro{max-width:650px;margin:1rem 0 2.25rem;color:#a8a8a8;font-size:.9rem;line-height:1.7}
.str-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.str-result-card{position:relative;overflow:hidden;min-height:300px;background:#111;border:1px solid rgba(255,255,255,.08)}
.str-result-pair{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:300px}
.str-result-card img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;transition:transform .55s ease,filter .55s ease}
.str-result-card:hover img{transform:scale(1.025)}
.str-result-label{position:absolute;top:12px;padding:.45rem .65rem;background:rgba(5,5,5,.82);color:#f5f5f5;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;z-index:2}
.str-result-label.before{left:12px}.str-result-label.after{left:calc(50% + 12px)}
.str-result-caption{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1rem 1rem;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;z-index:2}
.str-result-full{display:block;height:100%;min-height:300px}
@media(max-width:767px){.str-results{padding:4.5rem 1rem}.str-results-grid{grid-template-columns:1fr}.str-result-card,.str-result-pair,.str-result-card img,.str-result-full{min-height:230px}.str-result-card img{max-height:330px}.str-results-intro{font-size:.84rem}}
.str-commercial-band{padding:5.5rem 1.5rem;background:linear-gradient(135deg,#d4af37,#a88931);color:#090909}.str-commercial-inner{width:min(1050px,100%);margin:auto;text-align:center}.str-commercial-inner>p{margin:0 0 .8rem;font-size:10px;font-weight:800;letter-spacing:.32em;text-transform:uppercase}.str-commercial-inner h2{margin:0;font:500 clamp(2.1rem,5vw,3.8rem)/1.08 Georgia,serif}.str-commercial-inner>span{display:block;max-width:720px;margin:1.2rem auto 2rem;line-height:1.7}.str-commercial-inner div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.str-commercial-inner a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border:1px solid #090909;color:#090909;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.str-commercial-inner a:first-child{background:#090909;color:#fff}@media(max-width:600px){.str-commercial-band{padding:4rem 1rem}.str-commercial-inner div{flex-direction:column}.str-commercial-inner a{width:100%}}
