/* TERMS & CONDITIONS - estilos específicos
   Basado en el sistema de diseño del sitio para mantener coherencia visual
*/

:root{
  --bg:#f5f1ec;
  --text:#161616;
  --muted:#6d6863;
  --red:#e21c1c;
  --border:rgba(18,18,18,.08);
  --shadow:0 20px 60px rgba(0,0,0,.12);
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:linear-gradient(180deg,#faf8f5 0%,var(--bg) 100%);overflow-x:hidden}

.hero-terms{min-height:36vh;display:flex;align-items:center;padding:6rem 0;background:linear-gradient(90deg,rgba(6,6,6,.88) 0%,rgba(6,6,6,.5) 40%, rgba(6,6,6,.15) 70%, rgba(6,6,6,0) 100%),url('../img/inicio/hero/hero.png') center/cover no-repeat;color:#fff}
.hero-terms h1{font-family:'Playfair Display', serif;font-weight:800;font-size:clamp(2.5rem,5vw,4rem)}
.hero-terms .lead{color:rgba(255,255,255,.86);max-width:48ch}

.legal-content{padding:4.5rem 0}
.legal-block h2{font-family:'Playfair Display', serif;margin-bottom:.6rem}
.legal-block p{color:var(--muted);line-height:1.7}

.side-panel{
  position:relative;
  background: linear-gradient(180deg, #ffffff 0%, #fbf9f7 100%);
  padding:1.6rem 1.4rem;
  border-radius:14px;
  border:1px solid rgba(18,18,18,.06);
  box-shadow: 0 18px 46px rgba(16,16,16,.08), inset 0 1px 0 rgba(255,255,255,.65);
  overflow:hidden;
}

/* Decorative accent stripe */
.side-panel::before{
  content: "";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background: linear-gradient(180deg, rgba(226,28,28,1) 0%, rgba(226,28,28,0.55) 60%, rgba(226,28,28,0.18) 100%);
  border-top-left-radius:14px;
  border-bottom-left-radius:14px;
}

.kicker{font-weight:700;color:var(--red);letter-spacing:.06em;margin:0 0 .6rem;font-size:1.05rem}

/* Resumen rápido: lista con iconos y botón destacable (premium) */
.side-panel .summary-list{padding:0;margin:0;list-style:none}
.side-panel .summary-list li{display:flex;align-items:center;gap:1rem;padding:.6rem 0;color:var(--text);font-size:.97rem}
.side-panel .summary-list li i{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;background:rgba(226,28,28,.06);color:var(--red);font-size:1.05rem;box-shadow:0 6px 18px rgba(16,16,16,.06)}
.side-panel .summary-list li + li{border-top:1px solid rgba(16,16,16,.04);padding-top:.85rem;margin-top:.6rem}

.side-panel .summary-list li strong{font-weight:700;color:var(--text)}
.side-panel .summary-list li span{color:var(--muted);font-weight:400}

.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.05rem;background:linear-gradient(90deg,var(--red),var(--red-dark));color:#fff;border-radius:10px;border:0;box-shadow:0 18px 36px rgba(226,28,28,.14);transition:transform .18s ease,box-shadow .18s ease,opacity .12s ease}
.btn-cta i{font-size:1rem}
.btn-cta:hover{transform:translateY(-3px);box-shadow:0 26px 48px rgba(226,28,28,.18);opacity:.98}

/* Ajustes de espaciado interno para panel */
.side-panel{padding:1.8rem}

.divider{border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(16,16,16,.06),transparent);margin:2rem 0}

.cta-panel{background:var(--surface);padding:1.1rem;border-radius:10px;border:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem;color:var(--text);box-shadow:0 12px 30px rgba(16,16,16,.06)}
.cta-panel p{color:var(--muted)}
.btn-primary{display:inline-block;padding:.7rem 1rem;background:var(--red);color:#fff;border-radius:8px}

@media(max-width:991.98px){.hero-terms{padding:4rem 0}}