*,*:before,*:after{box-sizing:border-box}:root{--bg-body: #f4f4f4;--bg-card: #ffffff;--text-main: #171717;--text-muted: #555555;--alert-bg: #e9edef;--link-color: #991b1b;--border-color: #dddddd;--tag-bg: #8b0000;--tag-text: #ffffff;--btn-primary-bg: #8b0000;--btn-primary-text: #ffffff;--btn-back-bg: #333333}@media(prefers-colr-scheme:dark){:root{--bg-body: #121212;--bg-card: #1e1e1e;--text-main: #f5f5f5;--text-muted: #a3a3a3;--alert-bg: #2d2d2d;--link-color: #ef4444;--border-color: #444444;--tag-bg: #b91c1c;--tag-text: #ffffff;--btn-primary-bg: #b91c1c;--btn-primary-text: #ffffff;--btn-back-bg: #444444}}body{background-color:var(--bg-body);color:var(--text-main);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.app-container{width:100%;margin:0 auto;padding:15px 10px}.news-card{background-color:var(--bg-card);border:1px solid var(--border-color);margin-bottom:15px;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000000d}.page-title{font-family:Georgia,serif;color:var(--link-color);border-bottom:2px solid var(--link-color);padding-bottom:10px;text-transform:uppercase;margin-bottom:30px}.alert-box{background-color:var(--alert-bg);border:1px dashed var(--border-color);border-radius:8px;padding:15px;margin-bottom:30px}.btn-primary{padding:8px 16px;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:4px;cursor:pointer;font-weight:700}.btn-back{padding:8px 16px;background-color:var(--btn-back-bg);color:var(--btn-primary-text);border:none;border-radius:4px;cursor:pointer;margin-bottom:20px}.tag-categoria{background-color:var(--tag-bg);color:var(--tag-text);padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.tag-fuente{font-size:.75rem;border:1px solid var(--border-color);color:var(--text-main);padding:3px 8px;border-radius:4px}@media(min-width:768px){.app-container{max-width:800px;padding:30px 20px}.news-card{margin-bottom:25px;padding:20px}}.site-header{background-color:var(--bg-card);border-bottom:3px solid var(--link-color);box-shadow:0 2px 5px #0000001a}.header-container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;max-width:1200px;margin:0 auto}.header-logo-link{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit}.header-title{margin:0;font-family:Georgia,serif;font-size:1.8rem;color:var(--text-main)}.header-subtitle{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.btn-mobile-menu{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-main)}.nav-bar{border-top:1px solid var(--border-color);background-color:var(--bg-card);padding:10px 0}.nav-list{list-style:none;margin:0 auto;display:flex;justify-content:center;align-items:center;column-gap:25px;row-gap:15px;max-width:1200px;flex-wrap:wrap;padding:0 20px}.nav-item{position:relative;padding:0}.nav-link{text-decoration:none;color:var(--text-main);font-weight:700;font-size:.9rem;text-transform:uppercase}.nav-btn-dropdown{background:none;border:none;color:var(--text-main);font-weight:700;font-size:.9rem;text-transform:uppercase;cursor:pointer;padding:0}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--bg-card);border:1px solid var(--border-color);list-style:none;padding:10px 0;margin:0;box-shadow:0 4px 6px #0000001a;min-width:180px;z-index:100}@media(max-width:767px){.btn-mobile-menu{display:block}.nav-bar{display:none;box-shadow:0 4px 6px #0000000d}.nav-bar.abierto,.nav-list{display:block}.nav-item{padding:10px 0}.dropdown-menu{position:static;box-shadow:none;border:none;border-left:2px solid var(--link-color);margin-top:10px;padding-left:10px}}@media(min-width:768px){.btn-mobile-menu{display:none}}.site-footer{background-color:var(--btn-back-bg);color:var(--btn-primary-text);padding:40px 20px;text-align:center;border-top:4px solid var(--border-color)}.footer-links-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:.85rem;margin-bottom:20px}.footer-link{color:var(--btn-primary-text);text-decoration:none}.footer-credits{margin-top:10px;font-size:.85rem;color:#bdc3c7;display:flex;align-items:center;justify-content:center;gap:8px}.footer-dev-link{display:flex;align-items:center;gap:10px;color:var(--btn-primary-text);text-decoration:underline;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-card);color:var(--text-main);width:90%;max-width:400px;border-radius:8px;box-shadow:0 10px 25px #0003;border:1px solid var(--border-color);overflow:hidden;position:relative}.modal-header{display:flex;border-bottom:1px solid var(--border-color)}.modal-tab{flex:1;padding:15px;text-align:center;cursor:pointer;background:none;border:none;color:var(--text-muted);font-weight:700;font-size:1rem;transition:all .2s ease}.modal-tab-active{color:var(--link-color);border-bottom:3px solid var(--link-color);background-color:var(--alert-bg)}.modal-body{padding:20px}.modal-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px;text-align:left}.form-group label{font-size:.85rem;font-weight:700;color:var(--text-muted)}.form-input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-body);columns:var(--text-main);font-family:inherit}.form-input:focus{outline:none;border-color:var(--link-color)}.error-message{color:#e47c3c;font-size:.85rem;text-align:center;margin-bottom:10px;font-weight:700}.btn-close-modal{position:absolute;top:10px;right:10px;background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.header-actions{display:flex;align-items:center;gap:15px}.auth-buttons{display:flex;align-items:center;gap:10px}@media(max-width:767px){.header-actions{flex-direction:column;align-items:flex-end;gap:10px}.auth-buttons{flex-direction:column;align-items:flex-end;gap:8px}}.grupo-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:30px;box-shadow:0 4px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.grupo-card:hover{box-shadow:0 8px 15px #0000001a}.grupo-image-container{width:100%;height:220px;background-color:var(--alert-bg);overflow:hidden;position:relative}.grupo-image{width:100%;height:100%;object-fit:cover}.grupo-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:Georgia,serif;font-size:1.5rem;opacity:.5}.grupo-content{padding:20px}.grupo-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:10px}.grupo-title{margin:0;font-size:1.4rem;color:var(--text-main);line-height:1.3}.btn-share{background:var(--alert-bg);border:1px solid var(--border-color);border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);transition:filter .2s;flex-shrink:0}.btn-share:hover{filter:brightness(.9)}.grupo-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:15px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.grupo-copete{font-size:.95rem;color:var(--text-main);line-height:1.6;margin-bottom:20px;border-left:3px solid var(--border-color);padding-left:10px}.synthesis-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:600px){.synthesis-grid{grid-template-columns:1fr 1fr}}.btn-synth{padding:12px 10px;border-radius:6px;font-weight:700;font-size:.85rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--border-color);background-color:var(--bg-body);color:var(--text-main);transition:all .2s ease}.btn-synth.neutral{border-bottom:3px solid #95a5a6}.btn-synth.izq{border-bottom:3px solid #e74c3c}.btn-synth.der{border-bottom:3px solid #3498db}.btn-synth.custom{border-bottom:3px solid #f39c12}.btn-synth:hover{background-color:var(--alert-bg);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:25px 30px;border-radius:10px;width:90%;max-width:420px;position:relative;box-shadow:0 10px 25px #00000080;color:#333}.btn-close-modal{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.btn-close-modal:hover{color:#000}.modal-header{display:flex;justify-content:space-between;margin-bottom:20px;border-bottom:2px solid #eee}.modal-tab{flex:1;background:none;border:none;padding:10px;font-size:1rem;font-weight:700;color:#888;cursor:pointer}.modal-tab.active{color:#b30000;border-bottom:3px solid #b30000}.form-group label{display:block;margin-bottom:5px;font-size:.9rem;font-weight:600;color:#444}.form-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:15px;font-size:1rem;background-color:#fff;color:#333;-webkit-appearance:none;appearance:none}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #ffffff inset!important;-webkit-text-fill-color:#333333!important}.error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:5px;margin-bottom:15px;font-size:.9rem;text-align:center}.dark-mode .modal-content{background-color:#1a1a1a;color:#f1f1f1}.dark-mode .form-group label{color:#ccc}.dark-mode .form-input{background-color:#2d2d2d;color:#fff;border:1px solid #555}.dark-mode .form-input:-webkit-autofill,.dark-mode .form-input:-webkit-autofill:hover,.dark-mode .form-input:-webkit-autofill:focus,.dark-mode .form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #2d2d2d inset!important;-webkit-text-fill-color:#ffffff!important}