/* ===========================================================================
   Estilo de las páginas legales de Boreh (términos y política de privacidad).
   Vive acá para que las dos se vean igual y se cambien en un solo lugar.
   =========================================================================== */
:root{
  --oro-claro:#e0c270; --oro:#dfad4f; --oro-hondo:#bb832c; --oro-texto:#9c6b22;
  --oro-degradado:linear-gradient(90deg,#e0c270 0%,#dfad4f 50%,#bb832c 100%);
  --oro-lavado:#f6eccb;
  --crema:#faf5ea; --marfil:#f4ead6; --arena:#ece0c8;
  --linea:#e3d6bb; --linea-suave:#efe5d1;
  --tinta:#4a4238; --tinta-fuerte:#2e2820; --tinta-suave:#7b7062; --tinta-tenue:#a1968a;
  --curva:20px; --sombra:0 10px 30px rgba(120,95,50,.09);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Quicksand',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--crema);color:var(--tinta);line-height:1.7;font-size:1rem;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Playfair Display',Georgia,'Times New Roman',serif;
  font-weight:600;line-height:1.2;color:var(--tinta-fuerte)}
a{color:var(--oro-texto)}
img{display:block;max-width:100%}
.cinta{height:5px;background:var(--oro-degradado)}
.env{width:100%;max-width:760px;margin:0 auto;padding:0 20px}

/* --------------------------------------------------------- Cabecera */
.tyc-cab{text-align:center;padding:38px 0 30px}
.tyc-logo{width:auto;height:52px;margin:0 auto 20px;object-fit:contain}
.tyc-cab h1{font-size:2rem;font-style:italic}
.tyc-fecha{
  display:inline-block;margin-top:14px;padding:6px 16px;border-radius:999px;
  background:var(--oro-lavado);color:var(--oro-texto);
  font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
}
.tyc-intro{color:var(--tinta-suave);margin-top:16px;font-size:.98rem}

/* ---------------------------------------------------------- Secciones */
main{padding-bottom:56px}
.tyc{
  background:#fff;border:1px solid var(--linea-suave);border-radius:var(--curva);
  box-shadow:var(--sombra);padding:26px 22px;margin-bottom:14px;
}
.tyc-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;margin-bottom:12px;
  background:var(--oro-degradado);color:#fff;
  font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;
}
.tyc h2{font-size:1.28rem;font-style:italic;margin-bottom:12px}
.tyc p{margin-bottom:12px}
.tyc p:last-child{margin-bottom:0}
.tyc strong{color:var(--tinta-fuerte);font-weight:700}

.tyc-lista{list-style:none;display:grid;gap:9px;margin:14px 0}
.tyc-lista li{position:relative;padding-left:22px}
.tyc-lista li::before{
  content:'';position:absolute;left:4px;top:.72em;
  width:7px;height:7px;border-radius:50%;background:var(--oro);
}

.tyc-tabla{
  list-style:none;display:grid;gap:8px;margin:14px 0;
  background:var(--marfil);border:1px solid var(--linea);border-radius:14px;padding:14px 16px;
}
.tyc-tabla li{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tyc-tabla b{color:var(--tinta-fuerte)}
.tyc-tabla span{color:var(--tinta-suave)}

.destacado{
  background:var(--oro-lavado);border:1px solid #ecd9a8;border-radius:14px;
  padding:14px 16px;margin:14px 0;font-size:.95rem;
}

/* ----------------------------------------------------------- Contacto */
.tyc-contacto{
  background:var(--marfil);border:1px dashed var(--linea);border-radius:var(--curva);
  padding:26px 22px;text-align:center;margin-top:22px;
}
.tyc-contacto h2{font-size:1.28rem;font-style:italic;margin-bottom:8px}
.tyc-contacto p{color:var(--tinta-suave);margin-bottom:16px}
.tyc-botones{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:50px;padding:0 22px;border-radius:999px;border:1.5px solid transparent;
  font-family:inherit;font-size:.94rem;font-weight:700;text-decoration:none;transition:.15s ease;
}
.btn-oro{background:var(--oro-degradado);color:#fff;box-shadow:0 8px 18px rgba(187,131,44,.25)}
.btn-oro:hover{filter:brightness(1.05)}
.btn-linea{background:#fff;border-color:var(--linea);color:var(--tinta)}
.btn-linea:hover{border-color:var(--oro);color:var(--oro-texto)}

.pie{text-align:center;padding:26px 0 40px;color:var(--tinta-tenue);font-size:.84rem}
.pie a{text-decoration:none}
.pie .sep{margin:0 8px;color:var(--linea)}

@media(min-width:620px){
  .tyc-cab{padding:52px 0 38px}
  .tyc-cab h1{font-size:2.5rem}
  .tyc{padding:30px 30px}
  .tyc-contacto{padding:32px 30px}
}