/* Hoja compartida por las paginas de aterrizaje (/precios, /productora-...).
   La portada sigue llevando su CSS en linea: estas paginas son documentos de
   lectura, no la puesta en escena del home, y comparten un sistema mas sobrio. */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#07070a;
  --white:#ede9e2;
  --gold:#b8952a;
  --gold-bright:#d4aa3a;
  --gray1:#111114;
  --gray2:#1c1c20;
  --gray3:#2e2e33;
  --gray4:#555560;
  --gray5:#888896;
  --serif:'Cormorant Garamond',serif;
  --display:'Bebas Neue',sans-serif;
  --body:'DM Sans',sans-serif;
  --pad:5vw;
}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--white);font-family:var(--body);font-weight:300;line-height:1.75;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
::selection{background:var(--gold);color:var(--bg)}

/* NAV */
.pg-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.1rem var(--pad);background:rgba(7,7,10,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray3)}
.pg-nav-logo{font-family:var(--display);font-size:1.35rem;letter-spacing:0.2em;text-decoration:none;display:flex;align-items:center;gap:0.3rem}
.pg-nav-logo .dot{color:var(--gold);font-size:1.7rem;line-height:0.5}
.pg-nav-cta{font-family:var(--display);font-size:0.8rem;letter-spacing:0.15em;color:var(--gold);
  border:1px solid rgba(184,149,42,0.4);padding:0.55rem 1.2rem;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.pg-nav-cta:hover{background:var(--gold);color:var(--bg)}

/* MIGA DE PAN */
.pg-breadcrumb{padding:1.5rem var(--pad) 0;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gray4)}
.pg-breadcrumb a{color:var(--gray5);text-decoration:none;transition:color .3s}
.pg-breadcrumb a:hover{color:var(--gold)}
.pg-breadcrumb span{margin:0 0.5rem;color:var(--gray3)}

/* CABECERA */
.pg-hero{padding:2.5rem var(--pad) 3.5rem;border-bottom:1px solid var(--gray3);position:relative;overflow:hidden}
.pg-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 80% 0%,rgba(184,149,42,0.06) 0%,transparent 70%);pointer-events:none}
.pg-eyebrow{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}
.pg-eyebrow::before{content:'';width:2.5rem;height:1px;background:var(--gold);flex:none}
.pg-eyebrow span{font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold)}
h1{font-family:var(--display);font-size:clamp(2.6rem,7vw,5.5rem);line-height:0.95;letter-spacing:0.01em;font-weight:400;max-width:20ch}
h1 em{font-family:var(--serif);font-style:italic;color:var(--gold);letter-spacing:0.02em}
.pg-lede{margin-top:1.75rem;max-width:62ch;font-size:1.05rem;line-height:1.85;color:var(--gray5);font-weight:200}
.pg-lede strong{color:var(--white);font-weight:400}

/* CUERPO */
main{padding:0 var(--pad)}
section{padding:3.5rem 0;border-bottom:1px solid var(--gray3);max-width:78ch}
section:last-of-type{border-bottom:none}
h2{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.4rem);letter-spacing:0.04em;font-weight:400;margin-bottom:1.5rem;line-height:1.1}
h3{font-family:var(--body);font-size:1.02rem;font-weight:400;letter-spacing:0.01em;color:var(--white);margin:2rem 0 0.6rem}
p{margin-bottom:1.15rem;color:var(--gray5);font-weight:200;max-width:68ch}
p strong{color:var(--white);font-weight:400}
main a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(184,149,42,0.3);transition:border-color .3s}
main a:hover{border-bottom-color:var(--gold)}
ul,ol{margin:0 0 1.25rem 1.1rem;color:var(--gray5);font-weight:200}
li{margin-bottom:0.55rem;padding-left:0.3rem}
li::marker{color:var(--gold)}
blockquote{border-left:2px solid var(--gold);padding-left:1.5rem;margin:2rem 0;font-family:var(--serif);font-size:1.3rem;font-style:italic;line-height:1.6;color:var(--white)}

/* FICHA DE DATOS */
.pg-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--gray3);border:1px solid var(--gray3);margin:2rem 0}
.pg-fact{background:var(--gray1);padding:1.4rem 1.2rem}
.pg-fact dt{font-size:0.62rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--gray4);margin-bottom:0.5rem}
.pg-fact dd{font-family:var(--display);font-size:1.5rem;letter-spacing:0.05em;color:var(--gold);line-height:1.1}
.pg-fact dd small{display:block;font-family:var(--body);font-size:0.78rem;letter-spacing:0;color:var(--gray5);margin-top:0.4rem;font-weight:200;line-height:1.6}

