:root{
    --negro: #0b0b0c;
    --negro-2: #141415;
    --dorado: #c9a227;
    --dorado-suave: #d9be6a;
    --rojo: #c60b1e;
    --amarillo: #ffc400;
    --marfil: #f5f1e6;
    --marfil-2: #ece6d4;
    --texto-claro: #e8e4d8;
    --texto-claro-tenue: #a9a496;
    --texto-oscuro: #1d1b16;
    --texto-oscuro-tenue: #55503f;
    --serif: 'Fraunces', Georgia, serif;
    --sans: 'Inter', -apple-system, sans-serif;
  }

  *{ box-sizing:border-box; margin:0; padding:0; }

  html{ scroll-behavior:smooth; }

  body{
    overflow-x:hidden;
  }

  body{
    background:var(--negro);
    color:var(--texto-claro);
    font-family:var(--sans);
    font-size:17px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }

  a{ color:inherit; text-decoration:none; }
  img{ max-width:100%; display:block; }

  .envoltura{
    max-width:1120px;
    margin:0 auto;
    padding:0 32px;
  }

  /* ---------- CABECERA ---------- */

  header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(11,11,12,0.88);
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(201,162,39,0.18);
  }

  .cabecera-interior{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 32px;
    max-width:1120px;
    margin:0 auto;
  }

  .marca-cabecera{
    display:flex;
    align-items:center;
    gap:10px;
  }

  .marca-cabecera img{
    width:34px;
    height:34px;
    border-radius:50%;
    object-fit:cover;
  }

  .marca-cabecera span{
    font-family:var(--serif);
    font-size:19px;
    font-weight:500;
    letter-spacing:0.01em;
    color:var(--marfil);
  }

  nav{
    display:flex;
    gap:30px;
  }

  nav a{
    font-size:14.5px;
    color:var(--texto-claro-tenue);
    transition:color 0.2s ease;
  }

  nav a:hover{ color:var(--dorado-suave); }

  .menu-movil{
    display:none;
    background:none;
    border:none;
    color:var(--marfil);
    font-size:26px;
    cursor:pointer;
  }

  @media (max-width:820px){
    nav{
      display:none;
      position:fixed;
      top:67px;
      left:0;
      right:0;
      flex-direction:column;
      gap:0;
      background:var(--negro);
      border-bottom:1px solid rgba(201,162,39,0.18);
      padding:8px 32px 20px;
      max-height:calc(100vh - 67px);
      overflow-y:auto;
    }
    nav.abierta{ display:flex; }
    nav a{
      padding:14px 0;
      border-bottom:1px solid rgba(232,228,216,0.08);
      font-size:16px;
    }
    nav a:last-child{ border-bottom:none; }
    .menu-movil{ display:block; }
  }

  /* ---------- HERO ---------- */

  .hero{
    padding:96px 32px 108px;
    text-align:center;
    background:
      radial-gradient(ellipse 800px 500px at 50% 0%, rgba(201,162,39,0.08), transparent 60%),
      var(--negro);
  }

  .hero-escudo{
    width:168px;
    margin:0 auto 40px;
  }

  .hero-escudo img{
    width:100%;
    filter:drop-shadow(0 12px 30px rgba(0,0,0,0.55));
  }

  .hero h1{
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(40px, 6vw, 68px);
    letter-spacing:0.005em;
    color:var(--marfil);
    line-height:1.05;
  }

  .hero .lema{
    font-family:var(--serif);
    font-style:italic;
    font-weight:400;
    color:var(--dorado-suave);
    font-size:clamp(17px, 2vw, 21px);
    margin-top:18px;
  }

  .hero .parrafo{
    max-width:560px;
    margin:28px auto 0;
    color:var(--texto-claro-tenue);
    font-size:17px;
    line-height:1.7;
  }

  .hero-ctas{
    margin-top:44px;
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
  }

  .boton{
    display:inline-block;
    padding:15px 32px;
    font-family:var(--sans);
    font-size:15px;
    font-weight:600;
    letter-spacing:0.01em;
    border-radius:2px;
    transition:all 0.2s ease;
    border:1px solid transparent;
  }

  .boton-dorado{
    background:var(--dorado);
    color:var(--negro);
  }

  .boton-dorado:hover{
    background:var(--dorado-suave);
  }

  .boton-contorno{
    border-color:rgba(201,162,39,0.5);
    color:var(--marfil);
  }

  .boton-contorno:hover{
    border-color:var(--dorado);
    background:rgba(201,162,39,0.08);
  }

  .flecha-baja{
    margin-top:64px;
    color:var(--texto-claro-tenue);
    font-size:22px;
    opacity:0.6;
  }

  /* ---------- SECCIONES OSCURAS ---------- */

  .seccion{
    padding:88px 32px;
  }

  /* ---------- DOS CLASES CONCEPTUALES DE SECCIÓN ----------
     .seccion-oscura = identitaria (negro, texto claro)
     .seccion-clara  = editorial/lectura (marfil, texto oscuro)
     "seccion-marfil" se mantiene como alias por compatibilidad. */

  .seccion-oscura{ background:var(--negro); color:var(--texto-claro); }

  .cabecera-seccion{
    text-align:center;
    max-width:640px;
    margin:0 auto 48px;
  }

  .cabecera-seccion h2{
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(28px, 3.4vw, 38px);
    color:var(--marfil);
    line-height:1.2;
  }

  .cabecera-seccion p{
    margin-top:16px;
    color:var(--texto-claro-tenue);
    font-size:16.5px;
    line-height:1.7;
  }

  .enlace-mas{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:22px;
    font-size:14.5px;
    font-weight:600;
    color:var(--dorado-suave);
    border-bottom:1px solid rgba(217,190,106,0.35);
    padding-bottom:2px;
  }

  /* Qué es */
  .bloque-que-es{
    max-width:680px;
    margin:0 auto;
    text-align:center;
  }

  .bloque-que-es .etiqueta{
    font-family:var(--serif);
    font-style:italic;
    color:var(--dorado);
    font-size:15px;
    margin-bottom:14px;
  }

  .bloque-que-es h2{
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(26px, 3.2vw, 34px);
    line-height:1.35;
    color:var(--marfil);
  }

  /* Principios grid */
  .grid-principios{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    column-gap:48px;
    row-gap:36px;
    max-width:840px;
    margin:0 auto;
  }

  @media (max-width:760px){
    .grid-principios{ grid-template-columns:repeat(2, 1fr); column-gap:32px; row-gap:28px; }
  }
  @media (max-width:480px){
    .grid-principios{ grid-template-columns:1fr; row-gap:24px; }
  }

  .principio-item{
    display:block;
    padding-bottom:16px;
    border-bottom:1px solid rgba(201,162,39,0.15);
    transition:border-color 0.2s ease;
  }

  .principio-item:hover{ border-color:rgba(201,162,39,0.45); }

  .principio-num{
    display:block;
    font-family:var(--serif);
    font-size:13px;
    color:var(--dorado);
    margin-bottom:6px;
  }

  .principio-item span.titulo{
    display:block;
    font-size:15px;
    color:var(--texto-claro);
    line-height:1.4;
  }

  /* ---------- SECCIONES MARFIL (papel) ---------- */

  .seccion-marfil, .seccion-clara{
    background:var(--marfil);
    color:var(--texto-oscuro);
  }

  .seccion-marfil .cabecera-seccion h2, .seccion-clara .cabecera-seccion h2{ color:var(--texto-oscuro); }
  .seccion-marfil .cabecera-seccion p, .seccion-clara .cabecera-seccion p{ color:var(--texto-oscuro-tenue); }
  .seccion-marfil .enlace-mas, .seccion-clara .enlace-mas{
    color:#7d5f0e;
    border-bottom-color:rgba(138,106,16,0.35);
  }

  /* Participa */
  .franja-participa{
    text-align:center;
  }

  /* El Lazo */
  .lazo-bloque{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:56px;
    align-items:center;
    max-width:960px;
    margin:0 auto;
  }

  @media (max-width:760px){
    .lazo-bloque{ grid-template-columns:1fr; text-align:center; }
    .lazo-bloque .imagen-lazo{ margin:0 auto; }
  }

  .imagen-lazo img{
    border-radius:4px;
    box-shadow:0 20px 50px rgba(0,0,0,0.45);
  }

  .lazo-texto h2{
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(26px, 3vw, 32px);
    color:var(--texto-oscuro);
    line-height:1.3;
  }

  .lazo-texto p{
    margin-top:14px;
    color:var(--texto-oscuro-tenue);
    font-size:16px;
    line-height:1.75;
  }

  /* Únete - franja fuerte */
  .franja-unete{
    background:var(--negro-2);
    border-top:1px solid rgba(201,162,39,0.18);
    border-bottom:1px solid rgba(201,162,39,0.18);
    text-align:center;
    padding:96px 32px;
  }

  .franja-unete p.previa{
    color:var(--texto-claro-tenue);
    font-size:16.5px;
    max-width:520px;
    margin:0 auto 26px;
    line-height:1.7;
  }

  .franja-unete h2{
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(24px, 3vw, 32px);
    color:var(--marfil);
    line-height:1.3;
  }

  .franja-unete h2 strong{
    display:block;
    color:var(--dorado);
    font-weight:500;
  }

  .franja-unete .boton{
    margin-top:34px;
  }

  /* Tienda */
  .franja-tienda{
    text-align:center;
  }

  .franja-tienda h2{
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(26px, 3.2vw, 34px);
    color:var(--marfil);
    max-width:600px;
    margin:0 auto;
    line-height:1.4;
  }

  /* ---------- PIE ---------- */

  footer{
    background:var(--negro);
    border-top:1px solid rgba(201,162,39,0.16);
    padding:56px 32px 40px;
    text-align:center;
  }

  .pie-enlaces{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:26px;
    margin-bottom:30px;
  }

  .pie-enlaces a{
    font-size:14px;
    color:var(--texto-claro-tenue);
  }

  .pie-enlaces a:hover{ color:var(--dorado-suave); }

  .pie-firma{
    font-family:var(--serif);
    font-style:italic;
    color:var(--dorado-suave);
    font-size:15px;
  }

