:root{--font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--heading:var(--font)}
body{background:radial-gradient(ellipse at 75% 12%,#235269 0,transparent 35%),radial-gradient(ellipse at 8% 35%,#253351 0,transparent 32%),#07121e;background-attachment:fixed}
.header{top:16px;border-radius:80px!important;padding:12px 20px!important;background:linear-gradient(120deg,#ffffff20,#ffffff09)!important;backdrop-filter:blur(32px) saturate(150%);box-shadow:0 12px 45px #0004,inset 0 1px #ffffff38}
.header nav a{border-radius:40px!important;background:transparent!important;border-color:transparent!important;padding:12px 16px!important}
.header nav a:hover{background:#ffffff18!important}
.hero{position:relative;min-height:610px!important;margin-top:32px;margin-bottom:28px;padding:58px!important;grid-template-columns:1.1fr 1fr!important;border:1px solid #ffffff25;border-radius:44px;background:linear-gradient(135deg,#ffffff13,#ffffff03);box-shadow:0 32px 70px #0003,inset 0 1px #ffffff26;overflow:hidden}
.hero:before{content:'';position:absolute;width:450px;height:450px;right:-100px;top:-160px;border-radius:50%;background:#80d9e329;filter:blur(60px);pointer-events:none}
.hero h1{font-family:var(--font);font-size:clamp(2.7rem,4.2vw,4.1rem)!important;font-weight:700!important;letter-spacing:-.055em!important;line-height:1.06!important}
.hero h1 em{background:linear-gradient(100deg,#fff1c4,#dba853);background-clip:text;color:transparent;font-style:normal}
.hero-description{font-size:17px!important;line-height:1.7!important;max-width:450px}
.hero-brand{position:relative;border-radius:50%;background:radial-gradient(ellipse,#b1edff15,transparent 67%)}
.hero-logo{width:100%!important;max-width:460px!important;filter:drop-shadow(0 28px 24px #0006)}
.logo-halo{background:radial-gradient(circle,#6ce3e529,transparent 65%)!important}
.location-pill{border-radius:50px!important;background:#ffffff16!important;backdrop-filter:blur(24px);bottom:0!important;box-shadow:0 8px 30px #0003}
.button,.text-link{border-radius:100px!important}
.button.primary{background:linear-gradient(130deg,#ffedbd,#e5b35e)!important;box-shadow:0 8px 25px #dba85325,inset 0 1px #fff9!important}
.button:hover,.text-link:hover,.social-icon:hover{translate:0 -3px;box-shadow:0 14px 35px #0003}
.worlds{border:1px solid #ffffff20!important;border-radius:26px;padding:22px 26px!important;background:#ffffff07;backdrop-filter:blur(20px)}
.section{padding-top:76px!important;padding-bottom:36px!important}
.section-heading h2{font-family:var(--font);letter-spacing:-.045em;font-weight:650;font-size:clamp(2.2rem,3.4vw,3.3rem)}
.coin-card{border-radius:32px!important;background:linear-gradient(145deg,#ffffff17,#ffffff05)!important;border:1px solid #ffffff25!important;box-shadow:0 18px 40px #0002,inset 0 1px #ffffff26!important;transition:translate .3s,box-shadow .3s,border-color .3s!important;overflow:hidden}
.coin-card:hover{translate:0 -9px;border-color:#eac47780!important;box-shadow:0 25px 55px #0004,0 0 30px #eac4770c!important}
.coin-symbol{border-radius:26px!important;background:radial-gradient(circle,#ecce852c,#ffffff06)!important;border:1px solid #ffffff25!important;box-shadow:inset 0 1px #ffffff40,0 12px 22px #0002!important}
.coin-card h3{font-family:var(--font);letter-spacing:-.035em;font-weight:650}
.card-cta{background:#ffffff09!important;border-top-color:#ffffff20!important;padding:22px 28px!important}
.round-button{background:#efc676!important;color:#152536!important;border-color:#ffedb8!important;box-shadow:0 4px 16px #eac47720}
.service-panel,.recommendation-panel,.facebook-preview,.faq-list{border-radius:32px!important;background:linear-gradient(145deg,#ffffff13,#ffffff05)!important;box-shadow:0 15px 40px #0002}
.purchase-dialog{border-radius:36px!important;background:linear-gradient(140deg,#254257eb,#0d2032f5)!important;border:1px solid #ffffff55!important;box-shadow:0 35px 100px #0008!important;backdrop-filter:blur(35px)}
dialog::backdrop{background:#02091680!important;backdrop-filter:blur(12px)!important}
.calculator-panel,.order-panel{border-radius:26px!important;background:#06172570!important;border-color:#ffffff20!important}
.calculator-total{border-radius:24px!important;background:linear-gradient(135deg,#edca7820,#ffffff06)!important}
.calculator-total strong{font-size:40px!important;letter-spacing:-.04em}
.field input,.field select,.quantity-step,.order-summary{border-radius:14px!important}
.interaction-fx{display:block!important;z-index:2147483647!important;pointer-events:none!important}
.brand-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;line-height:1!important;padding:0!important;font-family:Georgia,'Times New Roman',serif!important;font-size:30px!important;text-indent:0!important}
.faq-list{overflow:hidden;border:1px solid #ffffff20}
.faq-list details{border-top:0!important}
.faq-list details:last-child{border-bottom:0!important}
.faq-list summary{padding:26px 28px!important;gap:24px;align-items:center;line-height:1.5!important}
.faq-list summary>span{flex-shrink:0}
.faq-list details>p{padding:0 28px 26px!important;margin:0!important;line-height:1.7!important}
html[data-theme=light] body{background:radial-gradient(ellipse at 80% 12%,#b8e1ec,transparent 42%),#eef3f9}
html[data-theme=light] .hero,html[data-theme=light] .coin-card,html[data-theme=light] .service-panel,html[data-theme=light] .recommendation-panel,html[data-theme=light] .facebook-preview,html[data-theme=light] .faq-list{background:linear-gradient(145deg,#ffffffb0,#ffffff60)!important;border-color:#fff!important}
html[data-theme=light] .hero h1 em{color:#9a691d;background:none}
html[data-theme=light] .purchase-dialog{background:#eef5f9f5!important}
html[data-theme=light] .calculator-panel,html[data-theme=light] .order-panel{background:#ffffff80!important}
@media(max-width:1000px){.header{border-radius:28px!important}.hero{padding:36px!important}.hero h1{font-size:3rem!important}}
@media(max-width:700px){.hero{grid-template-columns:1fr!important;padding:28px!important;border-radius:30px;gap:20px}.hero h1{font-size:2.7rem!important}.hero-brand{min-height:290px!important}.hero-logo{max-width:320px!important}.worlds{padding:20px!important}.header nav a{padding:12px!important}.section{padding-top:50px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.coin-card,.button,.text-link,.social-icon{transition:none!important;translate:none!important}}
/* Emblema vectorial: evita el espacio de línea de las fuentes. */
.brand-mark{font-size:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23edc77f' d='M19 6h3l10 27h-9v-2h3l-3-8H14l-3 8h3v2H6v-2h3L19 6Zm-4 15h7l-3.5-10L15 21Z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:34px 34px!important}
html[data-theme=light] .brand-mark{background-color:#efe9dc!important}
