/* Protodeal — estilos compartidos del sitio (formato nuevo) */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#fff;font-family:var(--font-sans);color:var(--ink-800);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
i.ph svg{display:block;width:1em;height:1em}
::selection{background:var(--blue-200)}

.pd-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.pd-eyebrow{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-700)}

/* motion */
@keyframes pdRise{from{transform:translateY(20px)}to{transform:none}}
@keyframes pdAurora1{0%{transform:translate(0,0) scale(1)}50%{transform:translate(34px,24px) scale(1.13)}100%{transform:translate(0,0) scale(1)}}
@keyframes pdAurora2{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-42px,16px) scale(1.1)}100%{transform:translate(0,0) scale(1)}}
@keyframes pdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pdPing{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(2.6);opacity:0}}
.pd-reveal.pd-in{animation:pdRise .65s var(--ease-out)}
[data-motion="false"] .pd-reveal{animation:none!important}
.pd-aurora{position:absolute;border-radius:50%;filter:blur(56px);pointer-events:none;will-change:transform}
.pd-float{animation:pdFloat 6.5s var(--ease-standard) infinite}
.pd-ping{position:absolute;inset:0;border-radius:50%;background:var(--green-700);animation:pdPing 2s var(--ease-standard) infinite}
[data-motion="false"] .pd-float,[data-motion="false"] .pd-aurora,[data-motion="false"] .pd-ping{animation:none!important}

/* gradient text accent */
.pd-grad{color:var(--blue-700)}
[data-accent="expresivo"] .pd-grad{background:linear-gradient(96deg,var(--blue-700) 10%,var(--green-700));-webkit-background-clip:text;background-clip:text;color:transparent}

/* nav links */
.pd-navlink{position:relative;text-decoration:none;font-size:15px;font-weight:500;color:var(--ink-700);padding:6px 1px;transition:color .15s var(--ease-standard)}
.pd-navlink::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:2px;background:var(--blue-600);transition:right .22s var(--ease-standard)}
.pd-navlink:hover{color:var(--ink-900)}
.pd-navlink:hover::after{right:0}
.pd-navlink[data-active="true"]{color:var(--ink-900);font-weight:600}
.pd-navlink[data-active="true"]::after{right:0}

/* cards */
.pd-card{transition:transform .18s var(--ease-standard),box-shadow .18s var(--ease-standard),border-color .18s var(--ease-standard)}
.pd-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}

