@charset "UTF-8";:root{--color-primary-teal: #14b8a6;--color-primary-red: #b91c1c;--color-primary-dark: #2f2f2f;--color-primary-blue: #1e3a8a;--button-change: #14b8a6;--button-record: #b91c1c;--button-help: #00008b;--button-confirm: #66cdaa;--button-cancel: #f08080;--button-disabled: #999;--regla-active: #8b7fd8;--regla-inactive: #e5e7eb;--regla-text-active: #ffffff;--regla-text-inactive: #374151;--emocion-triste: #14b8a6;--emocion-furioso: #f97316;--emocion-feliz: #fcd34d;--emocion-desesperado: #9ca3af;--emocion-sarcastico: #3b82f6;--emocion-misterioso: #8b5cf6;--emocion-euforico: #ec4899;--emocion-atemorizado: #1f2937;--emocion-melancolico: #a855f7;--bg-primary: #d3d3d3;--bg-secondary: #2f2f2f;--bg-white: #ffffff;--bg-overlay: rgba(211, 211, 211, .7);--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #d3d3d3;--text-white: #ffffff;--border-light: #e5e7eb;--border-medium: #9ca3af;--border-dark: #4b5563;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}body{font-family:Arial,sans-serif;background-color:var(--bg-primary);margin:0}html{height:100%;margin:0}body{min-height:100%;margin:0;overflow-x:hidden;overflow-y:auto}@media (max-width: 768px){body{overflow-y:auto}}.main-menu{display:flex;flex-direction:row;background-color:#2f2f2f}.thumb-select{width:100%;max-width:389px}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}.right-arrow{max-width:40px;margin-left:5px;margin-right:5px}@media (orientation: portrait){.right-arrow{max-width:25px}}.component-wrapper{height:100vh;background-color:#d3d3d3}.left-container{display:flex;align-items:center;padding-top:4px;padding-bottom:4px}.center-container{margin-top:7px;margin-bottom:7px;display:flex;justify-content:center;align-items:center}.dialog-container{display:flex;flex-direction:column;background-color:#d3d3d3;width:100%;height:100%;box-sizing:border-box}.dialog-padding{padding:10px}.main-header{height:25px;overflow:hidden;background-color:#2f2f2f;display:flex;justify-content:center;align-items:center}.title{color:#d3d3d3;font-weight:700;line-height:30px}.start-stop-button,.option-select,.select-label{display:flex;align-items:center;justify-content:center;line-height:normal}@media (orientation: landscape){.regular-text{font-size:4vh;padding-top:7px;padding-bottom:7px;text-align:left}}@media (orientation: portrait){.regular-text{font-size:3.5vh;padding-top:5px;padding-bottom:5px}}.main-select{margin-top:1px}@media (orientation: portrait){.main-select{margin-top:5px}}@media (orientation: landscape) and (max-width: 768px){.main-select{margin-top:10px}}@media (orientation: landscape){.main-select,.button-common,.option-select,.select-label,.title{height:5vh;font-size:3vh}}@media (orientation: portrait){.main-select,.button-common,.option-select,.select-label,.title{height:4.2vh;font-size:2.5vh}}.select-label{margin-right:5px;margin-top:0;margin-bottom:0;font-weight:700}.button-common{width:auto;margin-left:5px;margin-right:5px;margin-top:4px;font-size:90%;font-weight:700;color:#fff;padding:0;text-align:center;border:none;border-radius:17px;cursor:pointer}.button-common:disabled,.button-common.disabled{background-color:var(--button-disabled);color:#eee;border:none;cursor:not-allowed;opacity:.6;box-shadow:none;transition:none;transform:none}.button-common.disabled.record-button{background-color:#aa4a4a}.button-common.disabled.change-button{background-color:#448}.button-common.disabled.help-button{background-color:#666}.button-fixed-width{width:150px}.start-stop-button{background-color:var(--button-change);transition:all var(--transition-normal)}.start-stop-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.instructions-button{background-color:var(--button-help);color:var(--text-light);transition:all var(--transition-normal)}.instructions-button:hover:not(:disabled){filter:brightness(1.2)}.record-button{background-color:var(--button-record);width:calc(100% - 10px);transition:all var(--transition-normal)}.record-button:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02)}@media (min-width: 768px){.record-button,.instructions-button{width:100%}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #dc143cb3}50%{transform:scale(1.05);box-shadow:0 0 10px 5px #dc143c33}}.pulsing-button{animation:pulse 1.5s infinite}.confirm-button{background-color:var(--button-confirm);transition:all var(--transition-normal)}.confirm-button:hover:not(:disabled){filter:brightness(1.1)}.cancel-button{background-color:var(--button-cancel);transition:all var(--transition-normal)}.cancel-button:hover:not(:disabled){filter:brightness(1.1)}.small-button{width:20px;height:20px;padding:0;margin:0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.small-icon{width:16px;height:16px}.transparent-button{background-color:#fff}.link-button{background-color:#fff;padding-top:7px;text-align:center;font-weight:700;height:22px}.link-button a{color:#000;text-decoration:none}.disabled-button{background-color:gray;color:#000;pointer-events:none;opacity:.6}.texto{font-size:3vh;font-weight:700;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1em;height:3em}.columns{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,1fr);gap:10px}.column{padding:10px;border:1px solid #666;text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:2vh;border-radius:5px;background-color:#fff}.highlight{background-color:#20b2aa;font-weight:700;color:#fff}.highlight-letter{color:#5f9ea0;background-color:#fff;border-radius:3px;padding:0 2px}@media (max-width: 768px){.column{font-size:2vh}}.exercise-container{background-color:var(--bg-primary);text-align:center;margin:0;padding:10px;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}@media (min-width: 769px){.exercise-container{min-height:calc(100vh - 25px)}}.control-button{padding:0;background:none;border:none;cursor:pointer;max-width:35px;max-height:35px}.control-button img{width:100%;object-fit:contain}.overlay{position:fixed;font-weight:700;top:0;width:100%;height:100%;background-color:#d3d3d3;opacity:.7;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay-content{text-align:center;font-size:24px;font-weight:700}