/* Páginas de ayuda de Peyote FC (Información, Seguimiento, En este celular):
   mismo encabezado oscuro que el catálogo + detalles. Solo estilo. */
:root{--hp-ink:#121212;--hp-accent:#ff8346;--hp-bone:#f7f6f2;--hp-line:#e4e0d4;--hp-mono:"IBM Plex Mono","DM Mono",ui-monospace,Menlo,Consolas,monospace}
html body.tracking-page,html body{background:var(--hp-bone)}
/* ----- Encabezado oscuro ----- */
html body .help-hero{position:relative;margin:0 0 40px;padding:clamp(34px,5vw,64px) 0;background:var(--hp-ink);color:#fff;box-shadow:0 0 0 100vmax var(--hp-ink);clip-path:inset(0 -100vmax);text-align:left}
html body .help-hero>p:first-child{margin:0 0 12px;color:var(--hp-accent);font:600 11px/1 var(--hp-mono);letter-spacing:.14em;text-transform:uppercase}
html body .help-hero h1{max-width:900px;margin:0;color:#fff;font:800 clamp(38px,6.4vw,84px)/.92 Raleway,Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase}
html body .help-hero>p:not(:first-child){max-width:560px;margin:14px 0 0;color:#bdbbb4;font:500 15px/1.5 Raleway,Arial,sans-serif}
/* Información */
html body .info-page{min-height:0;padding:0 0 70px;background:transparent}
html body .info-page>*:not(.help-hero){width:min(1120px,calc(100% - 32px));margin-left:auto;margin-right:auto}
html body .info-page>.help-hero{width:min(1120px,calc(100% - 32px));margin-left:auto;margin-right:auto}
html body .info-page .policy-lead .eyebrow{color:var(--hp-accent)}
html body .info-page a{color:var(--hp-ink);text-decoration:underline;text-underline-offset:3px}
html body .info-back{display:inline-block;margin-top:34px;border-radius:999px;border:1px solid var(--hp-ink);padding:12px 20px;text-decoration:none!important}
/* Seguimiento */
html body .tracking-header{background:#fff}
html body .tracking-wrap{max-width:none;padding:0 0 70px}
html body .tracking-wrap>*{width:min(1020px,calc(100% - 32px));margin-left:auto;margin-right:auto}
html body .tracking-form{padding:22px;border:1px solid var(--hp-line);border-radius:16px;background:#fff;box-shadow:0 14px 30px -26px rgba(18,18,18,.55)}
html body .tracking-form input{border-radius:10px}
html body .tracking-form button{border-radius:999px;background:var(--hp-ink);transition:background .2s}
html body .tracking-form button:hover{background:var(--hp-accent);border-color:var(--hp-accent)}
html body .tracking-order{padding:0 22px;border:1px solid var(--hp-line);border-radius:16px;background:#fff}
/* En este celular (cuenta.html) */
html body .account-header{background:#fff}
html body .account-wrap{max-width:none;padding:0 0 70px}
html body .account-wrap>*{width:min(760px,calc(100% - 32px));margin-left:auto;margin-right:auto}
html body .account-wrap>.help-hero{width:min(760px,calc(100% - 32px))}
/* ----- Preguntas frecuentes ----- */
.hp-faq{display:grid;gap:12px;margin:0 0 10px}
.hp-faq details{border:1px solid var(--hp-line);border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s}
.hp-faq details[open]{border-color:var(--hp-ink);box-shadow:0 14px 30px -26px rgba(18,18,18,.55)}
.hp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;font:700 16px/1.3 Raleway,Arial,sans-serif;letter-spacing:-.01em}
.hp-faq summary::-webkit-details-marker{display:none}
.hp-faq summary::after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--hp-ink);color:#fff;font:500 18px/1 var(--hp-mono);transition:transform .2s,background .2s}
.hp-faq details[open] summary::after{transform:rotate(45deg);background:var(--hp-accent)}
.hp-faq details>div{padding:0 20px 20px;color:#565656;font:500 14.5px/1.65 Raleway,Arial,sans-serif}
.hp-faq details>div p{margin:0 0 8px}
/* ----- Contacto y Nosotros ----- */
.hp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.hp-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--hp-line);border-radius:16px;background:#fff;box-shadow:0 14px 30px -26px rgba(18,18,18,.55)}
.hp-card small{color:var(--hp-accent);font:600 11px/1 var(--hp-mono);letter-spacing:.14em;text-transform:uppercase}
.hp-card h3{margin:0;font:800 20px/1.15 Raleway,Arial,sans-serif;letter-spacing:-.03em}
.hp-card p{margin:0;color:#5f5c55;font:500 14px/1.55 Raleway,Arial,sans-serif}
.hp-card a.hp-btn{align-self:flex-start;margin-top:auto;padding:11px 18px;border-radius:999px;background:var(--hp-ink);color:#fff!important;text-decoration:none!important;font:700 12px/1 var(--hp-mono);letter-spacing:.06em;text-transform:uppercase;transition:background .2s}
.hp-card a.hp-btn:hover{background:var(--hp-accent)}
.hp-story{max-width:720px;color:#3d3b36;font:500 17px/1.7 Raleway,Arial,sans-serif}
.hp-story p{margin:0 0 18px}
.hp-story strong{color:var(--hp-ink)}
.hp-values{margin-top:34px}
@media(max-width:560px){.hp-faq summary{font-size:15px;padding:16px}html body .tracking-form{padding:16px}}
/* Ajustes finos */
html body .info-page>.info-back{width:auto;margin-left:max(16px,calc((100% - 1120px)/2));margin-right:0}
html body .tracking-wrap,html body .account-wrap,html body main.info-page{background:var(--hp-bone)!important}
html body.tracking-page,html body:has(.account-wrap){background:var(--hp-bone)!important}
html body.legal-document .info-page{padding:0 0 70px}
html body.legal-document .info-page .help-hero h1{max-width:1100px;font-size:clamp(34px,5.4vw,72px);line-height:.94}

/* Logo en el encabezado de Seguimiento y Cuenta */
html body .tracking-header .brand,html body .account-header a:first-child{display:block;width:160px;height:44px;background:url('logo-peyote.webp') no-repeat left center/contain;font-size:0;letter-spacing:0}
html body .tracking-header .brand span,html body .tracking-header .brand b{display:none}
@media(max-width:720px){html body .tracking-header .brand,html body .account-header a:first-child{width:112px;height:38px}}