/* TABLA DE PRECIOS */
.pg-table-wrap{overflow-x:auto;margin:2rem 0;border:1px solid var(--gray3)}
table{border-collapse:collapse;width:100%;min-width:34rem;font-size:0.92rem}
caption{text-align:left;padding:1rem 1.2rem;font-size:0.65rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--gray4);background:var(--gray1);border-bottom:1px solid var(--gray3)}
th,td{padding:0.95rem 1.2rem;text-align:left;border-bottom:1px solid var(--gray3);vertical-align:top}
thead th{font-family:var(--display);font-size:0.85rem;letter-spacing:0.15em;color:var(--white);font-weight:400;background:var(--gray1)}
tbody th{font-weight:400;color:var(--white);font-size:0.95rem}
td{color:var(--gray5);font-weight:200}
td.precio{font-family:var(--display);font-size:1.15rem;letter-spacing:0.05em;color:var(--gold);white-space:nowrap}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}

/* PREGUNTAS FRECUENTES */
.pg-faq{margin-top:1.5rem}
.pg-faq details{border-bottom:1px solid var(--gray3)}
.pg-faq summary{cursor:pointer;padding:1.15rem 2rem 1.15rem 0;font-size:1rem;color:var(--white);font-weight:400;list-style:none;position:relative;transition:color .3s}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary::after{content:'+';position:absolute;right:0;top:1rem;font-family:var(--display);font-size:1.4rem;color:var(--gold);transition:transform .3s}
.pg-faq details[open] summary::after{transform:rotate(45deg)}
.pg-faq summary:hover{color:var(--gold)}
.pg-faq .faq-body{padding:0 0 1.4rem}
.pg-faq .faq-body p:last-child{margin-bottom:0}

/* LLAMADO A LA ACCION */
.pg-cta{margin:3.5rem 0 0;padding:2.5rem;border:1px solid rgba(184,149,42,0.25);background:linear-gradient(135deg,rgba(184,149,42,0.06),transparent 60%);max-width:78ch}
.pg-cta h2{margin-bottom:0.75rem}
.pg-cta p{margin-bottom:1.75rem}
.pg-btn{display:inline-flex;align-items:center;gap:0.75rem;font-family:var(--display);font-size:1rem;letter-spacing:0.15em;
  background:var(--gold);color:var(--bg);padding:0.9rem 1.9rem;text-decoration:none;border:none;transition:background .3s,transform .3s}
.pg-btn:hover{background:var(--gold-bright);transform:translateX(4px)}
.pg-btn-ghost{background:transparent;color:var(--gold);border:1px solid rgba(184,149,42,0.4);margin-left:0.75rem}
.pg-btn-ghost:hover{background:rgba(184,149,42,0.1);color:var(--gold-bright)}

/* ENLACES ENTRE PAGINAS */
.pg-related{padding:3rem var(--pad);border-top:1px solid var(--gray3);background:var(--gray1)}
.pg-related h2{font-size:1.1rem;letter-spacing:0.2em;color:var(--gray4);margin-bottom:1.5rem}
.pg-related ul{list-style:none;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--gray3);border:1px solid var(--gray3)}
.pg-related li{margin:0;padding:0;background:var(--bg)}
.pg-related a{display:block;padding:1.3rem;text-decoration:none;border:none;transition:background .3s}
.pg-related a:hover{background:var(--gray2)}
.pg-related .rl-title{display:block;color:var(--white);font-size:0.95rem;margin-bottom:0.3rem}
.pg-related .rl-desc{display:block;color:var(--gray4);font-size:0.8rem;font-weight:200;line-height:1.6}

/* PIE */
.pg-footer{padding:3rem var(--pad);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--gray3)}
.pg-footer .ft-logo{font-family:var(--display);font-size:1.3rem;letter-spacing:0.2em}
.pg-footer .ft-logo span{color:var(--gold)}
.pg-footer .ft-copy{font-size:0.75rem;color:var(--gray4);font-weight:200}
.pg-footer .ft-links{display:flex;gap:1.5rem;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase}
.pg-footer .ft-links a{color:var(--gray5);text-decoration:none;transition:color .3s}
.pg-footer .ft-links a:hover{color:var(--gold)}

@media(max-width:768px){
  :root{--pad:1.5rem}
  .pg-nav{padding:0.9rem var(--pad)}
  .pg-nav-logo{font-size:1.1rem}
  .pg-nav-cta{font-size:0.7rem;padding:0.45rem 0.9rem}
  .pg-hero{padding:2rem var(--pad) 2.5rem}
  .pg-lede{font-size:0.98rem}
  .pg-cta{padding:1.75rem}
  .pg-btn-ghost{margin-left:0;margin-top:0.75rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:0.01ms!important;animation-duration:0.01ms!important}
}

/* POR CONFIRMAR — marca los datos que Andree debe validar antes de publicar.
   Se quita borrando la clase; si queda alguna, salta a la vista en revision. */
.tbc{border-bottom:1px dashed var(--gold);color:var(--gold-bright)}
.tbc::after{content:' [por confirmar]';font-size:0.7em;letter-spacing:0.1em;text-transform:uppercase;opacity:0.7}
.tbc-nota{font-size:0.88rem;color:var(--gray4);border-left:2px solid var(--gray3);padding-left:1rem}
.a-medida{font-family:var(--body);font-size:0.8rem;letter-spacing:0.02em;color:var(--gray5);font-weight:200;white-space:nowrap}