/* ---------- PÁGINAS INTERIORES ---------- */

.pagina-cabecera{
  text-align:center;
  padding:80px 32px 64px;
}

.pagina-cabecera .migaja{
  font-size:13px;
  letter-spacing:0.04em;
  color:var(--texto-claro-tenue);
  margin-bottom:18px;
}

.pagina-cabecera .migaja a{ color:var(--texto-claro-tenue); }
.pagina-cabecera .migaja a:hover{ color:var(--dorado-suave); }

.pagina-cabecera h1{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(34px, 5vw, 52px);
  color:var(--marfil);
  line-height:1.15;
  max-width:680px;
  margin:0 auto;
}

.documento{
  padding:80px 32px;
}

.documento-envoltura{
  max-width:680px;
  margin:0 auto;
}

.bloque-documento{
  margin-bottom:64px;
}

.bloque-documento:last-child{ margin-bottom:0; }

.bloque-documento .eyebrow{
  font-family:var(--serif);
  font-style:italic;
  font-size:15px;
  color:#7d5f0e;
  margin-bottom:10px;
}

.bloque-documento h2{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(24px, 3vw, 30px);
  color:var(--texto-oscuro);
  line-height:1.3;
  margin-bottom:20px;
}

.bloque-documento p{
  font-size:17px;
  line-height:1.8;
  color:var(--texto-oscuro-tenue);
  max-width:64ch;
}

