/* SATE V6.0: approved editorial/layout controls. Mobile settings are independently adjustable. */
:root { --sate-shift-desktop:42px; --sate-shift-tablet:26px; --sate-shift-mobile:8px; --sate-heading-desktop:106px; --sate-heading-tablet:72px; --sate-heading-mobile:clamp(37px,9vw,58px); --sate-about-desktop:17px; --sate-about-mobile:16px; --sate-circle-size-desktop:148px; --sate-circle-size-mobile:102px; --sate-circle-top-desktop:14%; --sate-circle-top-mobile:17%; --sate-circle-right-desktop:5%; --sate-circle-right-mobile:5%; }
.sate-hero-section {position:relative;}
.sate-hero-section .sate-hero-content {transform:translateY(var(--sate-shift-desktop));transition:transform .25s ease;}
.sate-hero-section .sate-hero-h1 {font-size:clamp(50px,7.5vw,var(--sate-heading-desktop))!important;line-height:1.11!important;}
.sate-hero-section .sate-cta-acabado {display:none!important;}
.sate-hero-section .sate-3d-bubble {position:absolute;top:var(--sate-circle-top-desktop);right:var(--sate-circle-right-desktop);width:var(--sate-circle-size-desktop);aspect-ratio:1;border-radius:50%;z-index:8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center;background:rgba(14,17,19,.83);color:#fff!important;border:2px solid #c6a86c;box-shadow:0 8px 32px #0008,0 0 0 9px #c6a86c21;cursor:pointer;text-decoration:none!important;outline-offset:4px;animation:sateCircleBreathe 4.2s ease-in-out infinite;font-family:Inter,Arial,sans-serif;transition:background .2s,box-shadow .2s,scale .2s;}
.sate-hero-section .sate-3d-bubble:hover,.sate-hero-section .sate-3d-bubble:focus-visible {background:#171b1d;scale:1.04;box-shadow:0 8px 36px #0009,0 0 0 12px #c6a86c40;}
.sate-3d-bubble .sate-bubble-symbol {font-size:clamp(26px,2.3vw,40px);font-weight:850;letter-spacing:.04em;line-height:1;}
.sate-3d-bubble .sate-bubble-label {font-size:10px;letter-spacing:.19em;line-height:1.3;text-transform:uppercase;font-weight:700;max-width:85%;}
.sate-3d-bubble .sate-bubble-hint {font-size:9px;color:#d9c599;letter-spacing:.07em;}
@keyframes sateCircleBreathe {0%,100%{box-shadow:0 8px 32px #0008,0 0 0 5px #c6a86c28}50%{box-shadow:0 10px 38px #0009,0 0 0 12px #c6a86c12}}
@media (prefers-reduced-motion:reduce) {.sate-hero-section .sate-3d-bubble {animation:none;transition:none}}
.sate-about-desc {font-size:var(--sate-about-desktop)!important;line-height:1.8!important;letter-spacing:0!important;color:#454545!important;}
.sate-about-point-text {font-size:clamp(13px,1.05vw,15px)!important;line-height:1.6!important;color:#555!important;}
.sate-about-label {font-size:clamp(12px,1vw,15px)!important;letter-spacing:2.5px!important;color:#746445!important;}
.sate-about-text-col {max-width:750px;}
@media(max-width:1100px) {.sate-hero-section .sate-hero-content{transform:translateY(var(--sate-shift-tablet))}.sate-hero-section .sate-hero-h1{font-size:clamp(44px,7.5vw,var(--sate-heading-tablet))!important}.sate-3d-bubble{top:18%!important}}
@media(max-width:767px) {.sate-hero-section .sate-hero-content{transform:translateY(var(--sate-shift-mobile));padding-top:45px}.sate-hero-section .sate-hero-h1{font-size:var(--sate-heading-mobile)!important}.sate-hero-section .sate-3d-bubble{top:var(--sate-circle-top-mobile)!important;right:var(--sate-circle-right-mobile)!important;width:var(--sate-circle-size-mobile)!important;gap:2px}.sate-3d-bubble .sate-bubble-symbol{font-size:29px}.sate-3d-bubble .sate-bubble-label{font-size:8px}.sate-3d-bubble .sate-bubble-hint{display:none}.sate-about-desc{font-size:var(--sate-about-mobile)!important;line-height:1.75!important}.sate-about-wrap{padding:48px 22px!important;gap:26px!important}.sate-about-point-text{font-size:14px!important}}
.sate-studio-extra-gallery{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 12px 14px;max-width:100%;}.sate-studio-extra-gallery img,.sate-studio-extra-gallery video{width:min(65vw,260px);height:165px;object-fit:cover;scroll-snap-align:center;border-radius:6px;flex-shrink:0}.sate-studio-map-gallery{text-align:center;background:#181c1e;padding:8px;border-radius:4px;}

.sate-hero-bg{filter:brightness(.65);}
/* V6.2 fixes: honour each breakpoint, keep floating 3D visible, preserve motion control. */
@media(min-width:768px) and (max-width:1100px){
 .sate-hero-section .sate-3d-bubble{top:var(--sate-circle-top-tablet)!important;right:var(--sate-circle-right-tablet)!important;width:var(--sate-circle-size-tablet)!important}
}
@media(min-width:1101px){
 .sate-hero-section .sate-3d-bubble{top:var(--sate-circle-top-desktop)!important;right:var(--sate-circle-right-desktop)!important;width:var(--sate-circle-size-desktop)!important}
}
.sate-hero-section .sate-3d-bubble{box-sizing:border-box;max-width:28vw;max-height:28vw;}
@media(max-width:767px){.sate-hero-section .sate-3d-bubble{max-width:25vw;max-height:25vw;}}
.sate-hero-logo{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;}
.sate-hero-logo img{object-fit:contain;max-width:none;flex-shrink:0;}
@media(min-width:768px) and (max-width:1100px){.sate-about-desc{font-size:var(--sate-about-tablet)!important}}

/* Ajustes Hero V7.2: glow de la insignia 3D y CTA de acabados. */
.sate-hero-section .sate-cta-acabado{display:inline-flex!important;align-items:center;justify-content:center;gap:6px}
.sate-hero-section .sate-3d-bubble{animation:sateCircleGlow 3.4s ease-in-out infinite!important}
@keyframes sateCircleGlow{0%,100%{box-shadow:0 8px 30px #0009,0 0 0 5px #c6a86c2b,0 0 16px #c6a86c27}50%{box-shadow:0 10px 40px #000a,0 0 0 11px #c6a86c48,0 0 31px #e2c07888}}
@media(prefers-reduced-motion:reduce){.sate-hero-section .sate-3d-bubble{animation:none!important}}

/* V7.3: animate the whole circular badge (not just the outer glow). */
.sate-hero-section .sate-3d-bubble{animation:sateWholeBadgePulse 3.6s ease-in-out infinite!important;transform-origin:center center;will-change:transform}
@keyframes sateWholeBadgePulse{0%,100%{transform:scale(1);box-shadow:0 8px 30px #0009,0 0 0 5px #c6a86c2b}50%{transform:scale(1.085);box-shadow:0 10px 40px #000a,0 0 0 10px #c6a86c55,0 0 25px #e2c07866}}
@media(prefers-reduced-motion:reduce){.sate-hero-section .sate-3d-bubble{animation:none!important;will-change:auto}}