/* Identidad compartida por las herramientas y páginas de servicio de Rolo. */
html[data-rolo-surface]{--ivory:var(--cream)!important;--ivory-2:var(--cream-2)!important;--soft:var(--ink-3)!important;--muted:var(--ink-3)!important;--linea:var(--line)!important;--terracotta:var(--rolo-accent)!important;--terracotta-dark:var(--rolo-accent)!important;--sombra:none!important;--rose:var(--rolo-accent)!important;--rose-dark:var(--rolo-accent)!important;--dorado:var(--rolo-accent)!important;--crema:var(--cream)!important;--texto:var(--ink)!important;--gris:var(--ink-3)!important;--rolo-blue:var(--rolo-accent)!important;--rolo-purple:var(--rolo-accent)!important;--rolo-ink:var(--ink)!important;--rolo-cream:var(--cream)!important;--grad:var(--rolo-accent)!important;--gold-ghost:var(--rolo-soft)!important}
html[data-rolo-surface] body{background:var(--cream);font-family:var(--sans);color:var(--ink);min-height:100dvh}
html[data-rolo-surface] :focus-visible{outline:3px solid var(--rolo-accent);outline-offset:3px}
html[data-rolo-surface] :is(input,textarea,select){font-family:var(--sans);color:var(--ink);border-color:var(--line);border-radius:7px}
html[data-rolo-surface] :is(button,.btn,.button,.cta,.nav-cta){font-family:var(--sans)}
html[data-rolo-surface] :is(.btn-gold,.btn-primary,.cta,.nav-cta,.copy-btn){background:var(--rolo-accent);color:white;box-shadow:none;border-radius:6px}
html[data-rolo-surface] :is(.rl-logo__word,.footer-logo-text,.top .logo,.header .logo,.brand__word){color:var(--ink);background:none;-webkit-text-fill-color:var(--ink)}
html[data-rolo-surface] :is(.rl-logo__paw,.brand__paw,.footer-paw){width:42px;height:28px;object-fit:contain}
.service-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;color:var(--ink)!important;font:italic 600 32px/1 var(--serif)!important;background:none!important;-webkit-text-fill-color:var(--ink)!important}
.service-logo img{width:42px;height:28px;object-fit:contain;flex:none}
.service-nav{max-width:1120px;margin:auto;padding:20px;display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.service-nav>a:last-child:not(.service-logo){font-size:13px;color:var(--ink-2);text-decoration:none;min-height:40px;display:flex;align-items:center}
.service-season{display:flex;align-items:center;gap:10px;font:400 12px/1.4 var(--sans);color:var(--ink-3);max-width:1120px;padding:10px 20px;margin:0 auto}
.service-pair{display:inline-flex;align-items:flex-end;flex:none;gap:2px}.service-pair img{width:22px;height:33px;object-fit:contain}.service-pair img.custom{width:62px;height:38px}
html[data-rolo-surface] .hero{border-radius:0;border:0;box-shadow:none}
html[data-rolo-surface] :is(.prompt-card,.ev-card,.block,.toc,.legal-container){border-color:var(--line);box-shadow:none;border-radius:12px}
html[data-rolo-surface] .petals{display:none}
html[data-rolo-surface="lista"] .wrap{max-width:720px}
html[data-rolo-surface="lista"] header .brand{display:none}
html[data-rolo-surface="playlist"] .wrap{max-width:680px;padding-top:22px}
html[data-rolo-surface="playlist"] .hero{padding:24px 18px;border-radius:12px}
html[data-rolo-surface="playlist"] #fBtn,html[data-rolo-surface="404"] .btn{background:var(--rolo-accent);color:white}
html[data-rolo-surface="playlist"] .brand{display:none}
html[data-rolo-surface="acceso-rapido"] body{display:block;padding:0 20px 40px}
html[data-rolo-surface="acceso-rapido"] .container{max-width:900px;margin:24px auto}
html[data-rolo-surface="acceso-rapido"] .header{margin:28px 0}
html[data-rolo-surface="acceso-rapido"] .card-title{font-size:18px;color:var(--ink)}
html[data-rolo-surface="acceso-rapido"] .card-desc{color:var(--ink-3)}
html[data-rolo-surface="manual-rolo"] .hero{background:var(--rolo-soft);padding:48px 20px}
html[data-rolo-surface="manual-rolo"] .hero h1{font-size:clamp(36px,6vw,58px);color:var(--ink)}
html[data-rolo-surface="manual-rolo"] .section-wrapper{padding-top:32px}
html[data-rolo-surface="manual-rolo"] .prompt-code{border-color:var(--line);background:#f1f2e9}
html[data-rolo-surface="manual-rolo"] code{overflow-wrap:anywhere}
html[data-rolo-surface="guia-admin"] .top{background:var(--paper)}
html[data-rolo-surface="guia-admin"] .wrap{max-width:1120px;padding-top:24px}
html[data-rolo-surface="guia-admin"] main section{scroll-margin-top:24px}
html[data-rolo-surface="cuestionario-boda"] nav{background:#faf8f2f5}
html[data-rolo-surface="cuestionario-boda"] .hero{padding:100px 20px 30px;background:var(--rolo-soft)}
html[data-rolo-surface="cuestionario-boda"] .hero h1{font-size:clamp(34px,5vw,50px);margin:10px 0 16px}
html[data-rolo-surface="cuestionario-boda"] .bar{background:var(--paper);border-color:var(--line)}
html[data-rolo-surface="save-the-date"] .top{background:var(--paper)}
html[data-rolo-surface="save-the-date"] .step{background:var(--paper);border-color:var(--line);border-radius:12px;box-shadow:none}
html[data-rolo-surface="save-the-date"] .btn:not(.wa):not(.ghost){background:var(--rolo-accent);color:white;box-shadow:none}
html[data-rolo-surface="save-the-date"] .paybar{background:var(--paper);border-color:var(--line)}
html[data-rolo-surface="save-the-date-panel"] #app{font-family:var(--sans)}
html[data-rolo-surface="save-the-date-panel"] #app>div{background:var(--cream)!important}
html[data-rolo-surface="save-the-date-panel"] [style*="color:#a4842c"]{color:var(--rolo-accent)!important}
html[data-rolo-surface="save-the-date-panel"] [style*="background:#a4842c"]{background:var(--rolo-accent)!important}
html[data-rolo-surface="save-the-date-panel"] [style*="background:#f7efdd"]{background:var(--rolo-soft)!important}
html[data-rolo-surface="save-the-date-panel"] #app [style*="min-height:100vh"]{min-height:65vh!important}
html[data-rolo-surface="save-the-date-panel"] button{min-height:42px}
html[data-rolo-surface="save-the-date-panel"] [style*="color:#999"]{color:var(--ink-3)!important}
html[data-rolo-surface="save-the-date-panel"] [style*="max-width:400px"]{padding:26px!important;background:var(--paper)!important;border:1px solid var(--line);box-shadow:none!important}
html[data-rolo-surface="404"] body{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:24px 16px}
html[data-rolo-surface="404"] .card{width:min(100%,620px)}
html[data-rolo-surface="404"] .code{color:var(--rolo-accent);background:none;-webkit-text-fill-color:var(--rolo-accent)}
html[data-rolo-surface="legal"] .legal-nav{background:var(--paper);border-color:var(--line);gap:16px}
html[data-rolo-surface="legal"] .legal-container{background:var(--paper);padding:clamp(22px,5vw,48px);margin:24px auto}
html[data-rolo-surface="legal"] h1{font-family:var(--serif);color:var(--ink);font-size:clamp(32px,5vw,46px);line-height:1.15}
html[data-rolo-surface="landing"] :is(header,.band){background:var(--rolo-soft);border-color:var(--line)}
html[data-rolo-surface="landing"] .hero{background:var(--cream);padding:56px 0}
html[data-rolo-surface="landing"] h1{font-size:clamp(38px,6vw,64px);line-height:1.05}
html[data-rolo-surface="landing"] .btn-gold,html[data-rolo-surface="landing"] .cta{background:var(--rolo-accent);color:white}
html[data-rolo-surface="landing"] .price{color:var(--rolo-accent)}
@media(max-width:600px){
 html[data-rolo-surface] :is(input,select,textarea){font-size:16px}
 html[data-rolo-surface="save-the-date"] .top .wrap{height:auto;min-height:74px;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
 html[data-rolo-surface="save-the-date"] .top .price{font-size:11px}
 html[data-rolo-surface="playlist"] .row{flex-wrap:wrap}html[data-rolo-surface="playlist"] .row input{min-width:100%}
 html[data-rolo-surface="legal"] .legal-container{margin:16px 12px}
 html[data-rolo-surface="manual-rolo"] .container{padding-left:16px;padding-right:16px}
 .service-nav{padding:16px;gap:10px}.service-season{padding-left:16px;padding-right:16px}
}
@media(prefers-reduced-motion:reduce){html[data-rolo-surface]{scroll-behavior:auto!important}html[data-rolo-surface] *,html[data-rolo-surface] *::before,html[data-rolo-surface] *::after{animation:none!important;transition:none!important}}