.bloque-documento p + p{ margin-top:18px; }

.regla-redaccion{
  margin-top:18px;
  padding-left:18px;
  border-left:2px solid rgba(138,106,16,0.3);
  font-size:15.5px;
  color:var(--texto-oscuro-tenue);
  font-style:italic;
  max-width:56ch;
}

.franja-cita{
  padding:72px 32px;
  text-align:center;
}

.franja-cita blockquote{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  font-size:clamp(22px, 3vw, 30px);
  color:var(--dorado-suave);
  max-width:640px;
  margin:0 auto;
  line-height:1.4;
}

.cierre-pagina{
  border-top:1px solid rgba(201,162,39,0.18);
  text-align:center;
  padding:88px 32px;
}

.cierre-pagina p.intro{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(22px, 2.6vw, 28px);
  color:var(--marfil);
  margin-bottom:28px;
}

.cierre-pagina .secuencia{
  font-size:14px;
  letter-spacing:0.06em;
  color:var(--texto-claro-tenue);
  margin-bottom:34px;
}

nav a.activo{ color:var(--dorado-suave); }

/* ---------- PRINCIPIOS (página interior) ---------- */

[id]{ scroll-margin-top:88px; }

.principios-lista{
  max-width:680px;
  margin:0 auto;
}

.principio-full{
  padding:44px 0;
  border-bottom:1px solid rgba(138,106,16,0.18);
}

