.sf52-viewer-section{ padding:3.2rem 0 5rem; color:#edf4ff; background: radial-gradient(circle at 68% 10%,rgba(54,112,163,.17),transparent 35%), linear-gradient(180deg,#07192d 0%,#041222 100%); } .sf52-head{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr); gap:2.2rem; align-items:end; margin-bottom:1.5rem; } .sf52-head h2{ margin:.45rem 0 0; max-width:900px; font-size:clamp(2.4rem,5vw,5.1rem); line-height:.93; letter-spacing:-.05em; } .sf52-head p{ margin:0; color:#b4c5d8; font-size:1rem; line-height:1.78; } .sf52-shell{ overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:24px; background:rgba(4,19,36,.84); box-shadow:0 36px 90px rgba(0,0,0,.30); } .sf52-toolbar{ display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; padding:.9rem 1rem; border-bottom:1px solid rgba(255,255,255,.09); background:rgba(4,18,33,.82); backdrop-filter:blur(12px); } .sf52-toolbar button, .sf52-toolbar a{ appearance:none; padding:.68rem .92rem; border:1px solid rgba(255,255,255,.15); border-radius:9px; background:rgba(13,42,70,.72); color:#f2f7ff; font:inherit; font-size:.86rem; font-weight:750; cursor:pointer; text-decoration:none; transition:.18s ease; } .sf52-toolbar button:hover, .sf52-toolbar a:hover{ transform:translateY(-1px); border-color:rgba(255,255,255,.30); } .sf52-toolbar button.is-active{ border-color:var(--lc-accent,var(--theme-accent,#d97724)); background:color-mix(in srgb,var(--lc-accent,var(--theme-accent,#d97724)) 18%,#0b2745); } .sf52-toolbar .sf52-tech{ margin-left:auto; background:transparent; } .sf52-stage{ position:relative; min-height:670px; background: radial-gradient(circle at 50% 25%,rgba(47,93,137,.33),transparent 46%), linear-gradient(180deg,#0b2037 0%,#071727 62%,#061321 100%); } .sf52-stage canvas{ display:block; width:100%; height:100%; min-height:670px; } .sf52-status{ position:absolute; left:1.15rem; bottom:1.15rem; z-index:3; padding:.68rem .9rem; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(1,12,24,.76); color:#c9d7e8; font-size:.82rem; backdrop-filter:blur(12px); box-shadow:0 10px 30px rgba(0,0,0,.18); } .sf52-status[data-state="ready"]::before{ content:""; display:inline-block; width:.48rem; height:.48rem; margin-right:.52rem; border-radius:50%; background:#4bd38a; box-shadow:0 0 0 4px rgba(75,211,138,.10); } .sf52-caption{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border-top:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.07); } .sf52-caption article{ min-height:104px; padding:1.15rem 1.25rem; background:#071a2e; } .sf52-caption strong{ display:block; margin-bottom:.32rem; color:#fff; } .sf52-caption span{ color:#9fb2c7; font-size:.9rem; line-height:1.55; } .sf52-disclaimer{ max-width:1000px; margin:1rem 0 0; color:#8298b1; font-size:.82rem; line-height:1.6; } @media(max-width:900px){ .sf52-head{grid-template-columns:1fr} .sf52-toolbar .sf52-tech{margin-left:0} .sf52-stage,.sf52-stage canvas{min-height:500px} .sf52-caption{grid-template-columns:1fr} } .sf52-status{display:none !important;} .sf52-stage{ background: radial-gradient(circle at 50% 22%, rgba(54,111,163,.16), transparent 34%), linear-gradient(180deg,#0a223b 0%,#081a2d 56%,#071523 100%) !important; } .sf52-shell canvas{filter:none !important;} a[href*="#proyectos"] [data-count], a[href*="#proyectos"] .count, a[href*="#proyectos"] .counter, a[href*="#proyectos"] .index, a[href*="#proyectos"] .hero-counter, a[href*="#proyectos"] .project-number, button [data-count], button .count, button .counter, button .index, button .hero-counter, button .project-number{display:none !important;} .hero-cta [class*="count"], .hero-cta [class*="number"], .hero-cta [class*="index"], .hero-actions [class*="count"], .hero-actions [class*="number"], .hero-actions [class*="index"]{display:none !important;}