/* El menú está en la primera sección: debe quedar sobre el texto legal. */
.et_pb_section_0{position:relative;z-index:100}
.co-hero{background:var(--ink);color:#fff;padding:clamp(150px,15vw,190px) 0 clamp(110px,11vw,150px)}
.co-hero .eyebrow{color:#fff}
.et_pb_code_inner .co-hero h1{font-size:clamp(46px,7.6vw,110px);line-height:.98;margin-top:16px;color:#fff}
.pr-accent{color:var(--sun);background:linear-gradient(90deg,#ff6a6a,#ffa53d,#ffe14d,#5fe08a,#58bcff,#c49bff,#ff6a6a) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowText 9s linear infinite;padding-bottom:.08em;display:inline-block}
.co-hero p{margin-top:18px;max-width:50ch;font-size:clamp(17px,1.5vw,21px)}
.co-summary{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-72px}
.co-card{position:relative;background:var(--paper);border-radius:18px;padding:24px 20px 20px;box-shadow:0 22px 40px -30px rgba(13,43,41,.75);overflow:hidden}
.co-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--c)}
.co-card span{display:block;font-size:13px;font-weight:700;color:var(--muted)}
.co-card b{display:block;margin-top:8px;font:800 clamp(23px,2.1vw,30px)/1.1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.co-card p{margin-top:8px;font-size:14.5px;line-height:1.4;color:var(--muted)}
.et_pb_code_inner .co-note{margin:14px auto 0;padding-inline:var(--gutter);font-size:13.5px;color:var(--muted)}
.et_pb_row.cond-layout{display:grid!important;grid-template-columns:270px minmax(0,1fr);gap:clamp(30px,5vw,76px);align-items:start;max-width:var(--max)!important;margin-inline:auto!important;padding:clamp(40px,6vw,82px) var(--gutter)!important;box-sizing:border-box}
.et_pb_row.cond-layout::after{display:none}
.cond-layout .et_pb_column{float:none!important;min-width:0}
.cond-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px}
.cond-toc summary{font:800 19px var(--display);cursor:default;list-style:none;color:var(--ink)}
.cond-toc summary::-webkit-details-marker{display:none}
.cond-toc nav{margin-top:10px}
.cond-toc a{display:block;padding:7px 10px;border-radius:9px;font-size:14.5px;line-height:1.3;text-decoration:none;color:var(--ink)}
.cond-toc a:hover{background:var(--sand)}
.cond-toc a.active{background:var(--ink);color:#fff}
#main-content .cond-layout .et_pb_text{color:var(--ink);font:400 17px/1.7 var(--body);margin:0!important}
#main-content .cond-layout .et_pb_text h1,#main-content .cond-layout .et_pb_text h2{font:800 clamp(32px,4vw,54px)/1.05 var(--display);letter-spacing:-.025em;color:var(--ink);margin:0 0 26px;padding:0;text-align:left}
#main-content .cond-layout .et_pb_text p{padding:0 0 14px;max-width:74ch}
#main-content .cond-layout .et_pb_text ul{margin:0 0 20px;padding:0 0 0 22px;list-style:disc;max-width:72ch}
#main-content .cond-layout .et_pb_text li{margin-bottom:7px}
#main-content .cond-layout .cond-h{font:800 clamp(23px,2.3vw,31px)/1.15 var(--display);letter-spacing:-.018em;margin-top:30px;padding:26px 0 10px;border-top:1px solid var(--line);scroll-margin-top:100px}
#main-content .cond-layout .cond-h strong{font-weight:800}
#main-content .cond-layout .cond-alert{max-width:none;background:#fff4cf;border-left:7px solid var(--sun);border-radius:12px;padding:14px 16px;margin:16px 0;font-size:15.5px;line-height:1.5}
.co-cta{background:var(--sun);text-align:center;padding-block:clamp(52px,7vw,90px)}
.et_pb_code_inner .co-cta h2{font-size:clamp(34px,5vw,64px)}
.co-cta p{margin:10px 0 24px;font-size:18px}
.et_pb_code_inner .co-cta .btn-sun{background:var(--ink);color:#fff;box-shadow:none}
@media (max-width:1020px){
  .co-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .et_pb_row.cond-layout{grid-template-columns:minmax(0,1fr)}
  .cond-toc{position:static;max-height:none}
  .cond-toc summary{cursor:pointer}
  .cond-toc summary::after{content:" ▾"}
}
@media (max-width:620px){
  .co-summary{grid-template-columns:minmax(0,1fr)}
  .co-hero{padding-bottom:100px}
}
@media (prefers-reduced-motion:reduce){.pr-accent{animation:none}}