.principios-lista > .principio-full:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.principio-full .num{
  display:block;
  font-family:var(--serif);
  font-size:14px;
  color:#7d5f0e;
  margin-bottom:10px;
}

.principio-full h2{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(21px, 2.4vw, 25px);
  color:var(--texto-oscuro);
  line-height:1.3;
  margin-bottom:14px;
}

.principio-full .corta{
  font-size:17.5px;
  font-weight:600;
  color:var(--texto-oscuro);
  line-height:1.55;
  max-width:60ch;
  margin-bottom:12px;
}

.principio-full .desarrollo{
  font-size:16px;
  font-weight:400;
  color:var(--texto-oscuro-tenue);
  line-height:1.8;
  max-width:64ch;
}

.cierre-principios{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(19px, 2.2vw, 23px);
  color:var(--texto-oscuro);
  text-align:center;
  max-width:520px;
  margin:56px auto 0;
  line-height:1.5;
}

/* ---------- PARTICIPA (recursos visuales de proceso) ---------- */

.ctas-participa{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:32px;
}

.boton-desactivado{
  background:transparent;
  border:1px solid rgba(29,27,22,0.25);
  color:var(--texto-oscuro-tenue);
  cursor:not-allowed;
  pointer-events:none;
}

.nota-proximamente{
  text-align:center;
  font-size:13px;
  color:var(--texto-oscuro-tenue);
  font-style:italic;
  margin-top:14px;
}

.lista-preguntas{
  list-style:none;
  margin-top:16px;
}

.lista-preguntas li{
  font-size:16px;
  line-height:1.8;
  color:var(--texto-oscuro-tenue);
  padding-left:20px;
  position:relative;
  margin-bottom:6px;
}

.lista-preguntas li::before{
  content:"—";
  position:absolute;
  left:0;
  color:#7d5f0e;
}

.secuencia-proceso{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:26px 0;
}

.secuencia-proceso .paso{
  font-family:var(--sans);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:0.04em;
  color:var(--texto-oscuro);
  border:1px solid rgba(138,106,16,0.4);
  padding:9px 14px;
  border-radius:2px;
  white-space:nowrap;
}

.secuencia-proceso .flecha{
  color:#7d5f0e;
  font-size:14px;
  flex-shrink:0;
}

.flujo-estados .paso{
  background:rgba(201,162,39,0.06);
}

.etiqueta-flujo{
  font-size:13px;
  letter-spacing:0.04em;
  color:#7d5f0e;
  font-style:italic;
  font-family:var(--serif);
  margin-bottom:4px;
}

/* ---------- EL LAZO (página interior más visual) ---------- */

.lazo-hero{
  text-align:center;
  padding:24px 32px 100px;
}

.lazo-hero .lema{
  font-family:var(--serif);
  font-style:italic;
  font-weight:400;
  color:var(--dorado-suave);
  font-size:clamp(16px, 2vw, 19px);
  margin-top:14px;
  margin-bottom:56px;
}

.lazo-hero img{
  max-width:340px;
  width:70%;
  margin:0 auto;
  filter:drop-shadow(0 20px 45px rgba(0,0,0,0.6));
}

.momento-tipografico{
  text-align:center;
  max-width:760px;
  margin:0 auto;
}

.momento-tipografico .linea{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(30px, 5.2vw, 52px);
  line-height:1.3;
  color:var(--texto-oscuro);
}

.momento-tipografico .linea.dorada{
  color:#7d5f0e;
}

.construccion-lazo{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:64px;
  align-items:center;
  max-width:920px;
  margin:0 auto;
}

@media (max-width:760px){
  .construccion-lazo{ grid-template-columns:1fr; text-align:center; }
  .construccion-lazo img{ margin:0 auto; }
}

.construccion-lazo img{
  max-width:100%;
}

.lista-construccion{
  list-style:none;
}

.lista-construccion li{
  display:flex;
  gap:16px;
  padding:18px 0;
  border-bottom:1px solid rgba(201,162,39,0.15);
}

.lista-construccion li:last-child{ border-bottom:none; }

.lista-construccion .num{
  font-family:var(--serif);
  color:var(--dorado);
  font-size:15px;
  min-width:24px;
}

.lista-construccion .texto{
  color:var(--texto-claro);
  font-size:16px;
  line-height:1.6;
  padding-top:1px;
}

