/* Páginas interiores con el estilo de la portada nueva (7-oct-2026). Se carga después de site.css y portada2.css. */
.p2-interior{background:#fff}
.p2-interior .p2-nav{position:sticky}
.p2-cab-int{background:var(--osc);color:#fff;padding:64px 0 70px}
.p2-cab-int .sg-page-title{font-family:"SGTitulo","Arial Narrow",sans-serif;font-weight:700;font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.02;color:#fff;max-width:900px;margin:0 0 22px}
.p2-cab-int .sg-lead{font-family:"SGTexto",sans-serif;color:#c9cdd4;font-size:1.15rem;line-height:1.65;max-width:820px;margin:0 0 30px}
.p2-cab-int .sg-migas,.p2-cab-int .sg-migas a{color:#9aa0aa;font-size:.88rem;margin-bottom:18px}
.p2-interior .sg-pagina-interior{padding:72px 0 90px;background:#fff}
.p2-interior .sg-pagina-interior .container{max-width:1000px;font-family:"SGTexto",sans-serif;color:var(--tinta)}
.p2-interior .sg-pagina-interior p,.p2-interior .sg-pagina-interior li{font-size:1.02rem;line-height:1.7;color:#3b404a}
.p2-interior .sg-section-heading,.p2-interior .sg-pagina-interior h2{font-family:"SGTitulo","Arial Narrow",sans-serif!important;font-weight:700!important;font-size:clamp(1.9rem,3.6vw,2.8rem)!important;line-height:1.05!important;color:var(--tinta)!important;text-align:left!important;margin:64px 0 24px!important;letter-spacing:-.01em}
.p2-interior .sg-section-heading:after{display:none}
.p2-interior .sg-destacado{background:var(--arena);border:0;border-left:3px solid var(--oro);border-radius:0;box-shadow:none;padding:26px 30px;margin:0 0 40px}
.p2-interior .sg-destacado h2{font-size:1.6rem!important;margin:0 0 10px!important}
.p2-interior .sg-destacado a,.p2-interior .sg-pagina-interior a:not(.p2-btn):not(.sg-mat-wa):not(.sg-btn-hero){color:var(--oro-osc);font-weight:600}
.p2-interior .sg-figura img,.p2-interior .sg-galeria img{border-radius:0}
.p2-interior .sg-figura figcaption{color:var(--gris)}
.p2-interior .sg-galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.p2-interior .sg-galeria img{width:100%;aspect-ratio:1/1;object-fit:cover;height:auto}
.p2-interior .sg-razones li{padding-left:22px;position:relative;margin:10px 0}
.p2-interior .sg-razones li::before{content:"";position:absolute;left:1px;top:.55em;width:7px;height:7px;background:var(--oro)}
.p2-interior .sg-pasos{counter-reset:paso;list-style:none;padding:0 0 0 28px;margin:0;max-width:none;border-left:1px solid var(--linea)}
.p2-interior .sg-pasos li{counter-increment:paso;position:relative;padding:0 0 26px 18px}
.p2-interior .sg-pasos li::before{content:counter(paso);position:absolute;left:-46px;top:0;width:34px;height:34px;background:var(--osc);color:var(--oro);font-family:"SGTitulo",sans-serif;font-size:1.1rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--oro)}
.p2-interior .sg-pasos li strong{font-family:"SGTitulo",sans-serif;font-size:1.25rem;color:var(--tinta)}
.p2-interior .sg-faq h3{font-family:"SGTexto",sans-serif;font-weight:600;font-size:1.08rem;color:var(--tinta);border-top:1px solid var(--linea);padding:20px 0 0;margin:20px 0 8px}
.p2-interior .sg-cta-final{background:var(--osc);color:#fff;border-radius:0;padding:48px 40px;margin-top:72px;text-align:left}
.p2-interior .sg-cta-final h2{color:#fff!important;margin:0 0 12px!important}
.p2-interior .sg-cta-final p{color:#c9cdd4}
.p2-interior .sg-cta-final .sg-btn-hero{background:var(--oro);color:#1a1d23;border:0;border-radius:2px;padding:14px 22px;font-weight:600;margin:6px 10px 0 0;box-shadow:none}
.p2-interior .sg-mat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:18px!important}
.p2-interior .sg-mat-item{border:1px solid var(--linea);border-radius:0;background:#fff;box-shadow:none;overflow:hidden}
.p2-interior .sg-mat-item h3{font-family:"SGTexto",sans-serif;font-weight:600;font-size:1rem;color:var(--tinta)}
.p2-interior .sg-mat-estado{color:#2f7d3b;font-weight:600;font-size:.85rem}
.p2-interior .sg-mat-estado:before{content:"● "}
.p2-interior .sg-mat-wa{display:block;text-align:center;border:1px solid #cfd3d9;background:#fff!important;color:var(--tinta)!important;border-radius:2px;padding:10px;font-weight:600;margin-top:10px}
.p2-interior .sg-mat-otra{font-size:.8rem}
@media(max-width:960px){
 .p2-cab-int{padding:36px 0 46px}.p2-cab-int .p2-botones .p2-btn{flex:1 1 100%}
 .p2-interior .sg-pagina-interior{padding:40px 0 70px}
 .p2-interior .sg-galeria{grid-template-columns:1fr 1fr}
 .p2-interior .sg-cta-final{padding:32px 22px}
 .p2-interior .sg-mat-grid{grid-template-columns:1fr 1fr!important}
}

/* ===== 7-oct, segunda vuelta: franja con foto a la derecha, ruta, filtros y páginas nuevas ===== */
.p2-cab-int .sg-page-title{font-size:clamp(2.3rem,4.6vw,3.9rem)}
.p2-cab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}
.p2-cab-grid>*{min-width:0}
.p2-cab-foto{margin:0}.p2-cab-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.p2-cab-foto figcaption{font-size:.82rem;color:#9aa0aa;margin-top:12px}
.p2-cab-collage{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.p2-cab-collage img{width:100%;aspect-ratio:3/4;object-fit:cover}
.p2-migas{color:#9aa0aa;font-size:.88rem;margin:0 0 18px}.p2-migas a{color:#fff;text-decoration:none}
.p2-datos-mat{grid-template-columns:repeat(3,1fr);margin-top:30px}
/* Etiquetas de filtro (materiales y obras) */
.p2-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.p2-chip{border:1px solid var(--linea);background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:.9rem;cursor:pointer;color:var(--tinta);line-height:1.2}
.p2-chip small{color:var(--gris);margin-left:3px;font-size:.78em}
.p2-chip.activo{background:var(--osc);color:#fff;border-color:var(--osc)}.p2-chip.activo small{color:#c9cdd4}
.p2-chips-nota{color:var(--gris)!important;font-size:.88rem!important;margin:0 0 28px}
/* Obras */
.p2-interior .sg-pagina-interior .container.p2-obras{max-width:1180px}
.p2-galeria-obras{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.p2-galeria-obras figure{margin:0}.p2-galeria-obras img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.p2-galeria-obras figcaption{font-size:.8rem;color:var(--gris);margin-top:8px}
.p2-galeria-obras figcaption:before{content:"";display:inline-block;width:7px;height:7px;background:var(--oro);margin-right:7px}
/* Empresa */
.p2-ficha-empresa{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--linea)}
.p2-ficha-empresa>div{padding:16px 18px;border-bottom:1px solid var(--linea)}
.p2-ficha-empresa>div:nth-child(odd){border-right:1px solid var(--linea)}
.p2-ficha-empresa small{display:block;color:var(--gris);font-size:.8rem}
.p2-ficha-empresa strong{font-family:"SGTitulo",sans-serif;font-size:1.15rem;line-height:1.2;color:var(--tinta)}
/* Contacto: el formulario en la franja oscura, a la derecha */
.p2-cab-contacto .p2-contacto{align-items:start}
.p2-cab-contacto .p2-datos-contacto{margin-top:30px}
@media(max-width:960px){
 .p2-cab-grid{grid-template-columns:1fr;gap:28px}
 .p2-datos-mat{grid-template-columns:1fr 1fr 1fr}
 .p2-galeria-obras{grid-template-columns:1fr 1fr}
 .p2-ficha-empresa{grid-template-columns:1fr}.p2-ficha-empresa>div:nth-child(odd){border-right:0}
}

/* Guías (7-oct-2026): tarjetas del índice */
.p2-guias{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 48px}
.p2-interior .sg-pagina-interior a.p2-guia{display:flex;flex-direction:column;background:var(--arena);border-top:4px solid var(--oro);padding:26px 24px;color:var(--tinta);text-decoration:none}
.p2-guia small{color:var(--gris);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.p2-interior .sg-pagina-interior .p2-guia h2{font-size:1.6rem!important;margin:8px 0 10px!important}
.p2-guia p{color:var(--gris);flex:1}
.p2-guia span{font-weight:700;color:var(--tinta)}
.p2-guia:hover span{text-decoration:underline}
@media(max-width:960px){.p2-guias{grid-template-columns:1fr}}

/* Obras (7-oct-2026): «Ver más» y fotos ocultas que no se piden */
.p2-galeria-obras figure[hidden],#p2VerMas[hidden]{display:none!important}
.p2-ver-mas{text-align:center;margin:28px 0 8px}
.p2-btn-linea-osc{border:1px solid var(--tinta);color:var(--tinta);background:transparent}
.p2-btn-linea-osc:hover{background:var(--tinta);color:#fff}