/* buttons */
.pd-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 22px;border-radius:6px;font-family:var(--font-sans);font-size:16px;font-weight:500;line-height:1;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .12s var(--ease-standard),transform .12s var(--ease-standard),box-shadow .12s var(--ease-standard),border-color .12s var(--ease-standard)}
.pd-cta:active{transform:translateY(.5px)}
.pd-cta--primary{background:var(--blue-600);color:#fff}
.pd-cta--primary:hover{background:var(--blue-700)}
.pd-cta--ghost{background:transparent;color:var(--green-900);border-color:transparent}
.pd-cta--ghost:hover{background:var(--green-050)}
.pd-cta--outline{background:#fff;color:var(--ink-800);border-color:var(--gray-300)}
.pd-cta--outline:hover{background:var(--gray-050);border-color:var(--blue-200)}
.pd-cta--lightprimary{background:#fff;color:var(--blue-800)}
.pd-cta--lightprimary:hover{background:var(--blue-050)}
.pd-cta--lightghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.22)}
.pd-cta--lightghost:hover{background:rgba(255,255,255,.14)}
.pd-cta--green{background:var(--green-700);color:#fff}
.pd-cta--green:hover{background:var(--green-800)}
.pd-cta--lg{height:56px;padding:0 30px;font-size:17px;border-radius:8px}

/* nav on dark */
.pd-navlink--d{color:rgba(255,255,255,.82)}
.pd-navlink--d::after{background:var(--green-300)}
.pd-navlink--d:hover{color:#fff}

/* hotmart-style numbered faq */
.hot-faq{border-top:1px solid var(--gray-300)}
.hot-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;padding:24px 6px;border-bottom:1px solid var(--gray-300)}
.hot-faq summary::-webkit-details-marker{display:none}
.hot-faq .hot-num{font-family:var(--font-numeric);font-size:14px;font-weight:600;color:var(--green-700);flex:0 0 auto;width:26px}
.hot-faq .hot-q{flex:1;font-size:18px;font-weight:600;color:var(--ink-900);letter-spacing:-.01em}
.hot-faq .hot-ic{flex:0 0 auto;color:var(--ink-500);transition:transform .2s var(--ease-standard)}
.hot-faq[open] summary{border-bottom-color:transparent}
.hot-faq[open] .hot-ic{transform:rotate(45deg);color:var(--green-700)}
.hot-faq .hot-a{padding:0 6px 26px 46px;font-size:15.5px;line-height:1.65;color:var(--ink-700);max-width:760px;border-bottom:1px solid var(--gray-300)}

/* FAQ dark variant (sección navy) */
.hot-faq-dark .hot-faq{border-top-color:rgba(255,255,255,.14)}
.hot-faq-dark .hot-faq summary{border-bottom-color:rgba(255,255,255,.14)}
.hot-faq-dark .hot-faq .hot-num{color:var(--green-300)}
.hot-faq-dark .hot-faq .hot-q{color:#fff}
.hot-faq-dark .hot-faq .hot-ic{color:var(--blue-200)}
.hot-faq-dark .hot-faq[open] .hot-ic{color:var(--green-300)}
.hot-faq-dark .hot-faq .hot-a{color:var(--blue-200);border-bottom-color:rgba(255,255,255,.14)}

/* ============================================================
   RESPONSIVE — tablet y móvil
   ============================================================ */
@media (min-width:821px){
  .hot-mobilemenu{display:none!important}
  .hot-burger{display:none!important}
}
@media (max-width:1020px){
  .pd-wrap{padding-left:24px;padding-right:24px}
}
@media (max-width:820px){
  .pd-wrap{padding-left:20px;padding-right:20px}
  /* colapsa cualquier grid inline salvo los marcados */
  [style*="grid-template-columns"]:not([data-keep-grid]){grid-template-columns:1fr!important}
  .pd-wrap.pd-footgrid{grid-template-columns:1fr 1fr!important;gap:28px 20px!important;padding-top:48px!important}
  .pd-wrap.pd-footgrid>div:first-child{grid-column:1/-1}
  /* nav */
  .hot-navlinks{display:none!important}
  .hot-login{display:none!important}
  .hot-burger{display:inline-flex!important}
  nav[style]{height:64px!important}
  nav img[alt="Protodeal"]{height:24px!important}
  /* hero */
  .hot-herospacer{display:none!important}
  .hot-herogrid{gap:0!important;padding-top:26px!important}
  .hot-herotext{padding-bottom:288px!important}
  .hot-herotext h1{font-size:clamp(32px,10.5vw,42px)!important}
  .hot-herotext p{font-size:16px!important}
  .hot-herotext .pd-cta{width:100%}
  #hot-hero{top:auto!important;width:100%!important;height:264px!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 58%)!important;mask-image:linear-gradient(180deg,transparent 0%,#000 58%)!important}
  /* stats */
  .hot-stats{flex-direction:column;gap:18px!important}
  .hot-stats>div{border-left:none!important;padding-left:0!important;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
  .hot-stats>div:first-child{border-top:none;padding-top:0}
  .hot-statstile{display:none!important}
  /* collage comunidad */
  .hot-collage{gap:10px!important;margin-top:10px}
  .hot-collage>span.pd-tint{width:72px!important;height:225px!important}
  .hot-collage>div{width:176px!important}
  .hot-collage>div span.pd-tint{width:176px!important;height:300px!important}
  /* carrusel */
  .hot-urlpill{display:none!important}
  button[aria-label="Anterior"]{width:34px!important;height:34px!important;left:8px!important}
  button[aria-label="Siguiente"]{width:34px!important;height:34px!important;right:8px!important}
  /* ritmo vertical de secciones */
  section[style*="padding:90px 0"]{padding:56px 0!important}
  section[style*="padding:84px 0"]{padding:56px 0!important}
  section[style*="padding:72px 0"]{padding:48px 0!important}
  section[style*="padding:20px 0 90px"]{padding:8px 0 56px!important}
  #faq .pd-wrap[style]{padding-top:56px!important;padding-bottom:56px!important}
  /* animación IA: fuera en móvil */
  .hot-anim{display:none!important}
  /* checkout split */
  .hot-checkout{flex-direction:column!important;align-items:stretch!important;gap:20px!important;padding:24px!important}
  .hot-checkout>div:last-child{align-self:center}
  /* chip área de miembros */
  .hot-memchip{right:8px!important;bottom:8px!important}
  /* FAQ */
  .hot-faq summary{padding:17px 2px;gap:12px}
  .hot-faq .hot-q{font-size:15.5px}
  .hot-faq .hot-num{width:22px;font-size:12.5px}
  .hot-faq .hot-a{padding:0 2px 20px 34px;font-size:14px}
  /* táctil */
  .pd-cta{min-height:44px}
  .pd-cta--lg{height:50px;padding:0 24px;font-size:16px}
}
@media (max-width:480px){
  .hot-navcta{display:none!important}
}
/* burger sin JS (Navbar compartido interiores) */
.hot-navdd{position:relative;display:none}
.hot-navdd summary{list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.06);display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.hot-navdd summary::-webkit-details-marker{display:none}
.hot-navdd summary span{display:block;width:18px;height:2px;background:#fff;border-radius:2px}
.hot-navdd-panel{position:absolute;right:0;top:52px;width:calc(100vw - 40px);max-width:320px;background:#00132f;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px 16px 14px;z-index:60}
.hot-navdd-panel a{display:block;padding:13px 2px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.09)}
.hot-navdd-panel a:last-child{border-bottom:none}
@media (max-width:820px){
  .hot-navdd{display:block}
}

/* photo slot wrapper tile */
.hot-tile{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(150deg,var(--blue-800),var(--blue-600))}
.hot-thumb{transition:transform .3s var(--ease-out)}
.hot-thumb:hover{transform:translateY(-4px)}

/* footer links */
.pd-flink{display:block;text-decoration:none;color:var(--ink-600);font-size:14px;line-height:1;padding:6px 0;transition:color .15s var(--ease-standard)}
.pd-flink:hover{color:var(--ink-900)}
.pd-flink--d{color:var(--blue-200)}
.pd-flink--d:hover{color:#fff}

/* module tiles (home) */
.pd-modwrap{position:relative;overflow:hidden}
.pd-modwrap::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-600),var(--green-700));transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}
.pd-modwrap:hover::before{transform:scaleX(1)}
.pd-modwrap>span:first-child{transition:transform .22s var(--ease-standard)}
.pd-modwrap:hover>span:first-child{transform:scale(1.07) rotate(-3deg)}
.pd-modwrap>span:first-child i.ph{color:#fff!important}
.pd-modwrap:nth-child(odd)>span:first-child{background:linear-gradient(145deg,var(--blue-600),var(--blue-800))!important}
.pd-modwrap:nth-child(even)>span:first-child{background:linear-gradient(145deg,var(--green-700),var(--green-500))!important}
.pd-modlink{opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.pd-modwrap:hover .pd-modlink{opacity:1;transform:translateX(0)}

/* hero video intensity (home) */
.pd-toast{transition:transform .5s var(--ease-out),opacity .45s var(--ease-out)}
.pd-toast[data-show="false"]{opacity:0;transform:translateX(16px) translateY(-4px)}
.pd-toast[data-show="true"]{opacity:1;transform:none}
[data-vid="sutil"] .pd-herovid{opacity:.24!important}
[data-vid="medio"] .pd-herovid{opacity:.46!important}
[data-vid="intenso"] .pd-herovid{opacity:.74!important}

/* accordion (faq) */
.pd-acc{border-bottom:1px solid var(--gray-200)}
.pd-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px;font-size:17px;font-weight:600;color:var(--ink-900)}
.pd-acc summary::-webkit-details-marker{display:none}
.pd-acc summary .pd-accic{flex:0 0 auto;transition:transform .2s var(--ease-standard);color:var(--blue-600)}
.pd-acc[open] summary .pd-accic{transform:rotate(45deg)}
.pd-acc .pd-accbody{padding:0 4px 22px;font-size:15px;line-height:1.6;color:var(--ink-700);max-width:760px}

/* velo de marca sobre fotos vivas para integrarlas en la paleta */
.pd-tint{position:relative;display:block;overflow:hidden}
.pd-tint>image-slot{filter:saturate(.82) contrast(1.02)}
.pd-tint>.pd-tint-ov{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,rgba(0,38,99,.42),rgba(26,109,33,.30))}

/* export estático: foto hero + banner cookies */
#hot-hero{position:absolute;top:0;right:0;bottom:0;width:62%;height:100%;object-fit:cover;object-position:72% 50%;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 42%,#000 100%)}
.pd-cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;margin:0 auto;max-width:680px;background:#00132f;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 18px 50px rgba(0,14,28,.45);padding:18px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.pd-cookies p{margin:0;font-size:13.5px;line-height:1.55;color:var(--blue-200);flex:1;min-width:220px}
.pd-cookies p a{color:#fff;font-weight:600}
.pd-cookies .pd-cbtns{display:flex;gap:8px}
.pd-cookies button{cursor:pointer;border-radius:6px;font-family:var(--font-sans);font-size:13.5px;font-weight:600;height:38px;padding:0 16px;border:1px solid transparent}
.pd-cookies .pd-cacc{background:var(--green-700);color:#fff}
.pd-cookies .pd-cacc:hover{background:var(--green-800)}
.pd-cookies .pd-crej{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.pd-cookies .pd-crej:hover{background:rgba(255,255,255,.1)}
@media (max-width:480px){.pd-cookies{padding:16px}.pd-cookies .pd-cbtns{width:100%}.pd-cookies button{flex:1}}