/* Páginas de adquisición orgánica para dueños de salas y estudios.
   Extiende styles.css: conserva el mismo sistema visual y evita duplicar componentes. */

.product-hero{position:relative;overflow:hidden;padding:clamp(82px,10vw,132px) 0 clamp(66px,8vw,104px)}
.product-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(55% 55% at 82% 28%,color-mix(in srgb,var(--amber) 15%,transparent),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--graphite-2) 70%,transparent),transparent);
}
.product-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(38px,6vw,78px);align-items:center}
.product-copy h1{
  max-width:13ch;font-family:var(--font-display);font-size:clamp(40px,6.2vw,76px);
  line-height:.98;letter-spacing:-.05em;text-transform:none;color:var(--bone);
}
.product-copy .lede{margin-top:22px;max-width:59ch}
.product-copy .hero-cta{margin-top:30px}
.product-proof{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:24px;list-style:none;color:var(--bone-dim);font-size:13px}
.product-proof li{display:flex;align-items:center;gap:7px}
.product-proof li::before{content:"";width:8px;height:5px;border:solid var(--ok);border-width:0 0 2px 2px;transform:rotate(-45deg)}

.product-console{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow-lift);transform:rotate(1deg)}
.product-console::before{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 70px color-mix(in srgb,var(--amber) 13%,transparent);pointer-events:none}
.console-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px 16px;border-bottom:1px solid var(--line)}
.console-brand{font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--bone)}
.console-live{display:flex;align-items:center;gap:6px;color:var(--ok);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.console-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 14%,transparent)}
.console-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
.console-kpi{padding:13px 10px;background:var(--graphite-2);border:1px solid var(--line);border-radius:11px}
.console-kpi small{display:block;color:var(--bone-faint);font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.console-kpi b{display:block;margin-top:5px;font-family:var(--font-display);font-size:18px;color:var(--bone)}
.console-agenda{display:grid;grid-template-columns:48px repeat(3,1fr);gap:5px;margin-top:14px;align-items:stretch}
.console-agenda span{min-height:36px;border-radius:8px;background:var(--graphite-2);border:1px solid var(--line);font-size:9px;color:var(--bone-faint);display:grid;place-items:center;text-align:center;padding:4px}
.console-agenda .time{background:transparent;border-color:transparent;justify-items:start}
.console-agenda .busy{background:color-mix(in srgb,var(--amber) 15%,var(--graphite-2));border-color:color-mix(in srgb,var(--amber) 36%,var(--line));color:var(--amber);font-weight:700}
.console-agenda .recording{background:color-mix(in srgb,#8b5cf6 14%,var(--graphite-2));border-color:color-mix(in srgb,#8b5cf6 34%,var(--line));color:#c4b5fd;font-weight:700}

.audience-strip{border-block:1px solid var(--line);background:var(--graphite-2)}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.audience-grid div{padding:25px 18px;text-align:center;border-right:1px solid var(--line)}
.audience-grid div:last-child{border-right:none}
.audience-grid b{display:block;font-family:var(--font-display);font-size:14px;color:var(--bone)}
.audience-grid span{display:block;margin-top:5px;font-size:11px;color:var(--bone-faint)}

.seo-section{padding:var(--lp-gap) 0}
.seo-section.alt{background:var(--graphite-2);border-block:1px solid var(--line)}
.seo-intro{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(34px,6vw,78px);align-items:start}
.seo-intro-copy{color:var(--bone-dim);font-size:clamp(15px,1.6vw,18px);line-height:1.7}
.seo-intro-copy p+p{margin-top:16px}
.seo-intro-copy strong{color:var(--bone)}

.product-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(32px,5vw,52px)}
.product-benefit{padding:clamp(22px,3vw,30px);background:var(--card);border:1px solid var(--line);border-radius:18px;transition:transform .25s var(--glide),border-color .25s ease}
.product-benefit:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--amber) 38%,var(--line))}
.benefit-num{display:block;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--amber)}
.product-benefit h3{margin-top:16px;font-family:var(--font-display);font-size:19px;color:var(--bone);line-height:1.2}
.product-benefit p{margin-top:10px;color:var(--bone-dim);font-size:14px;line-height:1.65}

.feature-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(32px,5vw,52px)}
.product-feature{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--amber) 11%,transparent);border:1px solid color-mix(in srgb,var(--amber) 26%,transparent);color:var(--amber);font-family:var(--font-display);font-weight:900;font-size:13px}
.product-feature h3{font-family:var(--font-display);font-size:17px;color:var(--bone)}
.product-feature p{margin-top:7px;color:var(--bone-dim);font-size:13.5px;line-height:1.6}

.product-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(32px,5vw,52px);counter-reset:product-step}
.product-step{position:relative;padding:28px;background:var(--card);border:1px solid var(--line);border-radius:18px;counter-increment:product-step}
.product-step::before{content:"0" counter(product-step);display:block;margin-bottom:18px;font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--amber)}
.product-step h3{font-family:var(--font-display);font-size:19px;color:var(--bone)}
.product-step p{margin-top:9px;color:var(--bone-dim);font-size:14px;line-height:1.62}

.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(32px,5vw,52px)}
.faq-item{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.faq-item h3{font-family:var(--font-display);font-size:17px;line-height:1.3;color:var(--bone)}
.faq-item p{margin-top:10px;color:var(--bone-dim);font-size:14px;line-height:1.65}

.related-page{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(24px,4vw,38px);background:var(--card);border:1px solid var(--line);border-radius:20px}
.related-page h2{font-size:clamp(23px,3.5vw,36px)}
.related-page p{margin-top:9px;color:var(--bone-dim);font-size:14px;line-height:1.6;max-width:60ch}
.related-page .btn{flex:none}

.seo-page .lp-footer{margin-top:0}

@media(max-width:960px){
  .product-hero-grid,.seo-intro{grid-template-columns:1fr}
  .product-console{max-width:620px;width:100%;margin-inline:auto;transform:none}
  .product-benefits{grid-template-columns:1fr 1fr}
  .audience-grid{grid-template-columns:1fr 1fr}
  .audience-grid div:nth-child(2){border-right:none}
  .audience-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

@media(max-width:680px){
  .product-hero{padding-top:70px}
  .product-copy h1{font-size:clamp(37px,12vw,54px)}
  .product-benefits,.feature-columns,.product-steps,.faq-grid{grid-template-columns:1fr}
  .console-kpis{grid-template-columns:1fr}
  .console-agenda{grid-template-columns:40px repeat(3,1fr)}
  .related-page{align-items:flex-start;flex-direction:column}
  .related-page .btn{width:100%}
}