/* Landing breve. Las reglas del checkout existente permanecen compatibles. */
body.landing-compacta { background:#fff; padding-bottom:calc(94px + env(safe-area-inset-bottom)); }
.landing-compacta [hidden] { display:none!important; }
.compact-wrap { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.compact-header { min-height:76px; padding:12px max(20px,calc((100vw - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #e5e7eb; }
.compact-header img { width:150px; height:46px; object-fit:contain; }
.compact-header a { color:var(--primary); font-size:14px; font-weight:600; text-decoration:none; }
.compact-hero { padding:48px 0 56px; background:linear-gradient(125deg,#fff 45%,#faf6f5); }
.compact-hero-grid { display:grid; grid-template-columns:1fr 1fr; column-gap:52px; align-items:center; }
.compact-intro { grid-column:2; grid-row:1; }
.eyebrow { font-size:11px; letter-spacing:.15em; font-weight:800; color:#a72836; margin-bottom:14px; }
.compact-intro h1 { font-size:clamp(30px,3.6vw,46px); line-height:1.13; max-width:650px; }
.hero-description { font-size:17px; line-height:1.65; color:#475569; margin:18px 0 24px; }
.compact-product { grid-column:1; grid-row:1 / 3; margin:0; align-self:center; }
.compact-product img { display:block; width:100%; height:auto; max-height:540px; object-fit:contain; border-radius:20px; }
.compact-product figcaption { font-size:12px; line-height:1.6; color:#64748b; text-align:center; margin-top:14px; }
.compact-buy { grid-column:2; grid-row:2; }
.compact-packs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:16px; }
.compact-pack { font:inherit; padding:15px 6px; border:1px solid #cbd5e1; background:white; color:var(--primary); border-radius:12px; cursor:pointer; text-align:center; }
.compact-pack.selected { border:2px solid var(--secondary); padding:14px 5px; background:#fff4f3; }
.compact-pack span { font-size:12px; font-weight:700; display:block; }
.compact-pack strong { display:block; font-size:21px; margin:7px 0; }
.compact-pack small { font-size:10px; line-height:1.5; display:block; color:#64748b; }
.compact-primary { display:flex; gap:12px; align-items:center; justify-content:center; width:100%; min-height:56px; padding:14px 16px; border:0; border-radius:12px; background:var(--secondary); color:white; font:700 16px var(--font-body); cursor:pointer; text-decoration:none; }
.compact-primary:hover { background:var(--secondary-dark); }
.compact-help { font-size:13px; color:#526074; line-height:1.65; margin-top:12px; }
.compact-delivery { list-style:none; padding:16px 0 0; font-size:13px; line-height:1.7; color:#475569; }
.compact-delivery li+li { margin-top:6px; }
.compact-section { padding:66px 0; }
.compact-soft { background:#f6f7f9; }
.compact-section h2,.compact-close h2 { font-size:clamp(25px,3vw,35px); line-height:1.25; margin-bottom:20px; }
.compact-section p { line-height:1.75; color:#526074; }
.compact-section p+p { margin-top:12px; }
.compact-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; }
.compact-visual { width:100%; height:auto; max-height:330px; object-fit:contain; border-radius:18px; }
.compact-lead { max-width:760px; }
.compact-benefits { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:30px; }
.compact-benefits>div { border-top:1px solid #e2e8f0; padding-top:20px; }
.compact-benefits span { display:inline-flex; background:#fff1f0; width:42px; height:42px; border-radius:12px; align-items:center; justify-content:center; font-size:23px; margin-bottom:12px; }
.compact-benefits h3 { font-size:16px; line-height:1.5; }
.compact-label { margin:30px 0 0; }
.compact-label img { max-height:450px; max-width:100%; }
.compact-steps { padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin:30px 0; }
.compact-steps li { display:grid; gap:9px; line-height:1.6; }
.compact-steps b { color:#b32938; font-size:24px; }
.compact-steps span { font-size:14px; color:#526074; }
.compact-offers { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.compact-offers article { background:white; border:1px solid #e2e8f0; border-radius:14px; padding:24px; }
.compact-offers h3 { font-size:16px; }
.compact-offers .compact-price { font-size:29px; font-weight:800; color:var(--primary); margin:10px 0 0; }
.compact-link { display:inline-block; background:none; border:0; padding:12px 0; font:700 14px var(--font-body); color:#ad2231; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.compact-faq { max-width:800px; }
.compact-faq details { border-bottom:1px solid #e2e8f0; padding:20px 0; }
.compact-faq summary { cursor:pointer; font-weight:700; line-height:1.5; }
.compact-faq details p { font-size:14px; margin-top:12px; white-space:pre-line; }
.compact-faq a { color:#ad2231; }
.compact-close { text-align:center; padding:54px 0; background:#14294a; color:#fff; }
.compact-close p { line-height:1.6; }
.compact-close .eyebrow { color:#f5b9bd; }
.compact-close .compact-link { color:white; margin-top:12px; }
.compact-footer { padding:35px 0; font-size:13px; line-height:1.8; }
.compact-footer .compact-wrap { display:flex; justify-content:space-between; gap:24px; }
.compact-footer a,.compact-footer small { display:block; color:#475569; }
.compact-sticky { position:fixed; bottom:0; left:0; right:0; z-index:900; padding:12px 20px calc(12px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.97); border-top:1px solid #e2e8f0; }
.compact-sticky .compact-primary { max-width:540px; margin:auto; animation:compact-pulse 2.8s ease-in-out infinite; }
@keyframes compact-pulse { 0%,70%,100% { transform:scale(1); } 35% { transform:scale(1.04); } }
.landing-compacta.modal-open .compact-sticky { display:none; }
.landing-compacta .purchase-pulse,.landing-compacta .btn-submit { animation:none; }
.landing-compacta .modal-container { position:relative; overscroll-behavior:contain; }
.landing-compacta .modal-close { position:absolute; top:12px; right:12px; z-index:2; }
.confirmation-summary { display:grid; grid-template-columns:auto 1fr; gap:12px 18px; text-align:left; background:#f6f7f9; padding:20px; border-radius:12px; margin:20px 0; }
.confirmation-summary dt { color:#526074; }
.confirmation-summary dd { margin:0; font-weight:700; text-align:right; overflow-wrap:anywhere; }
.confirmation-whatsapp { display:inline-block; margin-top:18px; font-size:14px; color:#176b45; text-decoration:underline; }
.modal-container:has(#confirmacionPedido:not([hidden])) .modal-header { display:none; }
.compact-quotes { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.compact-quotes blockquote { margin:0; }
.landing-compacta :focus-visible { outline:3px solid #1d68c6; outline-offset:4px; }
@media(max-width:760px) {
  .compact-wrap { width:calc(100% - 32px); }
  .compact-header { min-height:62px; padding:8px 16px; }
  .compact-header img { width:124px; height:40px; }
  .compact-header a { font-size:12px; }
  .compact-hero { padding:28px 0 36px; }
  .compact-hero-grid { display:flex; flex-direction:column; gap:20px; align-items:stretch; }
  .compact-intro h1 { font-size:30px; }
  .hero-description { font-size:15px; margin:12px 0 0; }
  .compact-product img { max-height:290px; }
  .compact-product figcaption { font-size:11px; margin-top:8px; }
  .compact-pack strong { font-size:19px; }
  .compact-section { padding:42px 0; }
  .compact-split { grid-template-columns:1fr; gap:24px; }
  .compact-benefits { grid-template-columns:1fr 1fr; gap:20px; }
  .compact-benefits h3 { font-size:14px; }
  .compact-steps { grid-template-columns:1fr; gap:22px; }
  .compact-steps li { grid-template-columns:38px 1fr; gap:3px 12px; }
  .compact-steps b { grid-row:1/3; }
  .compact-steps span { grid-column:2; }
  .compact-offers { grid-template-columns:1fr; gap:10px; }
  .compact-offers article { display:grid; grid-template-columns:1fr auto; padding:18px; align-items:center; }
  .compact-offers .compact-price { margin:0; font-size:24px; }
  .compact-offers p+p { margin:0; }
  .compact-footer .compact-wrap { flex-direction:column; }
  .compact-quotes { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  .landing-compacta *, .landing-compacta *::before, .landing-compacta *::after { animation:none!important; transition:none!important; }
}

.landing-compacta button:disabled { cursor:not-allowed; opacity:.6; animation:none; }
.compact-section-image { margin:28px auto; max-width:900px; }
.compact-section-image img { display:block; width:100%; height:auto; border-radius:24px; }
.compact-section-image figcaption { font-size:12px; color:#64748b; text-align:center; margin-top:10px; }
.compact-slides { aspect-ratio:1; width:100%; max-width:540px; margin:auto; }
.compact-slide { height:100%; }
.compact-slide[hidden] { display:none; }
.compact-product .compact-slide img { height:100%; max-height:none; object-fit:contain; }
.compact-carousel-controls { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:12px; }
.compact-carousel-controls button { min-width:44px; height:44px; border:1px solid #ddd; border-radius:50%; background:white; color:#542078; cursor:pointer; font-size:24px; }
.compact-carousel-dots { display:flex; flex-wrap:wrap; justify-content:center; }
.compact-carousel-dots button { min-width:28px; width:28px; border:0; border-radius:0; position:relative; }
.compact-carousel-dots button::after { content:''; position:absolute; width:9px; height:9px; border-radius:50%; background:#d6c9df; top:17px; left:9px; }
.compact-carousel-dots button[aria-current="true"]::after { background:#6b21a8; }
.compact-carousel-hint { font-size:11px; color:#64748b; text-align:center; margin:6px 0; }
@media(max-width:600px) { .compact-slides { max-width:290px; } }

/* Presentación de producto y mensaje de entrega persistente. */
.compact-promo-message { margin:0; padding:12px max(20px,calc((100vw - 1120px)/2)); background:#f4e9fb; color:#49235e; text-align:center; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.compact-product-badge { margin:8px 0; text-align:center; color:#633079; font-size:12px; font-weight:700; }
.compact-callout { border-left:3px solid #79458f; padding:12px 18px; margin:16px 0; background:#f6effa; }
.compact-editorial { margin:16px 0; padding:18px; border:1px solid #e9e0ef; border-radius:12px; background:#fff; }
.compact-editorial summary { cursor:pointer; font-weight:700; color:#49235e; }
.compact-editable-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:16px; margin:16px 0; }
.compact-editable-cards h3 { font-size:16px; margin:8px 0; }
.compact-editable-cards p { font-size:14px; }
.compact-hero-benefits .compact-editable-cards { display:flex; flex-wrap:wrap; gap:8px 16px; }
.compact-hero-benefits p { margin:0; color:#633079; font-size:12px; }
.compact-table-scroll { overflow-x:auto; margin-top:16px; }
.compact-table-scroll table { width:100%; border-collapse:collapse; }
.compact-table-scroll th,.compact-table-scroll td { padding:12px; border:1px solid #e9e0ef; text-align:left; }
.compact-disclaimer { padding-block:24px; color:#64748b; font-size:12px; line-height:1.7; }
.compact-shipping,.compact-promo-message,.compact-editorial { overflow-wrap:anywhere; }
.compact-shipping { position:sticky; top:0; z-index:950; display:flex; justify-content:center; align-items:center; gap:12px; padding:13px 20px; background:#301047; color:#fff; font-size:13px; line-height:1.5; text-align:center; box-shadow:0 2px 12px #200a3020; }
.compact-shipping strong { color:#ffe6a8; }
.compact-section { scroll-margin-top:65px; }
.compact-header { border-bottom:0; background:#fff; }
.compact-hero { background:radial-gradient(ellipse at 12% 30%,#eaddf4,transparent 55%),linear-gradient(120deg,#faf6fd,#fff9f5); padding:32px 0 60px; }
.compact-hero-grid { column-gap:44px; }
.compact-intro h1 { letter-spacing:-.04em; color:#281238; font-size:clamp(32px,3.8vw,51px); }
.compact-intro .eyebrow { color:#754391; letter-spacing:.12em; }
.hero-description { font-size:16px; }
.compact-product { background:#fff; padding:16px; border:1px solid #eadff0; border-radius:28px; box-shadow:0 18px 55px #38104f12; }
.compact-slides { max-width:580px; }
.compact-buy { background:#fff; border:1px solid #e9deee; padding:24px; border-radius:22px; box-shadow:0 12px 35px #28123808; }
.compact-buy-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.compact-buy-heading .eyebrow { margin:0; color:#49235e; }
.compact-buy-heading>span { color:#64748b; font-size:11px; }
.compact-packs { gap:10px; }
.compact-pack { min-height:116px; border:1px solid #e1d5e8; border-radius:14px; }
.compact-pack.selected { background:#fff4f4; border-color:#d52236; box-shadow:0 0 0 3px #d5223610; }
.compact-pack.selected>span::before { content:'✓ '; }
.compact-pack strong { font-size:23px; letter-spacing:-.04em; }
.compact-reassurance { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; color:#5d466b; font-size:11px; margin:18px 0; }
.compact-primary { box-shadow:0 6px 18px #d5223620; }
.compact-delivery { border-top:1px solid #eee5f2; margin-top:16px; }
.compact-section h2 { color:#321644; letter-spacing:-.025em; }
.compact-soft { background:#f8f5fa; }
.compact-visual { max-height:430px; box-shadow:0 16px 40px #30104712; }
.compact-benefits>div { border:1px solid #e9e0ef; background:#fff; padding:24px; border-radius:18px; }
.compact-benefits span { background:#f3eafa; }
.compact-steps { background:#fff; border:1px solid #e8dfee; border-radius:20px; padding:24px; }
.compact-steps b { color:#79458f; }
.compact-offers article { border-color:#e6d8ed; box-shadow:0 8px 24px #30104706; }
.compact-offers .compact-price { color:#54236c; }
.compact-section-image { max-width:820px; }
.compact-section-image img { box-shadow:0 18px 42px #32164416; }
.compact-faq details { padding:20px; border:1px solid #e9e0ef; border-radius:12px; margin:10px 0; background:white; }
.compact-close { background:radial-gradient(ellipse at top right,#743484,transparent 65%),#291238; }
@media(max-width:760px) {
  .compact-shipping { flex-wrap:wrap; gap:1px 8px; padding:9px 12px; font-size:11px; }
  .compact-shipping>span:last-child { flex-basis:100%; }
  .shipping-divider { display:none; }
  .compact-section { scroll-margin-top:95px; }
  .compact-hero { padding:22px 0 32px; }
  .compact-hero-grid { gap:22px; }
  .compact-product { padding:10px; border-radius:20px; }
  .compact-slides { max-width:100%; }
  .compact-buy { padding:18px 12px; border-radius:18px; }
  .compact-pack { min-height:110px; }
  .compact-pack strong { font-size:20px; }
  .compact-packs { gap:7px; }
  .compact-benefits>div { padding:18px; }
  .compact-steps { padding:20px; }
}

/* Aviso previo y confirmación de compra. */
.checkout-callout { display:flex; gap:14px; align-items:center; margin:20px 0; padding:20px; border-radius:12px; background:linear-gradient(120deg,#a70012,#da1729); color:#fff; text-align:left; }
.checkout-callout-icon { flex:0 0 auto; font-size:42px; line-height:1; color:#ffe376; }
.checkout-callout strong { display:block; color:#ffe376; font-size:20px; line-height:1.2; font-weight:900; }
.checkout-callout p { margin:8px 0 0; font-size:15px; line-height:1.5; }
.confirmation-contact-card { padding:24px 20px; margin:20px 0; border:1px solid #d8b66a; border-radius:16px; background:linear-gradient(135deg,#10243e,#203c58); color:#fff; }
.confirmation-contact-icon { display:block; margin-bottom:8px; color:#ffe19b; font-size:38px; line-height:1; }
.confirmation-contact-card > strong { display:block; color:#ffe19b; font-size:22px; line-height:1.3; }
.confirmation-contact-card p { margin:12px 0; line-height:1.6; }
.confirmation-contact-card b { color:#ffe19b; }
.confirmation-contact-card small { display:block; font-size:13px; line-height:1.5; color:#e2eaf3; }
#confirmacionTitulo { scroll-margin-top:20px; }
@media (max-width:480px) {
  .checkout-callout { gap:10px; padding:16px 12px; }
  .checkout-callout-icon { font-size:30px; }
  .checkout-callout strong { font-size:18px; }
  .checkout-callout p { font-size:14px; }
  .confirmation-contact-card { padding:20px 16px; }
}
/* Preferencia comercial global: CTA rojo independiente del tema de cada landing. */
body .compact-primary, body .compact-link[href="#ofertas"], body button.compact-link[onclick*="abrirModal"], body #btnSubmit, body #pedidoFijoBoton {
  background: #c81924 !important; color: #fff !important; border-color: #c81924 !important;
  box-shadow: 0 5px 16px #c819242b; text-decoration: none;
}
body .compact-link[href="#ofertas"], body button.compact-link[onclick*="abrirModal"] { display:inline-flex; justify-content:center; padding:14px 22px; border-radius:12px; }
body .compact-primary:hover, body #btnSubmit:hover, body #pedidoFijoBoton:hover { background:#a9111b !important; }
body #pedidoFijoBoton:not(:disabled) { animation: compra-pulso 2.2s ease-in-out infinite !important; }
@keyframes compra-pulso { 0%,100% {transform:scale(1);box-shadow:0 0 0 0 #c8192455;} 50% {transform:scale(1.025);box-shadow:0 0 0 10px #c8192400;} }
body #pedidoFijoBoton:disabled {animation:none !important;}
@media (prefers-reduced-motion:reduce) { body #pedidoFijoBoton, body #pedidoFijoBoton:not(:disabled) {animation:none !important;transform:none !important;} }

/* Banner de entrega: texto completo en pantallas pequeñas. */
@media (max-width: 768px) {
  body .compact-shipping {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
    text-overflow: clip;
    padding: 10px 14px;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
  }
}
