/* Diez de Diez V30 · Landing pages de registro y novedades. CSS completamente aislado. */
body.dd30-landing-page{margin:0;background:#0d1018;color:#f9fafc;font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif}
body.dd30-landing-page>.dd-theme-toggle{display:none!important}
.dd30-page{--d-bg:#0d1018;--d-ink:#f9fafc;--d-muted:#c6ccda;--d-border:#454b5b;--d-accent:#ff6659;--d-button-ink:#1e0c0b;--d-panel:#1b2030;min-height:100dvh;background:var(--d-bg);color:var(--d-ink);padding:0 max(20px,env(safe-area-inset-right)) calc(105px + env(safe-area-inset-bottom));font:inherit}
.dd30-page *{box-sizing:border-box}.dd30-page :is(h1,h2,h3,p){margin-top:0}.dd30-page :is(a,button){touch-action:manipulation}.dd30-page a{color:inherit}.dd30-page :is(a,button,summary):focus-visible{outline:3px solid #ffc769;outline-offset:4px}
.dd30-skip{position:absolute;top:-100px;background:#fff;color:#111!important;z-index:1000;padding:14px}.dd30-skip:focus{top:8px;left:8px}
.dd30-header{max-width:1160px;margin:0 auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(12px + env(safe-area-inset-top)) 0 16px;border-bottom:1px solid var(--d-border)}
.dd30-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;line-height:1.05;font-size:13px;font-weight:900;letter-spacing:.005em}.dd30-brand strong{color:#ff8479}.dd30-brand small{display:block;font-size:9px;color:var(--d-muted);font-weight:700;letter-spacing:.10em;margin-top:5px}.dd30-brandmark{display:grid;place-items:center;min-width:45px;min-height:45px;font-size:24px;letter-spacing:-.09em;background:#ff6659;color:#1e0c0b;border-radius:12px}.dd30-header-back{font-size:13px;color:var(--d-ink)!important;text-decoration:none;border:1px solid var(--d-border);border-radius:24px;padding:10px 15px;font-weight:800}
.dd30-hero{max-width:1160px;margin:auto;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(280px,.93fr);gap:clamp(24px,6vw,80px);align-items:center;padding:clamp(34px,6vw,90px) 0 72px}.dd30-hero-copy{max-width:640px}.dd30-eyebrow{display:inline-block;color:#ffb0a8;font:800 11px/1.5 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.095em;margin-bottom:17px}.dd30-hero h1{font-size:clamp(39px,5.9vw,76px);line-height:1.05;letter-spacing:-.055em;margin:0 0 23px;color:var(--d-ink);font-weight:900}.dd30-lead{font-size:clamp(17px,1.55vw,20px);color:#e0e4ec;line-height:1.58;margin-bottom:22px}.dd30-facts{display:grid;gap:10px;margin:0 0 25px;font-size:14px;color:#e9edf4;font-weight:650}.dd30-facts span::first-letter{color:#9debc1}
.dd30-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:15px 22px;text-decoration:none!important;border:1px solid transparent;border-radius:12px;font:850 15px/1.2 'DM Sans',system-ui,sans-serif;cursor:pointer;text-align:center;transition:transform .15s ease,filter .15s ease}.dd30-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.dd30-primary{background:#ff796d!important;border-color:#ff796d!important;color:#190c0b!important;box-shadow:0 12px 30px #d8433730}.dd30-secondary{background:#f7f8fc!important;color:#161824!important;border-color:#f7f8fc!important}.dd30-micro{font-size:12px;line-height:1.6;color:#d2d7e3;max-width:480px;margin:15px 0 0}.dd30-convert-form{display:inline-block;margin:0}
.dd30-preview{background:var(--d-panel);border:1px solid #485064;border-radius:25px;padding:12px;overflow:hidden;transform:rotate(1deg);box-shadow:0 25px 75px #0007}.dd30-preview-chrome{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 7px 14px;font-size:10px;font-weight:800;color:#dce1ec;letter-spacing:.025em}.dd30-live-dot{color:#b0eaca}.dd30-preview-image{display:block;position:relative;aspect-ratio:1.25;background:#34384a;border-radius:14px;overflow:hidden}.dd30-preview-image img{width:100%;height:100%;display:block;object-fit:cover}.dd30-preview-image span{position:absolute;bottom:12px;left:12px;background:#151827f2;color:white;font-size:10px;padding:9px 12px;border-radius:20px;font-weight:850}.dd30-preview-text{padding:20px 12px 14px}.dd30-preview-text small{font-size:10px;color:#ffb0a8;font-weight:800;letter-spacing:.12em}.dd30-preview-text h2{font-size:clamp(19px,2.3vw,30px);line-height:1.22;margin:10px 0}.dd30-preview-text p{color:#c9d0e0;font-size:13px;margin:0 0 14px}.dd30-preview-text a{font-size:13px;color:white!important;font-weight:800;text-underline-offset:3px}.dd30-preview-fallback{padding:70px 25px;text-align:center;min-height:315px;background:linear-gradient(140deg,#592c45,#1c3553);border-radius:14px}.dd30-preview-fallback span{font-size:56px}.dd30-preview-fallback h2{font-size:27px;margin:17px 0}.dd30-preview-fallback p{color:#fff}
.dd30-section{max-width:1160px;margin:auto;padding:62px 0;border-top:1px solid var(--d-border)}.dd30-section>h2{max-width:720px;color:var(--d-ink);font-size:clamp(30px,4.1vw,50px);letter-spacing:-.045em;line-height:1.12;margin:0 0 25px}.dd30-steps,.dd30-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dd30-steps article,.dd30-benefits article{background:#1b2030;border:1px solid #454c60;border-radius:17px;padding:23px;min-height:186px}.dd30-steps b{color:#ffb0a8;font-size:13px}.dd30-section h3{color:var(--d-ink);font-size:19px;line-height:1.26;margin:14px 0 10px}.dd30-section article p,.dd30-highlight p{color:#d3d9e5;font-size:14px;line-height:1.65;margin:0}.dd30-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.dd30-benefit-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #737a91;border-radius:12px;color:#ffb0a8;font-size:20px}.dd30-highlight{margin-top:20px;padding:28px;background:linear-gradient(115deg,#563143,#2a2e4a);border:1px solid #8b6775;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.dd30-highlight h3{font-size:clamp(20px,2.5vw,29px);line-height:1.2;margin:10px 0}.dd30-highlight>div{max-width:660px}.dd30-highlight>div>span{font-size:11px;letter-spacing:.08em;color:#ffcad0;font-weight:800}.dd30-highlight .dd30-btn{flex-shrink:0}.dd30-cross>p{max-width:660px;line-height:1.6;color:#dce0ed}.dd30-text-link{display:inline-flex;align-items:center;gap:12px;font-weight:850;color:#ffb2aa!important;text-decoration:underline;text-underline-offset:4px}.dd30-faq{max-width:820px}.dd30-faq details{padding:20px 0;border-top:1px solid var(--d-border);color:#d3d9e7}.dd30-faq details:last-child{border-bottom:1px solid var(--d-border)}.dd30-faq summary{font-weight:750;color:#f9fafc;cursor:pointer;list-style-position:outside;padding:4px 8px}.dd30-faq details p{padding:10px 10px 0 21px;font-size:14px;line-height:1.75;max-width:680px}.dd30-finish{max-width:1160px;margin:0 auto 18px;border-radius:24px;background:#f9fafc;text-align:center;padding:46px 22px;color:#10131c}.dd30-finish span{font-size:12px;font-weight:850;letter-spacing:.06em;color:#713039}.dd30-finish h2{font-size:clamp(28px,4vw,43px);letter-spacing:-.04em;line-height:1.15;max-width:660px;margin:14px auto 20px;color:#131522}.dd30-finish p{font-size:13px;color:#454a5b;margin:15px 0 0}.dd30-footer{max-width:1160px;margin:auto;padding:16px 0 35px;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:12px;color:#d2d7e3}.dd30-footer a{color:#f9fafc!important}.dd30-sticky{display:none}
@media(max-width:900px){.dd30-hero{grid-template-columns:1fr;padding:35px 0 50px;gap:38px}.dd30-preview{max-width:550px;transform:none}.dd30-steps{grid-template-columns:1fr 1fr}.dd30-benefits{grid-template-columns:1fr 1fr}.dd30-highlight{align-items:stretch;flex-direction:column}.dd30-highlight .dd30-btn{align-self:flex-start}}
@media(max-width:600px){.dd30-page{padding:0 16px calc(100px + env(safe-area-inset-bottom))}.dd30-header{min-height:68px;padding-top:calc(10px + env(safe-area-inset-top))}.dd30-brand{font-size:12px}.dd30-brandmark{min-width:40px;min-height:40px;font-size:20px}.dd30-header-back{font-size:11px;padding:10px}.dd30-hero{padding:36px 0 47px;gap:26px}.dd30-hero h1{font-size:clamp(38px,10vw,54px)}.dd30-lead{font-size:17px}.dd30-hero-copy>.dd30-btn,.dd30-convert-form,.dd30-convert-form button{width:100%}.dd30-preview{border-radius:19px}.dd30-preview-image{aspect-ratio:1.5}.dd30-preview-text{padding:16px 10px 11px}.dd30-section{padding:45px 0}.dd30-steps,.dd30-benefits{grid-template-columns:1fr;gap:11px}.dd30-steps article,.dd30-benefits article{min-height:0;padding:21px}.dd30-highlight{padding:20px}.dd30-highlight .dd30-btn{width:100%}.dd30-finish{padding:35px 16px}.dd30-footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-bottom:8px}.dd30-sticky{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:2000;min-height:78px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:10px;background:#0e121ff5;border-top:1px solid #576074;backdrop-filter:blur(13px)}.dd30-sticky>span{font-weight:850;font-size:13px;color:#fff}.dd30-sticky>span small{display:block;color:#cdd2df;font-size:11px;font-weight:600;margin-top:3px}.dd30-sticky .dd30-btn{font-size:12px;padding:11px 12px;min-height:43px}.dd30-sticky form{margin:0}}
@media(prefers-reduced-motion:reduce){.dd30-btn{transition:none}.dd30-btn:hover{transform:none}}

/* Invitación editorial dentro del listado y ayuda en formularios */
.dd30-news-invite{background:#25273a;color:#f8fafc;border:1px solid #7b7d96;border-radius:16px;padding:18px 21px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 24px}.dd30-news-invite>div{display:grid;gap:4px}.dd30-news-invite strong{font-size:16px;color:white}.dd30-news-invite span{font-size:13px;color:#e3e5f0}.dd30-news-invite a{padding:12px 16px;background:#ff8379;color:#1c1111!important;font-weight:850;border-radius:10px;text-decoration:none;white-space:nowrap}.dd30-form-guide,.dd30-form-note{border-left:4px solid #cc483d;background:#f9f0ec;color:#3a2022;padding:15px 18px;line-height:1.6;border-radius:0 9px 9px 0;max-width:900px}.dd30-form-note{font-size:13px}.dd30-form-guide strong,.dd30-form-note strong{color:#4d1715}
@media(max-width:650px){.dd30-news-invite{flex-direction:column;align-items:stretch}.dd30-news-invite a{text-align:center}}

/* Vista de ejemplo de un perfil real, distinta de la tarjeta de nota editorial. */
.dd30-preview-artist{aspect-ratio:1.35}.dd30-preview-artist img{object-position:center 24%}.dd30-preview-pills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.dd30-preview-pills span{background:#333a50;border:1px solid #727b93;color:#f6f8fc;font-size:11px;font-weight:700;border-radius:24px;padding:7px 10px}
