/* Adaptación web de UI/ESTILO-VISUALEGRIA.md. */
html[data-theme="dark"]{--ink:#edf3f6;--muted:#b6c8d3;--gold:#ebc888;--line:#416071;--paper:#152b38;--ff-surface:#182e3c;--ff-raised:#203b4b;--ff-input:#102633;--ff-soft:#ebc88818;--ff-shadow:0 12px 36px #06121c20}
html[data-theme="light"]{--ink:#172531;--muted:#4d6473;--gold:#866126;--line:#d8e0e5;--paper:#f7f9fa;--ff-surface:#fff;--ff-raised:#fff;--ff-input:#fff;--ff-soft:#fff6e7;--ff-shadow:0 12px 36px #17253108}
html[data-theme] body{color:var(--ink);background:var(--paper)}
html[data-theme="light"] body::before{background:linear-gradient(135deg,#f9fbfc,#f0f5f8 65%,#f8fafb)}
html[data-theme="dark"] body::before{background:linear-gradient(135deg,#10212c,#142d3d 65%,#10212c)}
html[data-theme] body::after{opacity:.04}
html[data-theme="light"] .ambient-orb{opacity:.62}
html[data-theme] header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:16px 4%;background:var(--ff-surface);border-bottom:1px solid var(--line);box-shadow:0 4px 20px #10263708;backdrop-filter:none}
html[data-theme] header nav{order:initial;width:auto;gap:16px;justify-content:center;flex-wrap:nowrap;min-width:0}
html[data-theme] header nav a{font-size:13px;white-space:nowrap;color:var(--muted);border-bottom:0;position:relative}
html[data-theme] header nav a[aria-current="page"]{color:var(--ink)}
html[data-theme] header nav a[aria-current="page"]:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;border-radius:2px;background:#ebc888}
html[data-theme] header nav .account-link{border:1px solid #c8a569;background:var(--ff-soft);border-radius:10px;color:var(--ink);padding:0 13px;box-shadow:none}
html[data-theme] header nav .account-link:after{left:13px;right:13px}
html[data-theme] .brand{font-size:16px;letter-spacing:.13em}
html[data-theme] .brand small{color:var(--muted)}
html[data-theme] .brand img{border-radius:10px}
html[data-theme] .preview-bar{background:var(--ff-input);color:var(--muted);border-bottom:1px solid var(--line);font-size:11px}
html[data-theme] :is(.intro,.author,.catalog-controls,.shop-intro,.form-card,.user-card,.manage-panel,.admin-list,.admin-editor,.contact-channel,.testimonial-slide,.door-preview,.plugin-panel,.purchase-option){background:var(--ff-surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--ff-shadow);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme] .intro{padding:38px;gap:36px}
html[data-theme] :is(h1,h2){letter-spacing:-.035em}
html[data-theme] :is(.lead,.count-copy p,.plugin-description p,.package-summary,.contact-channel p,.form-card p,.user-card p,.manage-note){color:var(--muted)}
html[data-theme] .eyebrow{color:var(--gold);letter-spacing:.13em}
html[data-theme] .shop-intro{padding:24px 28px}
html[data-theme] .catalog-controls{padding:16px;border-radius:16px}
html[data-theme] .product{background:var(--ff-surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--ff-shadow);backdrop-filter:none}
html[data-theme] :is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button){border-radius:11px;min-height:44px;box-shadow:inset 0 1px 0 #ffffff10;background:var(--ff-input);color:var(--ink);border:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme] a:is(.gold-button,.outline-button){display:inline-flex;align-items:center;justify-content:center}
.plugin-description>.outline-button{margin-top:12px}
html[data-theme] :is(.gold-button,.gold-button.gold-button,.categories button.selected,.plugin-tabs button[aria-selected="true"]){background:#ebc888;color:#172531;border-color:#c59a53;box-shadow:inset 0 1px 0 #fff8}
html[data-theme] :is(.gold-button,.gold-button.gold-button):hover{background:#f1d6a8;color:#172531;border-color:#a47a3f;box-shadow:0 5px 22px #bc945633}
html[data-theme] .outline-button:hover{border-color:#c59a53;background:var(--ff-soft)}
html[data-theme] .detail-link:hover{background:#ebc888!important;color:#172531!important}
html[data-theme] :is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button):after{opacity:.1}
html[data-theme] .categories button{padding:10px 14px}
html[data-theme] .category-icon{color:var(--gold)}
html[data-theme] .categories button.selected .category-icon{color:#172531}
html[data-theme] :is(.search,form input,form select,form textarea,.results-line select){background:var(--ff-input);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:none;backdrop-filter:none}
html[data-theme] .search input{background:transparent;border:0;color:var(--ink)}
html[data-theme] :is(form label,.form-card label,.checkbox-label){color:var(--ink)}
html[data-theme] :is(input,select,textarea):focus{border-color:#c59a53;outline-color:#a47a3f}
html[data-theme] .theme-toggle{background:var(--ff-input);border-color:var(--line);color:var(--muted);box-shadow:none;width:86px;flex-basis:86px}
html[data-theme] .theme-toggle::before{left:7.5px;transform:translateX(37px);background:#ebc888;box-shadow:0 2px 6px #17253118}
html[data-theme] .theme-toggle[aria-checked="true"]::before{transform:translateX(0)}
html[data-theme] .theme-toggle svg{width:18px;height:18px}
html[data-theme] .cart-button b{background:#ebc888;color:#172531}
html[data-theme] .form-status{color:var(--gold)}
html[data-theme] .count-band{border-color:var(--line)}
html[data-theme] .benefits article{border-color:var(--line)}
html[data-theme] .subscription-band .vip{border-radius:20px;border-color:#c8a569}
html[data-theme] .subscription-band strong{color:var(--gold)}
html[data-theme] .package-member{background:var(--ff-surface);border-color:var(--line);border-radius:18px}
html[data-theme] .package-member h3{color:var(--ink)}
html[data-theme] dialog[aria-labelledby]{background:var(--ff-surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 100px #06121c50;backdrop-filter:none}
html[data-theme] dialog::backdrop{background:#0b1c2b9c;backdrop-filter:blur(5px)}
html[data-theme] .close{background:var(--ff-input);color:var(--ink);border:1px solid var(--line);border-radius:10px}
html[data-theme] :is(.gold-button,.outline-button,.cart-button,.plugin-shot-open,.plugin-shot-picker button):focus-visible{outline:3px solid #b08543;outline-offset:4px}
.plugin-intro-meta{display:flex;gap:10px 18px;flex-wrap:wrap;color:var(--muted);font-size:13px;align-items:center}
.plugin-intro-meta span:first-child{color:var(--ink);background:var(--ff-soft);border:1px solid #c8a569;border-radius:8px;padding:6px 10px}
html[data-theme] .plugins-page{max-width:1200px;padding-top:44px}
html[data-theme] .plugins-intro{max-width:800px;margin-bottom:32px}
html[data-theme] .plugins-intro h1{font-size:clamp(34px,4.5vw,56px);max-width:800px}
html[data-theme] .plugins-intro>p{color:var(--muted)}
html[data-theme] .plugin-tabs{gap:10px}
html[data-theme] .plugin-tabs button{min-width:132px;padding:11px 22px}
html[data-theme] .plugin-real-panel{padding:28px;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:32px;align-items:start}
.plugin-gallery{min-width:0}
.plugin-gallery figure{margin:0}
.plugin-shot-open{display:flex;width:100%;height:480px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;padding:10px;cursor:zoom-in}
.plugin-shot{width:100%;height:100%;object-fit:contain;display:block}
.plugin-shot-caption{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 0;min-height:44px}
.plugin-shot-picker{display:flex;flex-wrap:wrap;gap:8px}
.plugin-shot-picker button{min-height:42px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:var(--ff-input);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.plugin-shot-picker button[aria-pressed="true"]{background:#ebc888;color:#172531;border-color:#c59a53}
html[data-theme] .plugin-description h2{font-size:clamp(25px,2.7vw,34px);font-weight:600;line-height:1.2}
html[data-theme] .plugin-description li{margin:10px 0;line-height:1.6;color:var(--ink)}
html[data-theme] .plugin-status{background:var(--ff-soft);border-color:var(--line);border-radius:8px;color:var(--gold);letter-spacing:0;font-size:13px}
.plugin-flow{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}
.plugin-flow h3{font-size:20px;margin:0 0 20px}
.plugin-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 0 0 24px;margin:0}
.plugin-flow li{padding-left:5px;color:var(--gold)}
.plugin-flow strong{font-size:17px;color:var(--ink);font-weight:600}
.plugin-flow p{font-size:14px;color:var(--muted);margin:8px 0;line-height:1.7}
.plugin-availability{font-size:13px;line-height:1.8;max-width:880px;color:var(--muted);margin-top:22px}
html[data-theme] .plugin-contact{padding:24px 0;border-top:1px solid var(--line)}
.plugin-image-dialog{width:min(1280px,96vw);max-width:96vw;padding:24px;max-height:95vh}
.plugin-image-dialog .plugin-image-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 16px}
.plugin-image-dialog h2{font-size:22px;margin:0}
.plugin-image-dialog .close{position:static;flex-shrink:0}
.plugin-image-dialog figure{margin:0}
.plugin-image-dialog figure img{display:block;max-width:100%;width:100%;height:min(67vh,820px);object-fit:contain;background:#fff;border-radius:10px}
.plugin-image-dialog figcaption{font-size:13px;color:var(--muted);line-height:1.6;margin:12px 0}
.plugin-image-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plugin-image-nav span{font-size:13px;color:var(--muted)}
@media(max-width:450px){html[data-theme] .plugin-image-dialog figure img{height:auto;max-height:60vh}}
.launch-price{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.launch-label{font-size:11px;color:var(--gold);font-weight:400;letter-spacing:.02em}
.package-launch{margin:12px 0 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.package-launch .launch-label{background:var(--ff-soft);border:1px solid #c8a569;border-radius:7px;padding:5px 9px;font-size:12px}
.commercial-info{max-width:1090px;margin:35px auto 60px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--ff-surface);box-shadow:var(--ff-shadow)}
.commercial-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.commercial-top h2{font-size:25px;margin:0}
.commercial-test{color:var(--ink);font-size:12px;background:var(--ff-soft);border:1px solid #c8a569;padding:6px 10px;border-radius:8px}
.commercial-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}
.commercial-grid h3{font-size:17px;margin:0 0 10px}
.commercial-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin:10px 0}
.payment-methods{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0}
.payment-methods li{border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:14px;color:var(--ink);background:var(--ff-input)}
.payment-methods li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:86px;padding:12px}
.payment-logos{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:5px 9px;border-radius:7px;background:#fff}
.payment-logos img{display:block;object-fit:contain;flex-shrink:0;filter:none;max-width:none}
.payment-logos .pse-logo{width:42px;height:38px}.payment-logos .nequi-logo{width:95px;height:30px}
.commercial-help{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:13px;color:var(--muted)}
.commercial-help a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.package-commercial{margin:28px 0 40px}
@media(max-width:1199px){html[data-theme] header{grid-template-columns:1fr auto;gap:10px 20px}html[data-theme] header nav{grid-column:1/-1;grid-row:2;justify-content:center;width:100%}html[data-theme] .header-tools{grid-column:2;grid-row:1}html[data-theme] .plugin-real-panel{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:24px}.plugin-shot-open{height:440px}}
@media(max-width:750px){html[data-theme] .intro{padding:28px;gap:26px}html[data-theme] .plugin-real-panel{grid-template-columns:1fr;padding:20px}.plugin-real-panel .plugin-description{order:0}.plugin-real-panel .plugin-gallery{order:1}.plugin-real-panel .plugin-flow{order:2}.plugin-shot-open{height:410px}.plugin-flow ol{grid-template-columns:1fr;gap:14px}.plugin-shot-caption{min-height:0}html[data-theme] .plugins-page{padding:30px 20px 48px}html[data-theme] .plugin-tabs button{min-width:0;flex:1;padding:11px 14px}.commercial-info{margin:28px 20px;padding:22px}.commercial-grid{grid-template-columns:1fr;gap:20px}.package-commercial{margin:24px 0}.commercial-top h2{font-size:23px}.plugin-image-dialog{padding:16px}.plugin-image-dialog figure img{height:58vh}.plugin-image-nav .outline-button{font-size:13px;padding:10px}.plugin-image-heading h2{font-size:20px}}
@media(max-width:450px){html[data-theme] header{padding:10px 4%;gap:9px}html[data-theme] .brand{font-size:14px;gap:8px}html[data-theme] .brand img{width:30px;height:34px}html[data-theme] .brand small{font-size:8px;letter-spacing:.13em}html[data-theme] .header-tools{gap:6px}html[data-theme] .cart-button{padding:8px}html[data-theme] header nav{justify-content:flex-start;gap:16px;overflow-x:auto;padding-bottom:5px}html[data-theme] header nav .account-link{order:-1}html[data-theme] .theme-toggle{width:80px;flex-basis:80px}html[data-theme] .theme-toggle::before{left:6px;transform:translateX(34px)}html[data-theme] .theme-toggle[aria-checked="true"]::before{transform:translateX(0)}.plugin-shot-open{height:340px}.plugin-image-nav{flex-wrap:wrap}.plugin-image-nav span{order:3;width:100%;text-align:center}.launch-price{font-size:15px}.product-bottom{gap:8px}.product-bottom .detail-link{font-size:13px}}

/* Identidad oficial y ayuda de acceso, separados del botón de envío. */
html[data-theme] header .brand img.brand-symbol{width:64px;height:36px;border-radius:0;object-fit:contain}
.form-card[data-auth] .auth-help{display:block;margin:10px 0 18px;color:var(--muted);line-height:1.6}
@media(max-width:450px){html[data-theme] header .brand img.brand-symbol{width:44px;height:26px}}