:root{--color-primary: #6B46C1;--color-primary-dark: #553C9A;--color-primary-light: #8B5CF6;--color-secondary: #7C3AED;--color-secondary-dark: #6D28D9;--color-secondary-light: #A78BFA;--color-accent: #3B82F6;--color-accent-dark: #2563EB;--color-accent-light: #60A5FA;--color-background: #1E1B4B;--color-surface: #312E81;--color-surface-light: #4338CA;--color-text-primary: #FFFFFF;--color-text-secondary: #E0E7FF;--color-text-muted: #C7D2FE;--color-silver: #C0C0C0;--color-silver-light: #E8E8E8;--color-silver-dark: #A0A0A0;--color-silver-glow: rgba(192, 192, 192, .5);--gradient-primary: linear-gradient(135deg, #6B46C1 0%, #7C3AED 50%, #3B82F6 100%);--gradient-secondary: linear-gradient(135deg, #7C3AED 0%, #3B82F6 100%);--gradient-background: linear-gradient(135deg, #1E1B4B 0%, #312E81 50%, #1E1B4B 100%);--gradient-silver: linear-gradient(135deg, #E8E8E8 0%, #C0C0C0 50%, #A0A0A0 100%);--shadow-sm: 0 1px 2px rgba(107, 70, 193, .3);--shadow-md: 0 4px 6px rgba(107, 70, 193, .4);--shadow-lg: 0 10px 15px rgba(107, 70, 193, .5);--shadow-xl: 0 20px 25px rgba(107, 70, 193, .6);--shadow-silver: 0 4px 15px rgba(192, 192, 192, .4);--shadow-silver-glow: 0 0 20px rgba(192, 192, 192, .6);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-heading: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--bar-width: 180px;--bar-gap: 20px;--bar-yang-width: calc(var(--bar-width) * 2 + var(--bar-gap));--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem}body{background:var(--gradient-background);background-attachment:fixed;color:var(--color-text-primary);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;transition:all var(--transition-base);cursor:pointer;border:none;font-family:var(--font-body);box-shadow:var(--shadow-md)}.btn-primary{background:var(--gradient-primary);color:var(--color-text-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--gradient-secondary)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-surface-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(124,58,237,.3)}.card-hexagram{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-light) 100%);border:2px solid var(--color-primary-light);box-shadow:var(--shadow-xl),0 0 30px #6b46c14d}.hexagram-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background-image:url(/img/dragones_fondo.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#4b0082f2;border-radius:var(--border-radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(138,43,226,.3);box-shadow:0 8px 32px #4b008266,inset 0 0 60px #8a2be21a;position:relative;overflow:hidden;transform:translateZ(0)}.hexagram-line{display:flex;justify-content:flex-start;align-items:center;width:var(--bar-yang-width);height:60px;position:relative;margin:0 auto;z-index:1}.hexagram-line.yang{width:var(--bar-yang-width);background:var(--gradient-silver);height:50px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-silver),inset 0 2px 4px #ffffff4d;position:relative;overflow:hidden}.hexagram-line.yang:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.hexagram-line.yang:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#0003}.hexagram-line.yin{display:flex;gap:var(--bar-gap);height:50px;width:var(--bar-yang-width)}.hexagram-line.yin .bar{width:var(--bar-width);background:var(--gradient-silver);height:50px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-silver),inset 0 2px 4px #ffffff4d;position:relative;overflow:hidden;flex-shrink:0}.hexagram-line.yin .bar:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.hexagram-line.yin .bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#0003}.hexagram-line.mutable{animation:hexagram-glow 2s ease-in-out infinite}@keyframes hexagram-glow{0%,to{box-shadow:var(--shadow-silver)}50%{box-shadow:var(--shadow-silver-glow)}}.hexagram-line.yin.mutable .bar{animation:hexagram-glow 2s ease-in-out infinite}.progress-indicator{display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg)}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-primary-light);transition:all var(--transition-base)}.progress-dot.active{background:var(--color-primary-light);box-shadow:0 0 10px var(--color-primary-light);transform:scale(1.2)}.progress-dot.completed{background:var(--color-accent);border-color:var(--color-accent-light);box-shadow:0 0 15px var(--color-accent)}.input,.select{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:2px solid var(--color-primary);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-body);transition:all var(--transition-base)}.input:focus,.select:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #6b46c14d}.text-heading{font-family:var(--font-heading);color:var(--color-text-primary);text-shadow:0 2px 4px rgba(0,0,0,.3)}.text-gold{color:var(--color-silver-light);text-shadow:0 0 10px var(--color-silver-glow)}.section{padding:var(--spacing-xl);margin:var(--spacing-lg) 0}.coin{width:60px;height:60px;border-radius:50%;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.coin:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-base)}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-up{animation:slideInUp var(--transition-base)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scaleIn var(--transition-base)}@keyframes coinToss{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(360deg) scale(1)}}.coin-toss{animation:coinToss .6s ease-in-out;will-change:transform}.coin-toss.animation-complete{will-change:auto}@keyframes hexagramReveal{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hexagram-reveal{animation:hexagramReveal .5s ease-out}@keyframes hexagramGlow{0%,to{box-shadow:var(--shadow-silver)}50%{box-shadow:var(--shadow-silver-glow),0 0 30px #c0c0c080}}.hexagram-line.mutable,.hexagram-line.yin.mutable .bar{animation:hexagramGlow 2s ease-in-out infinite;will-change:box-shadow}:root{--header-height: 80px;--footer-height: 55px;--publi-width: 12.5%;--central-width: 75%;--gap-regions: 0%}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-background);color:var(--color-text-primary);font-family:var(--font-body)}.region-superior{width:100%;min-height:var(--header-height);background:var(--color-surface);border-bottom:2px solid var(--color-primary-light);box-shadow:var(--shadow-lg);padding:var(--spacing-sm) var(--spacing-md);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:var(--spacing-md)}.yin-yang-container{flex-shrink:0;width:85px;height:85px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs)}.yin-yang-fishes{width:100%;height:100%;position:relative}.yin-yang-image{width:90%;height:90%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 8px rgba(107,70,193,.4))}.header-center{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.main-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0;line-height:1.2}.main-menu{display:flex;gap:var(--spacing-sm);flex-wrap:nowrap;justify-content:center;align-items:center}.menu-item{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:.65rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0}.menu-item:hover{background:var(--color-primary);border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.menu-item.active{background:var(--gradient-primary);border-color:var(--color-primary-light);box-shadow:var(--shadow-lg)}.regions-container{flex:1;display:grid;grid-template-columns:var(--publi-width) var(--central-width) var(--publi-width);width:100%;margin:0 auto;padding:0;gap:0;min-height:calc(100vh - var(--header-height) - var(--footer-height))}.region-publi{background:#312e814d;min-height:calc(100vh - var(--header-height) - var(--footer-height));pointer-events:none}.region-central{background:var(--color-surface);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);min-height:calc(100vh - var(--header-height) - var(--footer-height));overflow-y:auto;overflow-x:hidden;height:calc(100vh - var(--header-height) - var(--footer-height))}.central-content{width:100%;min-height:100%}.initial-logo{display:flex;justify-content:center;align-items:center;min-height:400px;animation:fadeIn .8s ease-in}.logo-large{max-width:40%;height:auto;filter:drop-shadow(0 10px 20px rgba(107,70,193,.5));animation:scaleIn 1s ease-out}.ten-rows-container{display:grid;grid-template-rows:auto auto 1fr;row-gap:var(--spacing-sm);column-gap:0;min-height:600px}.ten-rows-container .row:nth-child(1){min-height:calc(.65rem * 1.3)}.ten-rows-container .row:nth-child(2){min-height:calc(.65rem * 1.3);max-height:calc(.65rem * 1.3)}.toss-rows-wrapper{display:grid;grid-template-rows:repeat(6,1fr);row-gap:0;column-gap:0}.toss-rows-wrapper .row.toss-row{min-height:2.535rem;max-height:2.535rem}.row{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:all var(--transition-base);min-height:calc(.65rem * 1.3)}.row:nth-child(2){min-height:calc(.65rem * 1.3);max-height:calc(.65rem * 1.3);padding:.13rem var(--spacing-md)}.row.toss-row{min-height:2.535rem;max-height:2.535rem;padding:.13rem var(--spacing-md)}.row.active{background:#6b46c11a;border-left:4px solid var(--color-primary)}.question-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.question-text{font-size:.65rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.question-input{padding:var(--spacing-md);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);background:var(--color-surface-light);color:var(--color-text-primary);font-family:var(--font-body);font-size:.65rem;transition:all var(--transition-base)}.question-input:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #6b46c14d}.question-explanation-container{display:flex;align-items:center;gap:var(--spacing-md)}.question-explanation{font-size:.65rem;color:var(--color-text-secondary);font-style:italic;flex:1}.consultar-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);border:2px solid var(--color-primary-light);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:.65rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:var(--shadow-md);flex-shrink:0}.consultar-button:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.consultar-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.toss-options{display:flex;gap:var(--spacing-sm);align-items:center}.toss-option{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:.65rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.manual-toss-line{display:flex;align-items:center;gap:var(--spacing-md);justify-content:flex-start}.manual-toss-text{font-size:.65rem;white-space:nowrap}.toss-option:hover{transform:translateY(-4px) scale(1.1);background:var(--color-primary-light);border-color:var(--color-primary-light);box-shadow:var(--shadow-lg)}.toss-option.selected{background:var(--gradient-primary);border-color:var(--color-accent-light);box-shadow:var(--shadow-xl);transform:scale(1.15)}.toss-option.hidden{display:none}.lanzar-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:.65rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.automatic-toss-line{display:flex;align-items:center;gap:var(--spacing-md);justify-content:flex-start}.automatic-toss-text{font-size:.65rem;white-space:nowrap}.automatic-toss-button{padding:calc(var(--spacing-sm) * .5) calc(var(--spacing-md) * .5);font-size:.65rem;width:auto;min-width:auto}.lanzar-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--gradient-secondary)}.lanzar-button:active{transform:translateY(0)}.coins-display{display:flex;gap:var(--spacing-sm);align-items:center}.coin{width:50px;height:50px;border-radius:50%;object-fit:cover;animation:coinToss .6s ease-in-out}.automatic-toss-line .coins-display{display:flex;gap:var(--spacing-xs);align-items:center}.automatic-toss-line .coin{width:40px;height:40px}.automatic-toss-line .bar-display{display:flex;align-items:center;height:calc(.65rem * 1.3)}.automatic-toss-line .automatic-bar{height:calc(.65rem * 1.3)!important;width:auto!important}.automatic-toss-line .automatic-bar.yang{width:120px!important;height:calc(.65rem * 1.3)!important}.automatic-toss-line .automatic-bar.yin{width:auto!important;height:calc(.65rem * 1.3)!important;gap:8px}.automatic-toss-line .automatic-bar.yin .bar{width:56px!important;height:calc(.65rem * 1.3)!important}.manual-toss-line .bar-display{display:flex;align-items:center;height:calc(.65rem * 1.3)}.manual-toss-line .automatic-bar{height:calc(.65rem * 1.3)!important;width:auto!important}.manual-toss-line .automatic-bar.yang{width:120px!important;height:calc(.65rem * 1.3)!important}.manual-toss-line .automatic-bar.yin{width:auto!important;height:calc(.65rem * 1.3)!important;gap:8px}.manual-toss-line .automatic-bar.yin .bar{width:56px!important;height:calc(.65rem * 1.3)!important}.symbols-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--spacing-md);padding:var(--spacing-md);max-width:50%;margin:0 auto;align-self:flex-start}.symbol-cell{aspect-ratio:1;width:100%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.symbol-cell:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg)}.symbol-cell.selected{background:var(--gradient-primary);border-color:var(--color-accent-light);box-shadow:var(--shadow-xl);transform:scale(1.1)}.results-container{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);animation:fadeIn .5s ease-in}.result-section{background:var(--color-surface-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-md)}.result-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.symbol-image{max-width:100%;height:auto;border-radius:var(--border-radius-md);margin:var(--spacing-lg) 0;box-shadow:var(--shadow-lg)}.new-consultation{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center}.new-consultation-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.consultation-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.consultation-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.consultation-button:hover{background:var(--gradient-primary);border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.region-inferior{width:100%;min-height:var(--footer-height);background:var(--color-surface);border-top:2px solid var(--color-primary-light);box-shadow:0 -4px 6px #6b46c14d;padding:var(--spacing-sm) var(--spacing-md)}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl)}.legal-menu-container{position:relative}.legal-menu-toggle{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-xs);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm)}.legal-menu-toggle:hover{background:var(--color-primary);border-color:var(--color-primary-light)}.legal-menu-toggle .arrow{transition:transform var(--transition-base)}.legal-menu-toggle.open .arrow{transform:rotate(180deg)}.legal-menu{position:absolute;bottom:100%;left:0;margin-bottom:var(--spacing-sm);background:var(--color-surface-light);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);list-style:none;min-width:200px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base)}.legal-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.legal-menu li{border-bottom:1px solid rgba(107,70,193,.2)}.legal-menu li:last-child{border-bottom:none}.legal-menu a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast)}.legal-menu a:hover{background:var(--color-primary);color:var(--color-text-primary)}.footer-right{display:flex;align-items:center;justify-content:flex-end}.footer-image{max-height:40px;width:auto;object-fit:contain;height:auto}.credits{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.credits-text{color:var(--color-text-primary)}.logo-m{height:30px;width:auto;object-fit:contain;margin:0 var(--spacing-xs)}.logo-tecnolitas{font-size:var(--font-size-lg);font-weight:600;color:var(--color-accent);text-shadow:0 0 10px var(--color-accent-light)}@media (max-width: 1024px) and (min-width: 769px){:root{--publi-width: 8%;--central-width: 84%}.regions-container{grid-template-columns:var(--publi-width) var(--central-width) var(--publi-width)}.region-publi{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.yin-yang-container{width:70px;height:70px}.main-title{font-size:1.3rem}.menu-item{font-size:.7rem;padding:var(--spacing-xs) var(--spacing-sm)}.symbols-grid{grid-template-columns:repeat(6,1fr);gap:var(--spacing-md);padding:var(--spacing-md);max-width:50%}.symbol-cell{font-size:.875rem;border-width:2px}.hexagram-container{padding:var(--spacing-md)}:root{--bar-width: 140px;--bar-gap: 15px}.toss-option{width:50px;height:50px;font-size:var(--font-size-lg)}.ten-rows-container{min-height:500px}.row{min-height:45px;padding:var(--spacing-xs)}}@media (max-width: 768px){.regions-container{grid-template-columns:1fr}.region-publi{display:none}:root{--header-height: 70px}.region-superior{padding:var(--spacing-xs) var(--spacing-sm)}.header-content{flex-direction:column;gap:var(--spacing-xs);align-items:center}.yin-yang-container{width:50px;height:50px;margin-bottom:var(--spacing-xs)}.header-center{width:100%;gap:var(--spacing-xs)}.main-title{font-size:1.1rem;line-height:1.2}.main-menu{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.menu-item{font-size:.6rem;padding:var(--spacing-xs) var(--spacing-sm);flex:1 1 auto;min-width:calc(50% - var(--spacing-xs));text-align:center}:root{--footer-height: 50px}.region-inferior{padding:var(--spacing-xs) var(--spacing-sm)}.footer-content{flex-direction:column;gap:var(--spacing-xs);align-items:center}.legal-menu-toggle{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.footer-image{max-height:30px}.symbols-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:var(--spacing-md);max-width:80%}.symbol-cell{font-size:.875rem;border-width:2px}.hexagram-container{padding:var(--spacing-sm);gap:var(--spacing-sm)}:root{--bar-width: 120px;--bar-gap: 12px}.hexagram-line{height:45px}.hexagram-line.yang,.hexagram-line.yin,.hexagram-line.yin .bar{height:40px}.toss-options{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.toss-option{width:70px;height:70px;font-size:var(--font-size-2xl);min-width:70px}.lanzar-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:50px}.consultar-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);min-height:44px}.ten-rows-container{min-height:auto;gap:var(--spacing-xs)}.row{min-height:auto;padding:var(--spacing-sm)}.question-text{font-size:var(--font-size-base)}.question-input{font-size:var(--font-size-sm);padding:var(--spacing-sm)}.question-explanation{font-size:var(--font-size-xs)}.question-explanation-container{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.results-container{padding:var(--spacing-md);gap:var(--spacing-lg)}.result-section{padding:var(--spacing-md)}.result-title{font-size:var(--font-size-lg)}.consultation-buttons{flex-direction:column;gap:var(--spacing-sm)}.consultation-button{width:100%;padding:var(--spacing-md);min-height:44px;font-size:var(--font-size-base)}.coin{width:40px;height:40px}.coins-display{gap:var(--spacing-xs);justify-content:center}}@media (max-width: 480px){.main-title{font-size:.95rem}.menu-item{font-size:.55rem;min-width:calc(50% - var(--spacing-xs))}.symbols-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm);max-width:90%}.symbol-cell{font-size:.75rem;border-width:2px}:root{--bar-width: 100px;--bar-gap: 10px}.toss-option{width:60px;height:60px;font-size:var(--font-size-xl)}}.legal-page{max-width:900px;margin:0 auto;padding:var(--spacing-xl);color:var(--color-text-primary);line-height:1.8}.legal-content{background:var(--color-surface-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.legal-content h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-primary-light);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-md)}.legal-content h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-primary-light);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.legal-content p{margin-bottom:var(--spacing-md);text-align:justify}.legal-content ul{margin-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.legal-content li{margin-bottom:var(--spacing-sm);list-style-type:disc}.legal-content strong{color:var(--color-accent-light);font-weight:600}.back-button{padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-primary);border:2px solid var(--color-primary-light);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.back-button:hover{background:var(--gradient-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.back-button:active{transform:translateY(0)}@media (max-width: 768px){.legal-page,.legal-content{padding:var(--spacing-md)}.legal-content h2{font-size:var(--font-size-2xl)}.legal-content h3{font-size:var(--font-size-lg)}}