:root{
  --wor-primary:#6B1B0F;
  --wor-sec-1:#828246;
  --wor-sec-2:#DEAC51;
  --wor-sec-3:#687671;
  --wor-bg:#F6ECD4;
}

/* ---- Tipografía base y comportamiento ---- */
html{scroll-behavior:smooth}
body{
  font-family:'Montserrat',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:400;
  color:#2b2b2b;
  background: var(--wor-bg);
  position: relative;
}
/* Jerarquía de títulos */
h1,h2,h3,h4,h5,h6{
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  line-height:1.25;
  color:#111;
}

/* Utilidades */
.text-primary-wor{color:var(--wor-primary)!important}
.btn-wor{background:var(--wor-primary); color:#fff; border:2px solid var(--wor-primary)}
.btn-wor:hover{background:var(--wor-primary)!important; filter:brightness(1.2); color:#fff}
.btn-outline-wor{border:2px solid var(--wor-primary); color:var(--wor-primary); background:transparent}
.btn-outline-wor:hover{background:var(--wor-primary)!important; color:#fff !important}
.btn-subtle{background:#fff; border:1px solid rgba(0,0,0,.06); color:#333}
.btn-subtle:hover{background:#faf7f1}

/* ---------- Fondo general tipo papel + patrón ---------- */
.bg-pattern{
  position:fixed; inset:0; z-index:-2; pointer-events:none;
  background-color: var(--wor-bg);
  background-image: url("../img/patron.jpg");
  background-repeat: repeat;
  background-size: auto;      /* ajusta si quieres: 200px 200px */
  background-position: center;
}
/* Capa de “papel cálido” por encima del patrón, sin bordes ni radios */
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(246,236,212,0.95));
  box-shadow: 0 25px 50px rgba(107,27,15,0.10) inset;
}

/* Liquid Crystal / Glass Nav */
.site-header{position:sticky; top:12px; z-index:1040}
.glass-nav{
  backdrop-filter:blur(10px);
  background:linear-gradient(135deg, rgba(255,255,255,.65), rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 6px 24px rgba(107,27,15,.12)
}
.nav-link{font-weight:600}
.nav-link:hover{color:var(--wor-primary)}
.navbar-toggler{border-color:rgba(0,0,0,.1)}

/* Hero */
.hero-section{
  padding-top:72px;
  border-radius: 0;
}
/* Playfair solo para el título del hero */
.hero-title{font-family:'Playfair Display',serif; line-height:1.1; font-weight:700}
.hero-title .text-primary-wor{position:relative; display:inline-block}
.hero-title .text-primary-wor:after{
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:12px;
  background:linear-gradient(90deg,var(--wor-sec-2),var(--wor-primary));
  opacity:.25; border-radius:8px
}
.hero-image{transform:translateZ(0)}

/* Press slider */
.press-item{padding:10px 20px}
.press-item img{height:72px; object-fit:contain; filter:grayscale(1) opacity(.8); margin:0 auto;}
.press-item img:hover{filter:none}

/* Secciones */
.section-title{
  /* cambiamos a Montserrat para coherencia global */
  font-family:'Montserrat',sans-serif; 
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.section-anchor{scroll-margin-top:110px}
.bg-glass{
  background:linear-gradient(135deg, rgba(255,255,255,.7), rgba(255,255,255,.45));
  border:1px solid rgba(255,255,255,.7);
  backdrop-filter:blur(8px)
}

/* ---------- Guías — Libro 3D (pa-book) ---------- */
.pa-book{
  --book-w: 276px; 
  --book-h: 375px; 
  --spine-w: 40px; 
  --pages-w: 30px;

  width: var(--book-w);
  height: var(--book-h);
  margin: 20px auto 0;
  position: relative;

  perspective: 150px;
  perspective-origin: right center;
  transform-style: preserve-3d;

  /* Ajuste sutil para dar peso visual */
  transform: scaleX(0.88) scaleY(0.95);
}

.pa-book-img{
  display: block;
  width: var(--book-w);
  height: var(--book-h);
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: 6px;
  object-fit: cover;
  transform: rotateY(-4deg) translateZ(0);
  box-shadow: 0 10px 28px rgba(0,0,0,.25);
}

/* Spine y páginas con pseudo-elementos */
.pa-book::before,
.pa-book::after{ 
  content:''; position:absolute; top:0;
}

.pa-book::before{
  height:100%;
  width: var(--spine-w);
  right: calc(-1 * (var(--spine-w) - 15px));
  background: linear-gradient(180deg, #4e1109, #7a1f13 40%, #6B1B0F 100%);
  z-index:2;
  transform: rotateY(-4deg) translateZ(0);
  border-top-right-radius: 4px; 
  border-bottom-right-radius: 4px;
}

.pa-book::after{
  height:98%;
  width: var(--pages-w);
  right: calc(-1 * (var(--pages-w) - 11px));
  top:1%;
  background: #F5F5F5;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1), 18px 3px 20px rgba(0,0,0,0.25) inset;
  z-index:3;
  transform: rotateY(20deg) translateZ(5px);
  border-radius: 3px;
}

/* Responsivo del bloque libro dentro de la card */
.guide-card .pa-book{ width:100%; height:auto; max-width:276px; }
.guide-card .pa-book, 
.guide-card .pa-book-img{ aspect-ratio: 276 / 375; height:auto; }

/* Experience */
.experience-section{background:linear-gradient(180deg, rgba(222,172,81,.08), rgba(107,27,15,.06))}
.flow-steps{display:grid; gap:16px}
.step{
  display:flex; gap:14px; align-items:flex-start;
  background:#fff; border:1px solid rgba(0,0,0,.06);
  padding:16px; border-radius:14px; box-shadow:0 10px 24px rgba(107,27,15,.08)
}
.step .num{
  flex:0 0 auto; width:36px; height:36px; border-radius:50%;
  background:var(--wor-primary); color:#fff; display:grid; place-items:center; font-weight:700
}

/* Footer */
.site-footer{background:rgba(255,255,255,.7); border-top:1px solid rgba(0,0,0,.06)}

/* Utilidades */
.shadow-lg{box-shadow:0 20px 40px rgba(0,0,0,.12)!important}

/* ---------- Enlaces generales ---------- */
a {
  color: var(--wor-primary);
  text-decoration: none;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

a:hover {
  text-decoration: underline;
  transition: color 0.25s ease, text-decoration 0.25s ease;
}