.comparacion-simbolos{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  max-width:760px;
  margin:0 auto;
  text-align:center;
}

@media (max-width:640px){
  .comparacion-simbolos{ grid-template-columns:1fr; gap:48px; }
}

.comparacion-simbolos img{
  width:96px;
  height:96px;
  object-fit:cover;
  margin:0 auto 20px;
  border-radius:50%;
}

.comparacion-simbolos h3{
  font-family:var(--serif);
  font-weight:500;
  font-size:16px;
  letter-spacing:0.04em;
  color:var(--dorado-suave);
  margin-bottom:10px;
}

.comparacion-simbolos p{
  color:var(--texto-claro-tenue);
  font-size:15px;
  line-height:1.6;
}

.cierre-lazo{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(20px, 2.8vw, 28px);
  line-height:1.45;
  color:var(--marfil);
  max-width:760px;
  margin:0 auto 40px;
  letter-spacing:0.01em;
}

.salidas-lazo{
  display:flex;
  justify-content:center;
  gap:28px;
  flex-wrap:wrap;
  margin-top:36px;
}

.salidas-lazo a{
  font-size:14px;
  font-weight:600;
  letter-spacing:0.02em;
  color:var(--dorado-suave);
  border-bottom:1px solid rgba(217,190,106,0.35);
  padding-bottom:3px;
}

/* ---------- ÚNETE (más tensión de campaña) ---------- */

.hero-unete{
  text-align:center;
  padding:100px 32px 88px;
}

.hero-unete h1{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(36px, 5.5vw, 56px);
  color:var(--marfil);
  line-height:1.1;
}

.hero-unete .subtitulo{
  font-family:var(--serif);
  font-style:italic;
  color:var(--dorado-suave);
  font-size:clamp(17px, 2vw, 20px);
  margin-top:16px;
}

.hero-unete .parrafo{
  max-width:560px;
  margin:26px auto 0;
  color:var(--texto-claro-tenue);
  font-size:16.5px;
  line-height:1.75;
}

.hero-unete .lema{
  font-family:var(--serif);
  font-style:italic;
  color:var(--dorado);
  font-size:16px;
  margin-top:30px;
}

.hero-unete .ctas-participa{ margin-top:38px; }

.numero-ejemplo{
  text-align:center;
}

.numero-ejemplo .numero{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(64px, 12vw, 128px);
  color:var(--dorado);
  line-height:1;
}

.numero-ejemplo p{
  margin-top:18px;
  color:var(--texto-claro-tenue);
  font-size:16px;
  max-width:420px;
  margin-left:auto;
  margin-right:auto;
}

.numero-ejemplo .frase-firma{
  margin-top:22px;
  font-family:var(--serif);
  font-style:italic;
  color:var(--marfil);
  font-size:18px;
}

.fundadores-visual{
  display:grid;
  grid-template-columns:200px 1fr;
  gap:48px;
  align-items:center;
  max-width:760px;
  margin:36px auto 0;
}

@media (max-width:640px){
  .fundadores-visual{ grid-template-columns:1fr; text-align:center; }
  .fundadores-visual img{ margin:0 auto; }
}

.fundadores-visual img{ max-width:100%; }

.fundadores-rango{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(26px, 3.4vw, 36px);
  color:var(--texto-oscuro);
  line-height:1.2;
}

.fundadores-rango .etiqueta{
  display:block;
  font-family:var(--sans);
  font-size:13px;
  letter-spacing:0.08em;
  color:#7d5f0e;
  margin-top:6px;
}

.comparacion-insignias{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:40px;
  max-width:820px;
  margin:0 auto;
  text-align:center;
}

@media (max-width:700px){
  .comparacion-insignias{ grid-template-columns:1fr; gap:44px; }
}

.comparacion-insignias img{
  width:88px;
  height:88px;
  object-fit:cover;
  border-radius:50%;
  margin:0 auto 18px;
}

.comparacion-insignias h3{
  font-family:var(--serif);
  font-weight:500;
  font-size:15px;
  letter-spacing:0.03em;
  color:var(--dorado-suave);
  margin-bottom:8px;
}

.comparacion-insignias p{
  color:var(--texto-claro-tenue);
  font-size:14.5px;
  line-height:1.6;
}

.lista-peticiones{
  list-style:none;
  max-width:520px;
  margin:0 auto;
  text-align:center;
}

