/* Interiores DIY (/interiores-diy) · rol 11 Web · todo bajo .diy-int para no chocar con el tema de Odoo */
.diy-int{--azul:#0B3D5C;--azul-2:#164E73;--gris:#9DA0A1;--gris-claro:#EEF1F3;--fondo:#F7F9FA;--tinta:#13232E;--tinta-2:#5A6872;--linea:#DDE3E7;
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinta);font-size:16px;line-height:1.6}
.diy-int *{box-sizing:border-box}
.diy-int img{max-width:100%;display:block}
.diy-int .di-w{max-width:1200px;margin:0 auto;padding-inline:20px}
.diy-int .di-eyebrow{display:flex;align-items:center;gap:14px;font-size:.72rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--tinta-2)}
.diy-int .di-eyebrow::before{content:"";width:34px;height:1.5px;background:var(--azul)}
.diy-int h1,.diy-int h2,.diy-int h3{margin:0;color:var(--azul);text-wrap:balance;font-family:"Montserrat",system-ui,sans-serif}
.diy-int h1{font-size:clamp(2.4rem,5.4vw,4.1rem);font-weight:700;line-height:1.02;letter-spacing:-.02em}
.diy-int h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:700;line-height:1.1;letter-spacing:-.01em}
.diy-int .di-it{display:block;font-family:"Raleway","Montserrat",sans-serif;font-style:italic;font-weight:300;color:var(--tinta-2);letter-spacing:0}
.diy-int .di-it.di-inline{display:inline}
.diy-int .di-lead{font-size:1.05rem;color:var(--tinta-2);max-width:58ch;margin:0}
.diy-int .di-lead b{color:var(--azul);font-weight:600}
.diy-int .di-btns{display:flex;flex-wrap:wrap;gap:12px}
.diy-int .di-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:4px;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--azul);transition:background .2s,color .2s}
.diy-int .di-btn.di-solid{background:var(--azul);color:#fff}
.diy-int .di-btn.di-solid:hover{background:var(--azul-2);color:#fff}
.diy-int .di-btn.di-line{color:var(--azul);background:#fff}
.diy-int .di-btn.di-line:hover{background:var(--gris-claro)}
.diy-int .di-btn:focus-visible,.diy-int .di-chip:focus-visible,.diy-int .di-tile:focus-visible,.di-lb button:focus-visible{outline:2px solid var(--azul);outline-offset:3px}
/* cabecera */
.diy-int .di-hero{padding-block:64px 72px;background:linear-gradient(#fff,rgba(255,255,255,.86)),repeating-linear-gradient(0deg,transparent 0 47px,var(--gris-claro) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,var(--gris-claro) 47px 48px);border-bottom:1px solid var(--linea)}
.diy-int .di-hero .di-w{display:grid;gap:44px;align-items:center;grid-template-columns:1fr}
@media(min-width:960px){.diy-int .di-hero .di-w{grid-template-columns:1.02fr 1fr}}
.diy-int .di-hero-txt{display:grid;gap:22px;align-content:start}
.diy-int .di-mosaico{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:5/4}
.diy-int .di-mosaico figure{margin:0;overflow:hidden;border-radius:6px;background:var(--gris-claro)}
.diy-int .di-mosaico figure:first-child{grid-row:1/3}
.diy-int .di-mosaico img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.diy-int .di-mosaico figure:hover img{transform:scale(1.04)}
/* cifras */
.diy-int .di-estandar{padding-block:56px;background:var(--fondo);border-bottom:1px solid var(--linea)}
.diy-int .di-cifras{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.diy-int .di-cifra{padding:8px 26px;border-left:1px solid var(--linea);display:grid;gap:4px}
.diy-int .di-cifra:first-child{border-left:0;padding-left:0}
@media(max-width:700px){.diy-int .di-cifra{border-left:0;padding:14px 0;border-top:1px solid var(--linea)}.diy-int .di-cifra:first-child{border-top:0}}
.diy-int .di-cifra b{font-size:1.9rem;font-weight:700;color:var(--azul);line-height:1.1}
.diy-int .di-cifra b small{font-size:.95rem;font-weight:500;color:var(--tinta-2);margin-left:4px}
.diy-int .di-cifra span{font-size:.88rem;color:var(--tinta-2)}
/* galería */
.diy-int .di-galeria{padding-block:84px 72px}
.diy-int .di-cab{display:grid;gap:16px;margin-bottom:30px}
.diy-int .di-fila{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:flex-end;justify-content:space-between}
.diy-int .di-chips{display:flex;flex-wrap:wrap;gap:8px}
.diy-int .di-chip{font:inherit;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border-radius:999px;border:1px solid var(--linea);background:#fff;color:var(--tinta);cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.diy-int .di-chip i{font-style:normal;font-weight:500;color:var(--gris)}
.diy-int .di-chip[aria-pressed="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.diy-int .di-chip[aria-pressed="true"] i{color:#BFD3E1}
.diy-int .di-masonry{columns:3 300px;column-gap:14px}
.diy-int .di-tile{break-inside:avoid;margin:0 0 14px;position:relative;display:block;width:100%;padding:0;border:0;background:var(--gris-claro);border-radius:6px;overflow:hidden;cursor:zoom-in}
.diy-int .di-tile[hidden]{display:none}
.diy-int .di-tile img{width:100%;height:auto;transition:transform .7s ease}
.diy-int .di-tile:hover img{transform:scale(1.035)}
.diy-int .di-tile .di-pie{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(transparent,rgba(8,30,45,.72));color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-align:left;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.diy-int .di-tile:hover .di-pie,.diy-int .di-tile:focus-visible .di-pie{opacity:1;transform:none}
@media(hover:none){.diy-int .di-tile .di-pie{opacity:1;transform:none}}
.diy-int .di-nota{font-size:.8rem;color:var(--gris);margin:6px 0 0}
/* acabados */
.diy-int .di-acabados{padding-block:84px;background:var(--fondo);border-block:1px solid var(--linea)}
.diy-int .di-lista-ac{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--linea)}
.diy-int .di-ac{display:grid;grid-template-columns:1fr;gap:18px 40px;padding-block:30px;border-bottom:1px solid var(--linea);align-items:center}
@media(min-width:860px){.diy-int .di-ac{grid-template-columns:56px 1fr 300px}}
.diy-int .di-ac .di-n{font-family:"Raleway",sans-serif;font-style:italic;font-weight:300;font-size:2rem;color:var(--gris);line-height:1}
.diy-int .di-ac h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}
.diy-int .di-ac ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.diy-int .di-ac li{position:relative;padding-left:18px;color:var(--tinta-2);font-size:.95rem}
.diy-int .di-ac li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1.5px;background:var(--azul)}
.diy-int .di-ac li b{color:var(--tinta);font-weight:600}
.diy-int .di-ac figure{margin:0;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:var(--gris-claro)}
.diy-int .di-ac figure img{width:100%;height:100%;object-fit:cover}
.diy-int .di-fuente{font-size:.8rem;color:var(--gris);margin:18px 0 0}
.diy-int .di-fuente a{color:inherit}
/* llamada final */
.diy-int .di-cta{padding-block:90px;background:var(--azul);color:#fff;position:relative;overflow:hidden}
.diy-int .di-cta::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.05) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.05) 47px 48px);pointer-events:none}
.diy-int .di-cta .di-w{position:relative;z-index:1;display:grid;gap:22px;justify-items:start}
.diy-int .di-cta .di-eyebrow{color:#BFD3E1}.diy-int .di-cta .di-eyebrow::before{background:#fff}
.diy-int .di-cta h2{color:#fff}.diy-int .di-cta .di-it{color:#BFD3E1}
.diy-int .di-cta p{margin:0;color:#D7E3EC;max-width:56ch}
.diy-int .di-cta .di-btn.di-solid{background:#fff;color:var(--azul);border-color:#fff}
.diy-int .di-cta .di-btn.di-solid:hover{background:var(--gris-claro)}
.diy-int .di-cta .di-btn.di-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.diy-int .di-cta .di-btn.di-line:hover{background:rgba(255,255,255,.08)}
/* visor */
.di-lb{position:fixed;inset:0;background:rgba(6,20,30,.94);display:grid;grid-template-rows:1fr auto;z-index:2000}
.di-lb[hidden]{display:none}
.di-lb .di-esc{display:grid;place-items:center;min-height:0;padding:56px 64px 8px}
.di-lb img{max-height:calc(100vh - 140px);max-width:100%;width:auto;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.di-lb .di-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 18px;color:#D7E3EC;font-family:"Montserrat",sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.di-lb button{font:inherit;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;width:46px;height:46px;cursor:pointer;font-size:1.2rem;display:grid;place-items:center;line-height:1}
.di-lb button:hover{background:rgba(255,255,255,.16)}
.di-lb .di-x{position:absolute;top:14px;right:16px}
.di-lb .di-prev,.di-lb .di-next{position:absolute;top:50%;transform:translateY(-50%)}
.di-lb .di-prev{left:12px}.di-lb .di-next{right:12px}
@media(max-width:600px){.di-lb .di-esc{padding:56px 10px 8px}.di-lb .di-prev,.di-lb .di-next{top:auto;bottom:70px;transform:none}}
@media(prefers-reduced-motion:reduce){.diy-int *,.di-lb *{transition:none!important}}