:root{
      --ink:#111820;
      --navy:#1976c9;
      --deep:#101820;
      --steel:#7b8c99;
      --silver:#e8eef3;
      --paper:#f5f8fb;
      --warm:#1976c9;
      --stone:#d5dde5;
      --white:#ffffff;
      --line:rgba(255,255,255,.16);
      --shadow:0 28px 90px rgba(0,0,0,.32);
      --radius:28px;
      --ease:cubic-bezier(.2,.8,.2,1);
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;color:var(--ink);background:var(--paper);overflow-x:hidden} a{color:inherit;text-decoration:none} img{max-width:100%}
    .noise{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
    .progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--warm),#fff);width:0;z-index:99}.cursor{position:fixed;width:28px;height:28px;border:1px solid rgba(255,255,255,.55);border-radius:50%;z-index:101;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .2s}
    header{position:fixed;top:18px;left:22px;right:22px;z-index:90;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(16,24,32,.72);backdrop-filter:blur(18px);box-shadow:0 18px 70px rgba(0,0,0,.2)}
    nav{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 18px;color:white}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em}.brand-logo{height:42px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}.brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fff,var(--silver) 45%,var(--warm));box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.navlinks{display:flex;align-items:center;gap:2px}.navlinks a{padding:12px 14px;border-radius:999px;font-size:13px;color:rgba(255,255,255,.78);transition:.25s var(--ease)}.navlinks a:hover{background:rgba(25,118,201,.26);color:#fff}.cta{background:#1976c9;color:white!important;font-weight:800;box-shadow:0 10px 28px rgba(25,118,201,.26)}.mobile{display:none}
    .hero{min-height:100svh;position:relative;isolation:isolate;background:var(--deep);color:white;display:grid;place-items:center;padding:130px 24px 70px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,rgba(25,118,201,.32),transparent 28%),radial-gradient(circle at 85% 20%,rgba(143,160,173,.28),transparent 32%),linear-gradient(115deg,rgba(6,16,27,.9),rgba(6,16,27,.45),rgba(6,16,27,.92));z-index:-2}.cinema{position:absolute;inset:-8%;z-index:-3;background:linear-gradient(45deg,transparent 0 18%,rgba(255,255,255,.08) 18% 19%,transparent 19% 38%,rgba(255,255,255,.05) 38% 40%,transparent 40%),conic-gradient(from 180deg at 50% 50%,#15263b,#1976c9,#e8eef3,#112033,#07111f,#15263b);filter:saturate(.92) contrast(1.1);animation:drift 18s linear infinite}.hero-grid{width:min(1360px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:end}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.32em;color:rgba(255,255,255,.64);margin-bottom:18px}.hero h1{font-size:clamp(62px,10vw,148px);line-height:.82;letter-spacing:-.08em;margin:0;max-width:880px}.hero h1 .thin{font-weight:260;color:rgba(255,255,255,.68)}.hero p{font-size:clamp(18px,2vw,27px);line-height:1.38;color:rgba(255,255,255,.72);max-width:690px;margin:30px 0 0}.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 20px;border-radius:999px;font-weight:800;border:1px solid rgba(255,255,255,.2);transition:.35s var(--ease)}.btn.primary{background:white;color:var(--deep)}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.22)}.showcase{height:620px;border-radius:42px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.04));backdrop-filter:blur(18px);box-shadow:var(--shadow);position:relative;overflow:hidden}.slab{position:absolute;border-radius:22px;box-shadow:0 26px 60px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.2);transform:rotate(var(--r)) translateZ(0);transition:.7s var(--ease)}.s1{width:58%;height:52%;left:8%;top:10%;--r:-8deg;background-image:url("R255-SE-Villa-Augusta.jpg");background-size:cover;background-position:center}.s2{width:47%;height:45%;right:7%;top:22%;--r:10deg;background-image:url("4994_-Pegaso-Elegante_03.jpg");background-size:cover;background-position:center}.s3{width:62%;height:34%;left:17%;bottom:9%;--r:2deg;background-image:url("K365-PW-Coast-Evoke-Oak-MP.jpg");background-size:cover;background-position:center}.showcase:hover .s1{transform:rotate(-3deg) translateY(-16px)}.showcase:hover .s2{transform:rotate(4deg) translateY(12px)}.showcase:hover .s3{transform:rotate(-2deg) translateY(-8px)}.scroll-note{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.5)}
    section{padding:110px 24px}.wrap{width:min(1360px,100%);margin:0 auto}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}.kicker{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#1976c9;font-weight:900}.title{font-size:clamp(42px,6vw,92px);line-height:.92;letter-spacing:-.065em;margin:14px 0 0}.lead{font-size:clamp(17px,1.8vw,23px);line-height:1.55;color:#41505d;max-width:760px}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.tile{min-height:250px;border-radius:30px;padding:24px;background:#fff;border:1px solid rgba(7,17,31,.08);box-shadow:0 20px 70px rgba(7,17,31,.08);position:relative;overflow:hidden;transition:.45s var(--ease)}.tile:before{content:"";position:absolute;inset:auto -20% -30% 20%;height:60%;background:radial-gradient(circle,rgba(25,118,201,.20),transparent 60%);transition:.45s var(--ease)}.tile:hover{transform:translateY(-10px)}.tile:hover:before{transform:scale(1.4)}.tile b{font-size:24px}.tile p{color:#687682;line-height:1.5}.tile small{position:absolute;bottom:22px;left:24px;font-weight:900;color:#1976c9}.dark{background:var(--deep);color:white;position:relative;overflow:hidden}.dark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 12%,rgba(25,118,201,.22),transparent 30%),radial-gradient(circle at 90% 60%,rgba(143,160,173,.18),transparent 28%)}.dark .wrap{position:relative}.applications{display:flex;gap:18px;overflow:auto;padding:36px 0 12px;scroll-snap-type:x mandatory}.app{flex:0 0 min(540px,82vw);height:590px;border-radius:38px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);padding:28px;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;position:relative;overflow:hidden}.app:before{content:"";position:absolute;inset:35% -20% -20% -20%;background:var(--g);filter:blur(0);opacity:.95}.app>*{position:relative}.app h3{font-size:46px;letter-spacing:-.05em;line-height:.95;margin:0}.app p{color:rgba(255,255,255,.72);max-width:340px;line-height:1.5}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 10px;color:rgba(255,255,255,.75)}
    .rocko{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.panel-demo{height:680px;border-radius:44px;background:#111;box-shadow:var(--shadow);position:relative;overflow:hidden}.water{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 35%),repeating-linear-gradient(105deg,rgba(255,255,255,.18) 0 2px,transparent 2px 12px);opacity:.55;animation:rain 2.8s linear infinite}.board{position:absolute;inset:11% 18%;border-radius:28px;background:linear-gradient(135deg,#d7d0c4,#f8f5ec 38%,#79736c 70%,#f2eee4);box-shadow:0 35px 90px rgba(0,0,0,.5);transform:perspective(900px) rotateY(-18deg) rotateX(8deg)}.board:after{content:"SPC · resistente al agua · rápido de instalar";position:absolute;left:22px;bottom:22px;color:#07111f;background:rgba(255,255,255,.72);padding:10px 12px;border-radius:999px;font-size:12px;font-weight:900}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.feature{padding:22px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.feature b{display:block;margin-bottom:7px}.feature span{color:rgba(255,255,255,.68);line-height:1.45}.studio{background:#fff}.studio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.bigcard{min-height:620px;border-radius:42px;padding:34px;background:linear-gradient(135deg,#0b1f33,#07111f);color:white;position:relative;overflow:hidden}.bigcard:after{content:"";position:absolute;right:-10%;bottom:-15%;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(25,118,201,.34),transparent 62%)}.sidecards{display:grid;gap:20px}.mini{border-radius:34px;padding:28px;min-height:300px;background:var(--paper);position:relative;overflow:hidden}.mini:nth-child(2){background:#dfe5e7}.num{font-size:84px;letter-spacing:-.08em;font-weight:900}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.project{height:420px;border-radius:32px;padding:24px;color:white;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8)),var(--g);transition:.45s var(--ease);overflow:hidden}.project:hover{transform:scale(1.025)}.project h3{font-size:28px;line-height:1;margin:0 0 8px}.project p{margin:0;color:rgba(255,255,255,.74)}.finder{border-radius:48px;background:var(--deep);color:white;padding:42px;box-shadow:var(--shadow);display:grid;grid-template-columns:.9fr 1.1fr;gap:36px}.finder input{width:100%;border:0;background:rgba(255,255,255,.08);color:white;border-radius:20px;padding:20px 22px;font-size:20px;outline:1px solid rgba(255,255,255,.12)}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag{padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);cursor:pointer}.result{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:24px;min-height:230px}.result h3{font-size:34px;letter-spacing:-.04em;margin:0 0 10px}.contact{padding-bottom:40px}.contact-box{min-height:580px;border-radius:52px;background:linear-gradient(135deg,#f8f4e8,#cfd9de);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding:54px;position:relative;overflow:hidden}.contact-box:before{content:"";position:absolute;right:-15%;top:-25%;width:60%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(11,31,51,.22),transparent 65%)}.contact-box h2{font-size:clamp(54px,8vw,120px);line-height:.86;letter-spacing:-.075em;margin:0}.contact-box p{font-size:22px;line-height:1.45;color:#42515d}.footer{padding:28px 24px 50px;color:#6b737a}.reveal{opacity:0;transform:translateY(26px);transition:1s var(--ease)}.reveal.on{opacity:1;transform:none}
    @keyframes drift{to{transform:rotate(360deg)}}@keyframes rain{to{background-position:0 90px,120px 180px}}
    @media (max-width:960px){.navlinks{display:none}.mobile{display:block}.hero-grid,.split,.rocko,.studio-grid,.finder,.contact-box{grid-template-columns:1fr}.showcase{height:470px}.matrix,.projects{grid-template-columns:1fr}.features{grid-template-columns:1fr}.hero h1{font-size:62px}.title{font-size:46px}section{padding:78px 18px}.contact-box{padding:30px}header{left:12px;right:12px;top:10px}.project{height:320px}}
  
.navlinks a.active{background:rgba(255,255,255,.18);color:#fff}.page-main{padding-top:0}.page-hero{min-height:72svh}.page-section{min-height:calc(100svh - 120px)}
body.simple-page main{padding-top:0}.backlink{margin-top:26px}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}.catalog-card{border-radius:34px;background:#fff;padding:28px;box-shadow:0 20px 70px rgba(7,17,31,.08);border:1px solid rgba(7,17,31,.08)}.catalog-card h3{font-size:34px;letter-spacing:-.04em;margin:0 0 10px}.catalog-card p{color:#52616e;line-height:1.55}.nav-spacer{height:92px}@media(max-width:960px){.catalog-grid{grid-template-columns:1fr}}

/* Contact page extended */
.contact-premium{padding-top:130px}
.contact-expanded{align-items:stretch;min-height:auto}
.contact-expanded:after{content:"";position:absolute;left:-18%;bottom:-28%;width:52%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(25,118,201,.22),transparent 64%);pointer-events:none}
.contact-intro,.contact-form-panel{position:relative;z-index:1}
.contact-intro{display:flex;flex-direction:column;justify-content:space-between;gap:34px}
.contact-intro p{max-width:680px}
.contact-data-card{border-radius:32px;background:rgba(255,255,255,.56);border:1px solid rgba(7,17,31,.08);padding:28px;box-shadow:0 22px 70px rgba(7,17,31,.08);backdrop-filter:blur(14px)}
.contact-label{display:block;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:#1976c9;font-weight:900;margin-bottom:12px}
.contact-data-card strong{display:block;font-size:28px;letter-spacing:-.04em;color:var(--deep);margin-bottom:8px}
.contact-data-card p{font-size:17px;line-height:1.55;margin:0 0 18px;color:#42515d}
.contact-links{display:grid;gap:10px}
.contact-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(7,17,31,.08);font-weight:800;color:var(--deep);transition:.28s var(--ease)}
.contact-links a:hover{transform:translateX(6px);background:#fff}
.contact-form-panel{border-radius:38px;background:rgba(6,16,27,.92);padding:28px;color:white;box-shadow:0 28px 90px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.12)}
.contact-form{display:grid;gap:16px}
.form-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:8px}
.form-head span{font-size:30px;font-weight:900;letter-spacing:-.04em}
.form-head small{color:rgba(255,255,255,.55);text-align:right;line-height:1.35}
.contact-form label{display:grid;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62);font-weight:900}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:white;border-radius:18px;padding:15px 16px;font:inherit;outline:none;transition:.25s var(--ease)}
.contact-form select option{color:var(--deep)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(25,118,201,.72);background:rgba(255,255,255,.12)}
.contact-form textarea{resize:vertical;min-height:130px}
.form-note{font-size:13px!important;color:rgba(255,255,255,.55)!important;line-height:1.45!important;margin:0!important}
.legal-section{padding:34px 24px 90px}
.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.legal-card{border-radius:30px;background:#fff;padding:28px;border:1px solid rgba(7,17,31,.08);box-shadow:0 18px 60px rgba(7,17,31,.06)}
.legal-card h3{font-size:28px;letter-spacing:-.04em;margin:0 0 12px;color:var(--deep)}
.legal-card p{color:#52616e;line-height:1.58;margin:0}
@media(max-width:960px){.contact-premium{padding-top:96px}.contact-expanded{grid-template-columns:1fr}.form-head{display:block}.form-head small{display:block;text-align:left;margin-top:6px}.legal-grid{grid-template-columns:1fr}.contact-links a{border-radius:20px;align-items:flex-start;justify-content:flex-start}}

/* TopSurface brand refinement */
header{border-color:rgba(25,118,201,.28)}
.progress{background:linear-gradient(90deg,#1976c9,#ffffff)}
.hero:before{background:radial-gradient(circle at 15% 25%,rgba(25,118,201,.32),transparent 28%),radial-gradient(circle at 85% 20%,rgba(232,238,243,.22),transparent 32%),linear-gradient(115deg,rgba(16,24,32,.94),rgba(16,24,32,.52),rgba(16,24,32,.94));}
.cinema{background:linear-gradient(45deg,transparent 0 18%,rgba(255,255,255,.08) 18% 19%,transparent 19% 38%,rgba(255,255,255,.05) 38% 40%,transparent 40%),conic-gradient(from 180deg at 50% 50%,#101820,#1976c9,#e8eef3,#172634,#101820,#1976c9);}
.btn.primary{background:#1976c9;color:white}.btn.primary:hover{box-shadow:0 18px 42px rgba(25,118,201,.28)}
.tile small,.contact-label,.kicker{color:#1976c9}.contact-data-card strong,.legal-card h3{color:#101820}
@media(max-width:960px){.brand-logo{height:36px}}


/* Ajuste específico de la página principal para que la primera sección entre mejor en pantalla */
.home-page .hero{
  min-height:100svh;
  padding:104px 22px 36px;
}
.home-page .hero-grid{
  grid-template-columns:1.05fr .85fr;
  gap:36px;
  align-items:center;
}
.home-page .hero h1{
  font-size:clamp(48px,7.8vw,112px);
}
.home-page .hero p{
  font-size:clamp(16px,1.5vw,22px);
  margin-top:22px;
}
.home-page .hero-actions{
  margin-top:24px;
}
.home-page .showcase{
  height:min(54vh,520px);
}
.home-page .scroll-note{
  bottom:16px;
}
@media (max-width:960px){
  .home-page .hero{
    padding:98px 18px 32px;
  }
  .home-page .showcase{
    height:340px;
  }
}
/* Vídeo de fondo en portada index */
.home-page .hero .hero-video-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-3;
  opacity:.92;
  filter:saturate(.92) contrast(1.06);
  animation:none;
  background:#101820;
}


/* Inspiración background with subtle zoom-out */
#inspiracion{position:relative;overflow:hidden;isolation:isolate}
#inspiracion::before{content:"";position:absolute;inset:0;background-image:url("inspiracion-bg.png");background-size:cover;background-position:center;transform:scale(1.08);animation:inspiracionZoomOut 14s ease-out forwards;z-index:-2}
#inspiracion::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,17,31,.62),rgba(7,17,31,.38) 30%,rgba(248,244,232,.24) 100%);z-index:-1}
#inspiracion .wrap{position:relative;z-index:1}
#inspiracion .kicker,#inspiracion .title,#inspiracion .lead{color:#fff}
#inspiracion .kicker{color:rgba(255,255,255,.72)}
#inspiracion .tile{background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.18)}
#inspiracion .tile p{color:rgba(255,255,255,.84)}
#inspiracion .tile small{color:rgba(255,255,255,.62)}
@keyframes inspiracionZoomOut{from{transform:scale(1.08)}to{transform:scale(1)}}


/* Fondos por columna en Inspiración aplicada */
.projects .project{background-size:cover;background-position:center;background-repeat:no-repeat}
.projects .project:nth-child(1){background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78)),url("innovacion-sostenible.jpg") center/cover no-repeat}
.projects .project:nth-child(2){background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78)),url("tendencias-tecnologia.jpg") center/cover no-repeat}
.projects .project:nth-child(3){background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.80)),url("alianzas-internacionales.jpg") center/cover no-repeat}
.projects .project:nth-child(4){background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.72)),url("soluciones-a-medida.jpg") center/cover no-repeat}


/* Paleta clara global inspirada en Contact */
body.simple-page{
  background:linear-gradient(135deg,#f8f4e8 0%,#e8eef3 48%,#f5f8fb 100%);
  color:var(--deep);
}
header{
  background:rgba(255,255,255,.84)!important;
  border-color:rgba(7,17,31,.08)!important;
  box-shadow:0 18px 70px rgba(7,17,31,.10)!important;
}
nav{color:var(--deep)!important}
.brand-logo{filter:drop-shadow(0 8px 18px rgba(7,17,31,.10))}
.navlinks a{color:rgba(16,24,32,.72)!important}
.navlinks a:hover{background:rgba(25,118,201,.10)!important;color:#101820!important}
.navlinks a.active{background:rgba(25,118,201,.13)!important;color:#101820!important}
.navlinks a.cta{background:#1976c9!important;color:#fff!important;box-shadow:0 10px 28px rgba(25,118,201,.22)!important}
.mobile{color:#101820}
.cursor{border-color:rgba(16,24,32,.34)}
.footer{color:#687682}

section:not(.hero):not(.contact-premium):not(.legal-section){
  background:transparent;
}
.dark{
  background:linear-gradient(135deg,#f8f4e8,#cfd9de)!important;
  color:#101820!important;
}
.dark:before{
  background:radial-gradient(circle at 15% 12%,rgba(25,118,201,.14),transparent 32%),radial-gradient(circle at 90% 60%,rgba(255,255,255,.56),transparent 30%)!important;
}
.dark .title,.dark .kicker,.dark .lead,.dark h2,.dark h3{color:#101820!important}
.dark .lead,.dark p{color:#42515d!important}
.app{
  background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.48))!important;
  border:1px solid rgba(7,17,31,.08)!important;
  color:#101820!important;
  box-shadow:0 20px 70px rgba(7,17,31,.08);
}
.app:before{opacity:.32!important}
.app p{color:#42515d!important}
.chip{border-color:rgba(7,17,31,.10)!important;color:#42515d!important;background:rgba(255,255,255,.58)}

.finder{
  background:linear-gradient(135deg,#f8f4e8,#cfd9de)!important;
  color:#101820!important;
  border:1px solid rgba(7,17,31,.08);
  box-shadow:0 28px 90px rgba(7,17,31,.10);
}
.finder input{
  background:rgba(255,255,255,.72)!important;
  color:#101820!important;
  outline:1px solid rgba(7,17,31,.08)!important;
}
.finder input::placeholder{color:rgba(16,24,32,.48)}
.result,.tag{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(7,17,31,.08)!important;
  color:#101820!important;
}
.result p,.result div{color:#42515d!important}

.studio,.catalog-card,.legal-card{
  background:rgba(255,255,255,.78)!important;
}
.bigcard{
  background:linear-gradient(135deg,#f8f4e8,#cfd9de)!important;
  color:#101820!important;
  border:1px solid rgba(7,17,31,.08);
  box-shadow:0 28px 90px rgba(7,17,31,.10);
}
.bigcard .lead,.bigcard p{color:#42515d!important}
.mini{
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(7,17,31,.08);
  box-shadow:0 18px 60px rgba(7,17,31,.06);
}
.panel-demo{box-shadow:0 28px 90px rgba(7,17,31,.16)}
.feature{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(7,17,31,.08)!important;
  color:#101820!important;
}
.feature span{color:#42515d!important}

.home-page .hero:before{
  background:linear-gradient(115deg,rgba(16,24,32,.56),rgba(16,24,32,.22),rgba(16,24,32,.62))!important;
}
.home-page .hero .hero-video-bg{opacity:.86}
.home-page .showcase{
  border-color:rgba(255,255,255,.34);
  background:linear-gradient(160deg,rgba(255,255,255,.30),rgba(255,255,255,.08));
}


/* Menú: texto oscuro más intenso */
nav{color:#07111f!important}
.navlinks a{color:#07111f!important;font-weight:800}
.navlinks a:hover{background:rgba(25,118,201,.12)!important;color:#020711!important}
.navlinks a.active{background:rgba(25,118,201,.16)!important;color:#020711!important}
.mobile{color:#07111f!important;font-weight:800}


/* Catálogo impreso */
.catalog-print-hero{padding-top:150px!important}
.catalog-print-grid{display:grid;grid-template-columns:1.05fr .72fr;gap:56px;align-items:center}
.catalog-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.catalog-actions .btn{border-color:rgba(7,17,31,.12)!important}.catalog-actions .btn:not(.primary){background:rgba(255,255,255,.58);color:#07111f!important}
.catalog-cover{display:block;border-radius:38px;overflow:hidden;box-shadow:0 30px 90px rgba(7,17,31,.18);border:1px solid rgba(7,17,31,.08);background:#fff;transform:rotate(1.4deg);transition:.45s var(--ease)}.catalog-cover:hover{transform:rotate(0deg) translateY(-8px)}.catalog-cover img{width:100%;height:auto;display:block}.catalog-families{padding-top:100px}.catalog-print-cards{grid-template-columns:repeat(3,1fr)}.catalog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.catalog-tags span{font-size:12px;font-weight:800;color:#1976c9;background:rgba(25,118,201,.10);border:1px solid rgba(25,118,201,.16);border-radius:999px;padding:8px 10px}.catalog-preview-section{background:transparent}.print-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.print-page{background:rgba(255,255,255,.80);border:1px solid rgba(7,17,31,.08);border-radius:30px;box-shadow:0 22px 70px rgba(7,17,31,.08);overflow:hidden;transition:.45s var(--ease)}.print-page:hover{transform:translateY(-8px)}.print-page img{width:100%;height:auto;object-fit:contain;object-position:center center;display:block}.print-page h3{font-size:19px;letter-spacing:-.025em;margin:0;padding:18px;color:#07111f}.catalog-pdf-viewer{padding-top:92px}.pdf-frame{height:78vh;border-radius:38px;overflow:hidden;background:#fff;border:1px solid rgba(7,17,31,.10);box-shadow:0 30px 90px rgba(7,17,31,.12)}.pdf-frame iframe{width:100%;height:100%;border:0;background:#fff}@media(max-width:1100px){.catalog-print-grid{grid-template-columns:1fr}.catalog-print-cards{grid-template-columns:repeat(2,1fr)}.print-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.catalog-print-cards,.print-preview-grid{grid-template-columns:1fr}.pdf-frame{height:70vh}.catalog-cover{transform:none}}


/* Mobiliario Contract */
.contract-page main{padding-top:0}
.contract-hero{padding-top:150px!important;padding-bottom:92px;background:linear-gradient(135deg,#f8f4e8 0%,#e8eef3 52%,#f5f8fb 100%)}
.contract-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
.contract-copy .lead{max-width:720px}.contract-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.contract-actions .btn{border-color:rgba(7,17,31,.12)!important}.contract-actions .btn:not(.primary){background:rgba(255,255,255,.68);color:#07111f!important}
.contract-visual{position:relative;border-radius:46px;overflow:hidden;min-height:620px;box-shadow:0 32px 90px rgba(7,17,31,.16);border:1px solid rgba(7,17,31,.08);background:#fff}.contract-visual img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center;display:block;transform:scale(1.02)}.contract-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,31,.02),rgba(7,17,31,.34))}.contract-floating-card{position:absolute;left:28px;bottom:28px;right:28px;z-index:2;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.58);backdrop-filter:blur(14px);padding:22px;display:flex;align-items:end;justify-content:space-between;gap:20px;box-shadow:0 18px 60px rgba(7,17,31,.18)}.contract-floating-card strong{font-size:64px;line-height:.8;letter-spacing:-.08em;color:#1976c9}.contract-floating-card span{font-weight:900;color:#07111f;text-align:right}
.contract-services,.contract-zones,.contract-process,.contract-materials{background:transparent}.contract-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.contract-service{min-height:320px;border-radius:32px;padding:26px;background:rgba(255,255,255,.76);border:1px solid rgba(7,17,31,.08);box-shadow:0 22px 70px rgba(7,17,31,.08);transition:.45s var(--ease);position:relative;overflow:hidden}.contract-service:before{content:"";position:absolute;right:-26%;bottom:-30%;width:72%;height:56%;border-radius:50%;background:radial-gradient(circle,rgba(25,118,201,.16),transparent 62%)}.contract-service:hover{transform:translateY(-8px)}.contract-service span{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:#1976c9;color:white;font-weight:900;margin-bottom:30px}.contract-service h3{font-size:27px;line-height:1;letter-spacing:-.04em;margin:0 0 12px;color:#07111f}.contract-service p{color:#52616e;line-height:1.55;margin:0;position:relative}
.contract-zone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.contract-zone{height:520px;border-radius:34px;overflow:hidden;position:relative;color:white;box-shadow:0 24px 80px rgba(7,17,31,.14);transition:.45s var(--ease);background:#101820}.contract-zone:hover{transform:translateY(-8px)}.contract-zone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:.7s var(--ease)}.contract-zone:hover img{transform:scale(1.06)}.contract-zone:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,31,.06),rgba(7,17,31,.78))}.contract-zone div{position:absolute;left:24px;right:24px;bottom:24px;z-index:2}.contract-zone h3{font-size:31px;line-height:.95;letter-spacing:-.05em;margin:0 0 10px}.contract-zone p{margin:0;color:rgba(255,255,255,.82);line-height:1.45}
.contract-process-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start}.contract-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contract-step{background:rgba(255,255,255,.76);border:1px solid rgba(7,17,31,.08);box-shadow:0 20px 70px rgba(7,17,31,.07);border-radius:30px;padding:28px;min-height:220px}.contract-step small{font-weight:900;color:#1976c9;letter-spacing:.22em}.contract-step b{display:block;font-size:29px;letter-spacing:-.045em;margin:28px 0 10px;color:#07111f}.contract-step p{margin:0;color:#52616e;line-height:1.5}.contract-material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.contract-material{border-radius:30px;padding:26px;background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.56));border:1px solid rgba(7,17,31,.08);box-shadow:0 20px 70px rgba(7,17,31,.07);min-height:230px}.contract-material b{font-size:24px;line-height:1;letter-spacing:-.035em;color:#07111f}.contract-material p{color:#52616e;line-height:1.55;margin:18px 0 0}
@media(max-width:1180px){.contract-hero-grid,.contract-process-wrap{grid-template-columns:1fr}.contract-service-grid,.contract-zone-grid,.contract-material-grid{grid-template-columns:repeat(2,1fr)}.contract-visual,.contract-visual img{min-height:520px}}
@media(max-width:720px){.contract-hero{padding-top:112px!important}.contract-service-grid,.contract-zone-grid,.contract-steps,.contract-material-grid{grid-template-columns:1fr}.contract-zone{height:420px}.contract-visual,.contract-visual img{min-height:420px}.contract-floating-card{display:block}.contract-floating-card span{display:block;text-align:left;margin-top:10px}.contract-floating-card strong{font-size:54px}}

/* Rocko rediseñado */
.rocko-page .page-main{padding-top:0}
.rocko-showcase{padding-top:150px!important;padding-bottom:92px;background:linear-gradient(135deg,#f8f4e8 0%,#e8eef3 52%,#f5f8fb 100%);position:relative;overflow:hidden}
.rocko-showcase:before{content:"";position:absolute;inset:auto -12% -38% auto;width:62%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(25,118,201,.16),transparent 62%);pointer-events:none}
.rocko-hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:56px;align-items:center;position:relative;z-index:1}
.rocko-copy .title{font-size:clamp(54px,7.2vw,112px)}
.rocko-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.rocko-actions .btn{border-color:rgba(7,17,31,.12)!important}.rocko-actions .btn:not(.primary){background:rgba(255,255,255,.68);color:#07111f!important}
.rocko-specs{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.rocko-specs span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1976c9;background:rgba(25,118,201,.10);border:1px solid rgba(25,118,201,.16);border-radius:999px;padding:10px 12px}
.rocko-video-card{border-radius:46px;overflow:hidden;background:#07111f;box-shadow:0 32px 90px rgba(7,17,31,.16);border:1px solid rgba(7,17,31,.08);min-height:540px;position:relative}.rocko-video-card video{width:100%;height:100%;min-height:540px;object-fit:cover;display:block;background:#07111f}
.rocko-benefits,.rocko-video-section,.rocko-collections-section,.rocko-catalog-section{background:transparent}.rocko-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.rocko-benefit{min-height:260px;border-radius:30px;padding:26px;background:rgba(255,255,255,.76);border:1px solid rgba(7,17,31,.08);box-shadow:0 22px 70px rgba(7,17,31,.08);transition:.45s var(--ease);position:relative;overflow:hidden}.rocko-benefit:before{content:"";position:absolute;right:-28%;bottom:-35%;width:76%;height:62%;border-radius:50%;background:radial-gradient(circle,rgba(25,118,201,.13),transparent 62%)}.rocko-benefit:hover{transform:translateY(-8px)}.rocko-benefit span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#1976c9;color:white;font-weight:900;margin-bottom:28px}.rocko-benefit b{display:block;font-size:28px;line-height:1;letter-spacing:-.04em;color:#07111f;margin-bottom:12px}.rocko-benefit p{position:relative;margin:0;color:#52616e;line-height:1.55}
.rocko-video-wide{border-radius:44px;overflow:hidden;background:#07111f;box-shadow:0 32px 90px rgba(7,17,31,.16);border:1px solid rgba(7,17,31,.08);margin-top:38px}.rocko-video-wide video{width:100%;height:auto;max-height:78vh;display:block;background:#07111f}
.rocko-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.rocko-collection-card{background:rgba(255,255,255,.80);border:1px solid rgba(7,17,31,.08);border-radius:34px;overflow:hidden;box-shadow:0 22px 70px rgba(7,17,31,.08);transition:.45s var(--ease)}.rocko-collection-card:hover{transform:translateY(-8px)}.rocko-collection-card img{width:100%;height:auto;object-fit:contain;object-position:center center;display:block;background:#fff}.rocko-collection-card div{padding:24px}.rocko-collection-card small{font-weight:900;color:#1976c9;letter-spacing:.18em;text-transform:uppercase}.rocko-collection-card h3{font-size:31px;letter-spacing:-.045em;line-height:1;margin:12px 0 10px;color:#07111f}.rocko-collection-card p{margin:0;color:#52616e;line-height:1.5}
.rocko-catalog-grid{display:grid;grid-template-columns:.74fr 1.26fr;gap:56px;align-items:center;margin-bottom:44px}.rocko-catalog-cover{border-radius:38px;overflow:hidden;background:#fff;border:1px solid rgba(7,17,31,.08);box-shadow:0 30px 90px rgba(7,17,31,.14);transform:rotate(-1.2deg);transition:.45s var(--ease)}.rocko-catalog-cover:hover{transform:rotate(0deg) translateY(-8px)}.rocko-catalog-cover img{width:100%;height:auto;display:block}.rocko-pdf-frame{height:78vh;border-radius:38px;overflow:hidden;background:#fff;border:1px solid rgba(7,17,31,.10);box-shadow:0 30px 90px rgba(7,17,31,.12)}.rocko-pdf-frame iframe{width:100%;height:100%;border:0;background:#fff}
@media(max-width:1180px){.rocko-hero-grid,.rocko-catalog-grid{grid-template-columns:1fr}.rocko-benefit-grid,.rocko-collection-grid{grid-template-columns:repeat(2,1fr)}.rocko-video-card,.rocko-video-card video{min-height:460px}}
@media(max-width:720px){.rocko-showcase{padding-top:112px!important}.rocko-benefit-grid,.rocko-collection-grid{grid-template-columns:1fr}.rocko-video-card,.rocko-video-card video{min-height:320px}.rocko-pdf-frame{height:70vh}.rocko-catalog-cover{transform:none}}


/* Ajuste sección inicial Rocko: contenido completo visible en pantalla */
.rocko-showcase{min-height:100svh;padding-top:118px!important;padding-bottom:34px!important;display:flex;align-items:center}
.rocko-hero-grid{gap:38px}
.rocko-copy .title{font-size:clamp(42px,5.8vw,88px);line-height:.88}
.rocko-copy .lead{font-size:clamp(17px,1.55vw,21px);line-height:1.42;margin-top:18px}
.rocko-actions{margin-top:22px}.rocko-specs{margin-top:18px}
.rocko-video-card{min-height:420px}.rocko-video-card video{min-height:420px}
@media(max-width:1180px){.rocko-showcase{min-height:auto;padding-top:118px!important;padding-bottom:58px!important}.rocko-video-card,.rocko-video-card video{min-height:400px}}
@media(max-width:720px){.rocko-showcase{padding-top:104px!important;padding-bottom:48px!important}.rocko-copy .title{font-size:44px}.rocko-video-card,.rocko-video-card video{min-height:300px}}

/* Ajuste compacto Rocko: portada completa en pantalla y menos separación entre secciones */
.rocko-page .rocko-showcase{
  min-height:100svh;
  padding-top:96px!important;
  padding-bottom:22px!important;
  display:flex;
  align-items:center;
}
.rocko-page .rocko-hero-grid{
  gap:30px;
  align-items:center;
}
.rocko-page .rocko-copy .title{
  font-size:clamp(36px,4.55vw,70px);
  line-height:.9;
  margin-top:10px;
  max-width:760px;
}
.rocko-page .rocko-copy .lead{
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.36;
  margin-top:14px;
  max-width:680px;
}
.rocko-page .rocko-actions{
  margin-top:16px;
}
.rocko-page .rocko-actions .btn{
  padding:12px 17px;
}
.rocko-page .rocko-specs{
  margin-top:12px;
  gap:8px;
}
.rocko-page .rocko-specs span{
  font-size:11px;
  padding:8px 10px;
}
.rocko-page .rocko-video-card{
  min-height:0;
  height:clamp(300px,42svh,420px);
  border-radius:36px;
}
.rocko-page .rocko-video-card video{
  min-height:0;
  height:100%;
}
.rocko-page section:not(.rocko-showcase){
  padding-top:66px!important;
  padding-bottom:66px!important;
}
.rocko-page .rocko-benefit-grid,
.rocko-page .rocko-collection-grid,
.rocko-page .rocko-video-wide{
  margin-top:28px;
}
.rocko-page .rocko-benefit{
  min-height:220px;
}
.rocko-page .rocko-catalog-grid{
  margin-bottom:30px;
}
@media(max-width:1180px){
  .rocko-page .rocko-showcase{
    min-height:auto;
    padding-top:106px!important;
    padding-bottom:42px!important;
  }
  .rocko-page .rocko-video-card,
  .rocko-page .rocko-video-card video{
    height:auto;
    min-height:340px;
  }
  .rocko-page section:not(.rocko-showcase){
    padding-top:58px!important;
    padding-bottom:58px!important;
  }
}
@media(max-width:720px){
  .rocko-page .rocko-showcase{
    padding-top:98px!important;
    padding-bottom:34px!important;
  }
  .rocko-page .rocko-copy .title{
    font-size:38px;
  }
  .rocko-page .rocko-video-card,
  .rocko-page .rocko-video-card video{
    min-height:260px;
  }
  .rocko-page section:not(.rocko-showcase){
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
}


/* Ajuste específico catálogo: portada completa en pantalla */
.catalog-print-hero{
  min-height:calc(100svh - 92px);
  padding-top:112px!important;
  padding-bottom:34px!important;
  display:grid;
  align-items:center;
}
.catalog-print-grid{
  align-items:center;
}
.catalog-print-hero .catalog-cover{
  width:min(100%,430px);
  max-height:calc(100svh - 170px);
  justify-self:center;
}
.catalog-print-hero .catalog-cover img{
  width:100%;
  height:auto;
  max-height:calc(100svh - 170px);
  object-fit:contain;
  object-position:center;
}
@media(max-width:1100px){
  .catalog-print-hero{min-height:auto;padding-top:116px!important;padding-bottom:48px!important}
  .catalog-print-hero .catalog-cover{width:min(100%,390px);max-height:none}
  .catalog-print-hero .catalog-cover img{max-height:none}
}

/* Ajuste portada Mobiliario Contract: texto e imagen visibles al cargar */
.contract-page .contract-hero{
  min-height:100svh;
  padding-top:104px!important;
  padding-bottom:26px!important;
  display:flex;
  align-items:flex-start;
}
.contract-page .contract-hero-grid{
  align-items:flex-start;
  gap:44px;
}
.contract-page .contract-copy{
  padding-top:10px;
}
.contract-page .contract-actions{
  margin-top:24px;
}
.contract-page .contract-visual{
  min-height:0!important;
  height:clamp(330px,48svh,500px);
  border-radius:40px;
}
.contract-page .contract-visual img{
  min-height:0!important;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  transform:scale(1.01);
}
@media(max-width:1180px){
  .contract-page .contract-hero{
    min-height:auto;
    padding-top:104px!important;
    padding-bottom:40px!important;
  }
  .contract-page .contract-visual,
  .contract-page .contract-visual img{
    height:auto;
    min-height:360px!important;
  }
}
@media(max-width:720px){
  .contract-page .contract-hero{
    padding-top:96px!important;
    padding-bottom:34px!important;
  }
  .contract-page .contract-visual,
  .contract-page .contract-visual img{
    min-height:280px!important;
  }
}


/* Buscar material · catálogo por familias */
.material-catalog-page .page-main{padding-top:120px}.material-catalog-page #finder{padding:38px 0 54px}.material-browser{align-items:stretch}.material-browser-copy{display:flex;flex-direction:column}.material-selectors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.material-selectors label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.58);font-weight:900}.material-selectors select{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:white;border-radius:16px;padding:16px 14px;font-size:15px;outline:0}.material-selectors option{color:#07111f}.material-result{display:grid;grid-template-columns:.9fr 1fr;gap:20px;align-items:center;min-height:360px}.material-preview-frame{height:330px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 50px rgba(0,0,0,.18)}.material-preview-frame img{width:100%;height:100%;object-fit:cover;display:block}.material-result-copy span{display:inline-flex;margin-bottom:12px;color:#82c4ff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.material-result-copy h3{font-size:clamp(28px,4vw,52px);line-height:.94;letter-spacing:-.055em}.material-result-copy p{color:rgba(255,255,255,.68);line-height:1.55}.material-grid-wrap{margin-top:24px}.material-grid-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.material-grid-head h3{font-size:38px;line-height:1;letter-spacing:-.05em;margin:6px 0 0;color:#07111f}.material-grid-head p{color:#52616e;font-weight:800}.material-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.material-card{appearance:none;border:1px solid rgba(7,17,31,.08);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 18px 60px rgba(7,17,31,.08);overflow:hidden;padding:0;text-align:left;cursor:pointer;transition:.35s var(--ease);color:#07111f}.material-card:hover,.material-card.active{transform:translateY(-5px);box-shadow:0 22px 70px rgba(25,118,201,.16);border-color:rgba(25,118,201,.32)}.material-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#eef2f4}.material-card span{display:block;padding:12px 14px;font-size:13px;line-height:1.2;font-weight:900;min-height:54px}.material-family-tags .tag{font-size:12px}.material-family-tag{user-select:none}
@media (max-width:1100px){.material-result{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.material-selectors{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(2,1fr)}.material-result{min-height:auto}.material-preview-frame{height:280px}.material-grid-head{display:block}.material-catalog-page .page-main{padding-top:96px}}


/* Buscar material: textos del formulario en color oscuro */
.material-catalog-page .material-browser-copy .title{color:#07111f!important}
.material-catalog-page .material-browser-copy p{color:#26313b!important}
.material-catalog-page .material-browser-copy .kicker{color:#1976c9!important}
.material-catalog-page .finder input{color:#07111f!important}
.material-catalog-page .finder input::placeholder{color:#26313b!important;opacity:.78}
.material-catalog-page .material-selectors label{color:#07111f!important}
.material-catalog-page .material-selectors select{color:#07111f!important}
.material-catalog-page .material-selectors option{color:#07111f!important}


/* Selector idioma ES / EN */
.lang-switch{display:flex;align-items:center;gap:4px;margin-left:8px;padding:4px;border-radius:999px;background:rgba(25,118,201,.08);border:1px solid rgba(25,118,201,.16)}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.10em;color:#07111f!important;transition:.25s var(--ease)}
.lang-switch a:hover{background:rgba(25,118,201,.12)!important;color:#020711!important}.lang-switch a.active{background:#1976c9!important;color:#fff!important}
@media(max-width:960px){.lang-switch{margin-left:auto}.mobile{margin-left:8px}}

/* Corrección menú móvil: el menú no desaparece al reducir pantalla */
@media (max-width:960px){
  header{overflow:visible!important}
  nav{position:relative!important;gap:8px!important}
  .brand{min-width:0!important;flex:0 1 auto!important}
  .brand-logo{height:38px!important;max-width:150px!important}
  .lang-switch{display:flex!important;flex:0 0 auto!important;margin-left:auto!important}
  .mobile{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    background:rgba(25,118,201,.10)!important;
    border:1px solid rgba(7,17,31,.08)!important;
    color:#07111f!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
    user-select:none!important;
  }
  .navlinks{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    padding:12px!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(7,17,31,.08)!important;
    box-shadow:0 24px 70px rgba(7,17,31,.16)!important;
    backdrop-filter:blur(18px)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
  }
  header.menu-open .navlinks,
  header.nav-open .navlinks,
  body.menu-open header .navlinks{
    display:flex!important;
  }
  .navlinks a{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    padding:14px 16px!important;
    color:#07111f!important;
    background:rgba(7,17,31,.035)!important;
  }
  .navlinks a:hover,
  .navlinks a.active{
    background:rgba(25,118,201,.13)!important;
    color:#07111f!important;
  }
  .navlinks a.cta{
    background:#1976c9!important;
    color:#fff!important;
  }
}
@media (max-width:520px){
  header{left:10px!important;right:10px!important;top:10px!important}
  nav{height:62px!important;padding:0 9px 0 12px!important}
  .brand-logo{height:34px!important;max-width:124px!important}
  .lang-switch a{padding:8px 9px!important;font-size:10px!important}
  .mobile{padding:0 10px!important;font-size:10px!important;min-height:34px!important}
}


/* Correccion SEO visual: imagenes completas en Vista Impresa Catalogo y Rocko */
.catalog-preview-section .print-page img,
.rocko-collections-section .rocko-collection-card img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center center;
  display:block;
}
@media print{
  .catalog-preview-section .print-page img,
  .rocko-collections-section .rocko-collection-card img{
    width:100%;
    height:auto;
    object-fit:contain!important;
    object-position:center center!important;
    display:block;
  }
}