.lista-peticiones li{
  font-family:var(--serif);
  font-size:clamp(18px, 2.4vw, 22px);
  color:var(--texto-oscuro);
  padding:14px 0;
  border-bottom:1px solid rgba(138,106,16,0.15);
}

.lista-peticiones li:last-child{ border-bottom:none; font-style:italic; }

.datos-campos{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:20px 0;
}

.datos-campos span{
  font-size:14px;
  color:var(--texto-oscuro-tenue);
}

.cierre-campana{
  padding:120px 32px;
  text-align:center;
}

.cierre-campana .pregunta{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(24px, 3.2vw, 34px);
  color:var(--marfil);
}

.cierre-campana .unete-grande{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(48px, 9vw, 92px);
  color:var(--dorado);
  line-height:1;
  margin:18px 0;
}

.cierre-campana .cobardes{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(18px, 2.4vw, 24px);
  color:var(--texto-claro);
  margin-bottom:44px;
}

.cierre-campana .secundario{
  margin-top:28px;
  font-size:14px;
  color:var(--texto-claro-tenue);
}

/* ---------- TIENDA ---------- */

.tienda-apertura{
  text-align:center;
  padding:100px 32px 84px;
}

.tienda-apertura h1{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(34px, 5vw, 52px);
  color:var(--marfil);
}

.tienda-apertura .subtitulo{
  font-family:var(--serif);
  font-style:italic;
  color:var(--dorado-suave);
  font-size:clamp(16px, 2vw, 19px);
  margin-top:14px;
  margin-bottom:34px;
}

.tienda-apertura p.parrafo{
  max-width:540px;
  margin:0 auto 14px;
  color:var(--texto-claro-tenue);
  font-size:16.5px;
  line-height:1.75;
}

.tienda-apertura .destacado{
  font-family:var(--serif);
  font-style:italic;
  color:var(--marfil);
  font-size:clamp(19px, 2.4vw, 23px);
  max-width:480px;
  margin:30px auto 0;
  line-height:1.5;
}

.ver-productos-flecha{
  display:inline-block;
  margin-top:44px;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.04em;
  color:var(--dorado-suave);
}

.productos-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:44px 40px;
  max-width:760px;
  margin:44px auto 0;
}

@media (max-width:600px){
  .productos-grid{ grid-template-columns:1fr; }
}

.producto-item{
  text-align:center;
}

.producto-item img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:50%;
  margin:0 auto 16px;
}

.producto-item .num{
  font-family:var(--serif);
  color:#7d5f0e;
  font-size:13px;
  display:block;
  margin-bottom:4px;
}

.producto-item h3{
  font-family:var(--serif);
  font-weight:500;
  font-size:17px;
  color:var(--texto-oscuro);
  margin-bottom:8px;
}

.producto-item p{
  font-size:14.5px;
  color:var(--texto-oscuro-tenue);
  line-height:1.6;
  max-width:240px;
  margin:0 auto;
}

.producto-item .estado{
  display:inline-block;
  margin-top:12px;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.06em;
  color:#7d5f0e;
  border:1px solid rgba(138,106,16,0.35);
  padding:4px 10px;
  border-radius:2px;
}

.provocacion-bloque{
  text-align:center;
  padding:88px 32px;
}

.provocacion-bloque .linea1{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(22px, 3vw, 30px);
  color:var(--marfil);
}

.provocacion-bloque .linea2{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(32px, 5vw, 48px);
  color:var(--dorado);
  margin:10px 0;
}

.provocacion-bloque .linea3{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(17px, 2.2vw, 21px);
  color:var(--texto-claro);
  margin-bottom:28px;
}

.provocacion-bloque .explicacion{
  max-width:480px;
  margin:0 auto;
  color:var(--texto-claro-tenue);
  font-size:15.5px;
  line-height:1.7;
}

.salidas-tienda{
  display:flex;
  justify-content:center;
  gap:28px;
  flex-wrap:wrap;
  margin-top:36px;
}

.salidas-tienda a{
  font-size:14px;
  font-weight:600;
  letter-spacing:0.02em;
  color:var(--dorado-suave);
  border-bottom:1px solid rgba(217,190,106,0.35);
  padding-bottom:3px;
}

/* ---------- ACCESIBILIDAD: FOCO DE TECLADO ---------- */

a:focus-visible,
button:focus-visible{
  outline:2px solid var(--dorado);
  outline-offset:3px;
  border-radius:1px;
}