/* ============================================================
   NORIÉ · Home — rejilla de 4 puertas + secciones
   ============================================================ */

/* Más contraste en el texto de las secciones (los grises casi no se leían) */
:root{
    --hueso-t: rgba(242,239,234,.82);   /* texto de cuerpo — antes .6 */
    --hueso-s: rgba(242,239,234,.6);    /* etiquetas pequeñas — antes .3 */
}

/* Fix: los títulos de proyecto salían azules (heredaban el color de enlace) */
.proy-txt h3{ color: var(--hueso, #F2EFEA); }

.puertas{ padding: 100px 6vw; background:#ffffff; }
.puertas__head{ max-width:1150px; margin:0 auto 48px; }
.puertas__eyebrow{
    font-family:'Josefin Sans',sans-serif;
    letter-spacing:.28em; font-size:.72rem;
    color:var(--terracota,#B5533C); text-transform:uppercase;
}
.puertas__head h2{
    font-family:'Playfair Display',Georgia,serif; font-weight:400;
    font-size:clamp(1.9rem,4vw,3rem); color:var(--tinta,#14110F);
    margin-top:12px; line-height:1.1;
}

.puertas__grid{
    max-width:1150px; margin:0 auto;
    display:grid; grid-template-columns:repeat(2,1fr); gap:24px;
}

.puerta{
    position:relative; display:block; text-decoration:none;
    color:#fff; border-radius:4px; overflow:hidden; aspect-ratio:16/11;
}
.puerta__img{ position:absolute; inset:0; transition:transform .6s ease; }
.puerta:hover .puerta__img{ transform:scale(1.05); }

/* Fotogramas reales de los videos de Norié */
.puerta__img--encimeras{ background:url('door-encimeras.jpg') center/cover no-repeat; }
.puerta__img--cocinas{ background:url('door-cocinas.jpg') center/cover no-repeat; }
.puerta__img--banos{ background:url('door-banos.jpg') center/cover no-repeat; }
.puerta__img--interiorismo{ background:url('door-interiorismo.jpg') center/cover no-repeat; }

.puerta::after{
    content:""; position:absolute; inset:0; z-index:1;
    background:linear-gradient(to top, rgba(20,17,15,.78), rgba(20,17,15,.15) 55%, rgba(20,17,15,.05));
}
.puerta__body{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:30px; }
.puerta__body h3{
    font-family:'Playfair Display',Georgia,serif; font-weight:400;
    font-size:1.9rem; margin:0 0 6px;
}
.puerta__body p{
    font-family:'Josefin Sans',sans-serif; font-size:.95rem;
    opacity:.92; margin:0 0 14px; max-width:360px; line-height:1.5;
}
.puerta__cta{
    font-family:'Josefin Sans',sans-serif; font-size:.78rem;
    letter-spacing:.15em; text-transform:uppercase;
    border-bottom:1px solid var(--terracota,#B5533C); padding-bottom:3px;
}

@media (max-width:820px){
    .puertas{ padding:70px 6vw; }
    .puertas__grid{ grid-template-columns:1fr; gap:18px; }
    .puerta{ aspect-ratio:16/10; }
}

/* ============================================================
   Páginas de sección (Cocinas, Baños, Interiorismo)
   ============================================================ */
.seccion-hero{
    min-height:72vh; display:flex; flex-direction:column; justify-content:center;
    padding:60px 6vw; color:#fff;
}
.seccion-hero .eyebrow{
    font-family:'Josefin Sans',sans-serif; letter-spacing:.28em; font-size:.72rem;
    opacity:.85; text-transform:uppercase; margin-bottom:16px;
}
.seccion-hero h1{
    font-family:'Playfair Display',Georgia,serif; font-weight:400;
    font-size:clamp(2.3rem,6vw,4.3rem); line-height:1.06; max-width:14ch; margin:0;
}
.seccion-hero h1 em{ font-style:italic; }
.seccion-hero p{ margin-top:22px; max-width:48ch; font-size:1.05rem; opacity:.92; line-height:1.7; }
.seccion-hero .cta{
    display:inline-block; width:max-content; margin-top:32px;
    border:1px solid #fff; color:#fff; text-decoration:none;
    padding:14px 30px; letter-spacing:.12em; text-transform:uppercase;
    font-size:.78rem; border-radius:2px; transition:.3s;
}
.seccion-hero .cta:hover{ background:#fff; color:var(--tinta,#14110F); }

.seccion-nota{ padding:70px 6vw; text-align:center; background:#fff; }
.seccion-nota span{
    font-family:'Josefin Sans',sans-serif; letter-spacing:.18em;
    text-transform:uppercase; font-size:.76rem; color:var(--terracota,#B5533C);
}

.norie-foot{ background:var(--tinta,#14110F); color:#efe9e3; padding:56px 6vw; text-align:center; }
.norie-foot .fname{ font-family:'Playfair Display',Georgia,serif; font-size:1.5rem; letter-spacing:.04em; }
.norie-foot p{ font-family:'Josefin Sans',sans-serif; font-size:.85rem; opacity:.7; margin-top:8px; }

/* ============================================================
   Legibilidad del texto del HERO sobre el video
   (velo oscuro anclado abajo + texto blanco cálido con sombra)
   ============================================================ */
.banner{ position:relative; }
.banner::after{
    content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(to top,
        rgba(20,17,15,.88) 0%,
        rgba(20,17,15,.55) 32%,
        rgba(20,17,15,.12) 62%,
        rgba(20,17,15,0)  100%);
}
/* (el contenido del hero ya es position:absolute con z-index:2 en el CSS original;
   el velo va en z-index:1, así que el texto queda por encima sin tocar la posición) */
.banner .eyebrow{ color:#f4efe9 !important; opacity:1 !important; text-shadow:0 1px 12px rgba(20,17,15,.9); }
.banner .lead{ color:#f7f2ed !important; opacity:1 !important; text-shadow:0 1px 12px rgba(20,17,15,.85); }
.banner .enlace,
.banner .enlace span{ color:#f7f2ed !important; text-shadow:0 1px 12px rgba(20,17,15,.85); }

/* ============================================================
   Superficies · Marcas y colecciones que trabajamos
   ============================================================ */
.marcas{ background:var(--tinta,#14110F); color:#F2EFEA; padding:100px 6vw; }
.marcas__in{ max-width:1080px; margin:0 auto; }
.marcas__eyebrow{
    font-family:'Josefin Sans',sans-serif; letter-spacing:.28em;
    font-size:.72rem; color:var(--terracota,#B5533C); text-transform:uppercase;
}
.marcas h2{
    font-family:'Playfair Display',Georgia,serif; font-weight:400;
    font-size:clamp(1.9rem,4vw,3rem); margin:12px 0 16px; max-width:16ch; line-height:1.1;
}
.marcas__intro{
    font-family:'Josefin Sans',sans-serif; color:rgba(242,239,234,.72);
    max-width:54ch; line-height:1.7; margin-bottom:44px;
}
.marca{
    border-top:1px solid rgba(242,239,234,.14); padding:26px 0;
    display:grid; grid-template-columns:220px 1fr; gap:24px; align-items:baseline;
}
.marca:last-of-type{ border-bottom:1px solid rgba(242,239,234,.14); }
.marca h3{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:1.7rem; margin:0; }
.marca__cols{
    font-family:'Josefin Sans',sans-serif; letter-spacing:.05em;
    color:rgba(242,239,234,.82); font-size:1.02rem; margin:0; line-height:1.6;
}
.marcas__cta{
    display:inline-block; margin-top:40px;
    border:1px solid var(--terracota,#B5533C); color:var(--terracota,#B5533C);
    text-decoration:none; padding:14px 30px; letter-spacing:.12em;
    text-transform:uppercase; font-size:.78rem; border-radius:2px; transition:.3s;
}
.marcas__cta:hover{ background:var(--terracota,#B5533C); color:#fff; }
@media (max-width:720px){ .marca{ grid-template-columns:1fr; gap:6px; } }

/* ============================================================
   Ficha de proyecto (Ciruella)
   ============================================================ */
.proj-hero{ position:relative; min-height:88vh; display:flex; align-items:flex-end; color:#fff; overflow:hidden; }
.proj-hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.proj-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(20,17,15,.82), rgba(20,17,15,.1) 55%, rgba(20,17,15,.3)); }
.proj-hero__in{ position:relative; z-index:2; padding:0 6vw 9vh; max-width:900px; }
.proj-hero .eyebrow{ font-family:'Josefin Sans',sans-serif; letter-spacing:.28em; font-size:.72rem; text-transform:uppercase; color:#f0d9cf; }
.proj-hero h1{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(1.9rem,4.2vw,3.5rem); line-height:1.06; margin:14px 0 14px; }
.proj-hero p{ font-family:'Josefin Sans',sans-serif; font-size:1.1rem; max-width:46ch; opacity:.92; line-height:1.6; }

.proj-wrap{ max-width:1080px; margin:0 auto; padding:0 6vw; }
.proj-concepto{ padding:100px 6vw 50px; text-align:center; }
.proj-concepto .eyebrow{ font-family:'Josefin Sans',sans-serif; letter-spacing:.28em; font-size:.72rem; text-transform:uppercase; color:var(--terracota,#B5533C); }
.proj-concepto h2{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(1.8rem,3.6vw,2.7rem); margin:14px auto 22px; max-width:20ch; line-height:1.15; color:var(--tinta,#14110F); }
.proj-concepto p{ font-family:'Josefin Sans',sans-serif; color:#5f574d; font-size:1.08rem; line-height:1.85; max-width:62ch; margin:0 auto; }

.proj-feature{ margin:56px auto; }
.proj-feature img{ width:100%; display:block; border-radius:4px; }
.proj-feature figcaption{ font-family:'Josefin Sans',sans-serif; font-size:.9rem; color:#8a8178; margin-top:14px; letter-spacing:.02em; }

.proj-espacio{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; padding:46px 0; }
.proj-espacio__img img{ width:100%; display:block; border-radius:4px; }
.proj-espacio--rev .proj-espacio__img{ order:2; }
.proj-espacio__txt .tag{ font-family:'Josefin Sans',sans-serif; letter-spacing:.2em; text-transform:uppercase; font-size:.7rem; color:var(--terracota,#B5533C); }
.proj-espacio__txt h3{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:2rem; color:var(--tinta,#14110F); margin:8px 0 0; }
.proj-espacio__txt p{ font-family:'Josefin Sans',sans-serif; color:#5f574d; line-height:1.75; margin-top:12px; }

.proj-metodo{ background:var(--tinta,#14110F); color:#F2EFEA; padding:92px 6vw; text-align:center; margin-top:60px; }
.proj-metodo h2{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(1.8rem,4vw,2.8rem); max-width:24ch; margin:0 auto 20px; line-height:1.2; }
.proj-metodo h2 em{ font-style:italic; color:var(--terracota,#B5533C); }
.proj-metodo p{ font-family:'Josefin Sans',sans-serif; max-width:58ch; margin:0 auto 34px; opacity:.8; line-height:1.85; }
.proj-metodo .cta{ display:inline-block; border:1px solid var(--terracota,#B5533C); color:var(--terracota,#B5533C); text-decoration:none; padding:15px 34px; letter-spacing:.14em; text-transform:uppercase; font-size:.78rem; border-radius:2px; transition:.3s; }
.proj-metodo .cta:hover{ background:var(--terracota,#B5533C); color:#fff; }

@media (max-width:760px){
  .proj-hero{ min-height:78vh; }
  .proj-espacio{ grid-template-columns:1fr; gap:18px; padding:32px 0; }
  .proj-espacio--rev .proj-espacio__img{ order:0; }
}

/* ============================================================
   Página Interiorismo
   ============================================================ */
.int-servicios{ max-width:1080px; margin:0 auto; padding:10px 6vw 50px; display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.int-servicio{ border-top:2px solid var(--terracota,#B5533C); padding-top:22px; }
.int-servicio h3{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:1.5rem; color:var(--tinta,#14110F); margin:0 0 10px; }
.int-servicio p{ font-family:'Josefin Sans',sans-serif; color:#5f574d; line-height:1.7; font-size:.98rem; margin:0; }

/* ------------------------------------------------------------
   Paquetes de diseño · precio, alcance y entregables
   La usan Interiorismo y Cocinas, por eso vive aquí y no en la página.
   ------------------------------------------------------------ */
.int-paquetes{ background:#F6F2ED; padding:clamp(58px,9vh,96px) 6vw; }
.int-paquetes__head{ max-width:1080px; margin:0 auto 42px; }
.int-paquetes__head .eyebrow{ font-family:'Josefin Sans',sans-serif; letter-spacing:.28em; font-size:.72rem; text-transform:uppercase; color:var(--terracota,#B5533C); }
.int-paquetes__head h2{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(1.8rem,3.6vw,2.6rem); color:var(--tinta,#14110F); margin:12px 0 0; }
.int-paquetes__head h2 em{ font-style:italic; color:var(--terracota,#B5533C); }
.int-paquetes__head p{ font-family:'Josefin Sans',sans-serif; font-weight:300; color:#5f574d; line-height:1.8; font-size:1rem; max-width:56ch; margin:16px 0 0; }

.int-cards{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }
/* Variantes de rejilla. Una sola clase a proposito: asi la regla movil de mas
   abajo sigue ganando por orden y no hay que repetirla dentro de la consulta. */
.int-cards--dos{ grid-template-columns:1fr 1fr; }
.int-paquetes .int-letra,
.int-proceso .int-letra{ max-width:1080px; margin-left:auto; margin-right:auto; }
.int-card{ background:#fff; border-top:2px solid var(--terracota,#B5533C); padding:30px 28px 28px; display:flex; flex-direction:column; }
.int-card h3{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:1.45rem; color:var(--tinta,#14110F); margin:0; }
.int-card__quien{ font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:.88rem; line-height:1.6; color:#8a8178; margin:7px 0 0; }
.int-card__precio{ font-family:'Playfair Display',Georgia,serif; font-size:2.1rem; color:var(--tinta,#14110F); margin:20px 0 0; line-height:1; }
.int-card__iva{ font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:.76rem; letter-spacing:.06em; color:#8a8178; margin:6px 0 0; }
.int-card__promo{ font-family:'Josefin Sans',sans-serif; font-size:.76rem; line-height:1.55; color:var(--terracota,#B5533C);
    border:1px solid rgba(181,83,60,.32); border-radius:2px; padding:8px 11px; margin:16px 0 0; }
.int-card__dato{ font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:.84rem; line-height:1.7; color:#5f574d;
    margin:18px 0 0; padding-top:16px; border-top:1px solid #ece7e0; }
.int-card__dato b{ font-weight:400; color:var(--tinta,#14110F); }
.int-card__cta{ font-family:'Josefin Sans',sans-serif; font-size:.74rem; letter-spacing:.2em; text-transform:uppercase;
    color:var(--terracota,#B5533C); text-decoration:none; border-bottom:1px solid var(--terracota,#B5533C);
    padding-bottom:5px; align-self:flex-start; margin-top:24px; }
.int-card--ancha{ margin-top:24px; }

/* Complementos: mobiliario y obra. Van aparte para que no se pidan gratis. */
.int-extras{ max-width:1080px; margin:24px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.int-extra{ background:#fff; padding:26px 28px; border-left:2px solid #d8cfc4; }
.int-extra h4{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:1.15rem; color:var(--tinta,#14110F); margin:0 0 8px; }
.int-extra p{ font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:.88rem; line-height:1.7; color:#5f574d; margin:0; }
.int-extra b{ font-weight:400; color:var(--tinta,#14110F); }

/* Qué recibes / Cómo funciona, a dos columnas */
.int-entrega{ max-width:1080px; margin:0 auto; padding:clamp(58px,9vh,96px) 6vw; display:grid; grid-template-columns:1fr 1fr; gap:clamp(34px,5vw,68px); }
.int-entrega .eyebrow{ font-family:'Josefin Sans',sans-serif; letter-spacing:.28em; font-size:.72rem; text-transform:uppercase; color:var(--terracota,#B5533C); }
.int-entrega h2{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(1.5rem,2.8vw,2rem); color:var(--tinta,#14110F); margin:12px 0 24px; }
.int-lista{ list-style:none; padding:0; margin:0; }
.int-lista li{ font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:.95rem; line-height:1.65; color:#5f574d;
    padding:12px 0 12px 22px; border-bottom:1px solid #ece7e0; position:relative; }
.int-lista li::before{ content:""; position:absolute; left:0; top:19px; width:9px; height:1px; background:var(--terracota,#B5533C); }
.int-lista li:last-child{ border-bottom:0; }
.int-lista b{ font-weight:400; color:var(--tinta,#14110F); }
.int-lista a{ color:var(--terracota,#B5533C); }
.int-intro{ font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:.95rem; line-height:1.8; color:#5f574d; margin:0 0 18px; }
.int-flujo{ list-style:none; padding:0; margin:0; counter-reset:paso; }
.int-flujo li{ font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:.95rem; line-height:1.7; color:#5f574d;
    padding:0 0 22px 42px; position:relative; }
.int-flujo li::before{ counter-increment:paso; content:"0" counter(paso); position:absolute; left:0; top:-2px;
    font-family:'Playfair Display',Georgia,serif; font-size:1.15rem; color:var(--terracota,#B5533C); }
.int-flujo b{ font-weight:400; color:var(--tinta,#14110F); }
.int-letra{ font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:.82rem; line-height:1.75; color:#8a8178;
    margin:20px 0 0; padding-top:18px; border-top:1px solid #ece7e0; }

/* La foto del dossier, cruzando las dos columnas por encima de ellas.
   Es la unica imagen de la pagina que ensena el producto que se compra. */
.int-dossier{ grid-column:1/-1; margin:0 0 clamp(28px,4vh,48px); }
.int-dossier img{ width:100%; display:block; border-radius:2px; }
.int-dossier figcaption{ font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:.82rem;
    line-height:1.7; color:#8a8178; text-align:center; margin-top:16px; max-width:56ch;
    margin-left:auto; margin-right:auto; }

.int-proceso{ background:#faf7f2; padding:90px 6vw; }
.int-proceso__head{ max-width:1080px; margin:0 auto 40px; }
.int-proceso__head .eyebrow{ font-family:'Josefin Sans',sans-serif; letter-spacing:.28em; font-size:.72rem; text-transform:uppercase; color:var(--terracota,#B5533C); }
.int-proceso__head h2{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(1.8rem,3.6vw,2.6rem); color:var(--tinta,#14110F); margin-top:12px; }
.int-pasos{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
/* Va detras de la base a proposito: con una sola clase, gana por orden aqui
   y la pierde dentro de la consulta de movil, que es justo lo que queremos. */
.int-pasos--cinco{ grid-template-columns:repeat(5,1fr); }
.int-paso .num{ font-family:'Playfair Display',Georgia,serif; font-size:1.7rem; color:var(--terracota,#B5533C); }
.int-paso h4{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:1.25rem; color:var(--tinta,#14110F); margin:6px 0 8px; }
.int-paso p{ font-family:'Josefin Sans',sans-serif; color:#5f574d; font-size:.92rem; line-height:1.6; margin:0; }

.int-bienestar{ background:var(--oliva,#6B7355); color:#f5f3ee; padding:90px 6vw; text-align:center; }
.int-bienestar .eyebrow{ font-family:'Josefin Sans',sans-serif; letter-spacing:.28em; font-size:.72rem; text-transform:uppercase; opacity:.82; }
.int-bienestar h2{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(1.8rem,4vw,2.7rem); max-width:22ch; margin:14px auto 18px; line-height:1.2; }
.int-bienestar p{ font-family:'Josefin Sans',sans-serif; max-width:54ch; margin:0 auto; opacity:.92; line-height:1.8; }

.int-proyectos{ max-width:1080px; margin:0 auto; padding:90px 6vw; }
.int-proyectos__head{ text-align:center; margin-bottom:44px; }
.int-proyectos__head .eyebrow{ font-family:'Josefin Sans',sans-serif; letter-spacing:.28em; font-size:.72rem; text-transform:uppercase; color:var(--terracota,#B5533C); }
.int-proyectos__head h2{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:clamp(1.8rem,3.6vw,2.6rem); color:var(--tinta,#14110F); margin-top:12px; }
.int-proy-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.int-proy{ position:relative; display:block; text-decoration:none; color:#fff; border-radius:4px; overflow:hidden; aspect-ratio:4/3; }
.int-proy img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.int-proy:hover img{ transform:scale(1.05); }
.int-proy::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(20,17,15,.82), rgba(20,17,15,.05) 60%); }
.int-proy__b{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:26px; }
.int-proy__b .cat{ font-family:'Josefin Sans',sans-serif; letter-spacing:.2em; text-transform:uppercase; font-size:.68rem; color:#f0d9cf; }
.int-proy__b h3{ font-family:'Playfair Display',Georgia,serif; font-weight:400; font-size:1.7rem; margin:4px 0 0; }

@media (max-width:820px){
  .int-servicios{ grid-template-columns:1fr; gap:22px; }
  .int-pasos{ grid-template-columns:1fr 1fr; gap:28px 20px; }
  .int-proy-grid{ grid-template-columns:1fr; }
  .int-cards{ grid-template-columns:1fr; gap:18px; }
  .int-extras{ grid-template-columns:1fr; gap:18px; }
  .int-entrega{ grid-template-columns:1fr; gap:44px; }
}

/* ============================================================
   Banda de cierre · foto a todo el ancho con la llamada encima
   Compartida: la usan Baños y puede migrar Encimeras y Cocinas.
   ============================================================ */
.norie-cierre{
    position:relative; display:grid; place-items:center; isolation:isolate;
    min-height:clamp(420px,64vh,620px); padding:clamp(70px,10vh,120px) 6vw; overflow:hidden;
}
.norie-cierre__fondo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.norie-cierre::before{
    content:''; position:absolute; inset:0; z-index:-1;
    background:
        radial-gradient(ellipse at center, rgba(20,17,15,.62) 0%, rgba(20,17,15,.38) 70%),
        linear-gradient(180deg, rgba(20,17,15,.28) 0%, rgba(20,17,15,.55) 100%);
}
.norie-cierre__in{ max-width:640px; text-align:center; color:#F6F3EE; }
.norie-cierre__in h2{
    font-family:'Playfair Display',Georgia,serif; font-weight:400;
    font-size:clamp(1.7rem,3.4vw,2.5rem); line-height:1.16; margin:0;
}
.norie-cierre__in h2 em{ font-style:italic; color:#E8B9A8; }
.norie-cierre__in p{
    font-family:'Josefin Sans',sans-serif; font-weight:300; font-size:1.02rem;
    line-height:1.85; color:rgba(246,243,238,.84); margin:18px 0 0;
}
.norie-cierre__cta{
    display:inline-block; margin-top:clamp(26px,3.5vh,38px);
    font-family:'Josefin Sans',sans-serif; font-size:.78rem; letter-spacing:.2em;
    text-transform:uppercase; color:#F6F3EE; text-decoration:none;
    border:1px solid rgba(246,243,238,.5); padding:15px 32px;
    transition:background .4s ease, border-color .4s ease;
}
.norie-cierre__cta:hover{ background:rgba(246,243,238,.12); border-color:rgba(246,243,238,.9); }
@media (max-width:560px){ .norie-cierre{ min-height:400px; } }
