@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Outfit:wght@100..900&display=swap');*, *::before, *::after {box-sizing:border-box;}body, h1, h2, h3, h4, p, ul, ol, li, figure, figcaption, blockquote, dl, dd {margin:0;padding:0;}ul, ol {list-style:none;}html {scroll-behavior:smooth;font-size:16px;}:root {--color-bg:#FAF7F2;--color-primary:#006B76; --color-primary-dark:#004E57;--color-primary-light:#E6F3F5;--color-secondary:#FAB005; --color-secondary-dark:#E6A100;--color-accent:#E67E22;--color-brown:#875A36; --color-brown-dark:#5C3D24;--color-brown-light:#D4B296;--color-text:#2D3748;--color-text-light:#718096;--color-white:#FFFFFF;--color-success:#2ECC71;--color-error:#E74C3C;--font-title:'Fredoka', 'Segoe UI', sans-serif;--font-body:'Outfit', 'Segoe UI', sans-serif;--border-radius-sm:8px;--border-radius:16px;--border-radius-lg:32px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--shadow:0 10px 30px rgba(0, 107, 118, 0.08);--shadow-hover:0 20px 40px rgba(0, 107, 118, 0.15);}body {background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;}img {max-width:100%;display:block;height:auto;}a {color:inherit;text-decoration:none;transition:var(--transition);}.container {width:90%;max-width:1200px;margin:0 auto;padding:0 1rem;}.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.text-center { text-align:center; }.mt-1 { margin-top:1rem; }.mt-2 { margin-top:2rem; }.mb-1 { margin-bottom:1rem; }.mb-2 { margin-bottom:2rem; }section {padding:5rem 0;position:relative;}h1, h2, h3, h4, .font-title {font-family:var(--font-title);font-weight:700;color:var(--color-primary-dark);}h1 {font-size:2.5rem;line-height:1.2;}h2 {font-size:2.2rem;position:relative;margin-bottom:3rem;}h2::after {content:'';display:block;width:80px;height:6px;background:var(--color-secondary);border-radius:3px;margin:0.75rem auto 0 auto;}h3 {font-size:1.5rem;margin-bottom:1rem;}p {font-size:1.1rem;margin-bottom:1.5rem;color:var(--color-text);}.btn {display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 2rem;font-family:var(--font-title);font-size:1.1rem;font-weight:600;border-radius:30px;cursor:pointer;border:none;transition:var(--transition);box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);}.btn-primary {background-color:var(--color-primary);color:var(--color-white);}.btn-primary:hover {background-color:var(--color-primary-dark);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0, 107, 118, 0.3);}.btn-secondary {background-color:var(--color-secondary);color:var(--color-primary-dark);}.btn-secondary:hover {background-color:var(--color-secondary-dark);transform:translateY(-3px);box-shadow:0 8px 20px rgba(250, 176, 5, 0.3);}.btn-outline {background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);}.btn-outline:hover {background-color:var(--color-primary);color:var(--color-white);transform:translateY(-3px);}.btn-block {display:flex;width:100%;}.site-header {background-color:rgba(250, 247, 242, 0.95);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 20px rgba(0, 0, 0, 0.05);height:80px;display:flex;align-items:center;}.site-header .container {display:flex;align-items:center;justify-content:space-between;}.logo img {height:50px;width:auto;}.main-nav {display:flex;align-items:center;gap:2rem;}.nav-links {display:flex;align-items:center;gap:1.5rem;}.nav-links a {font-family:var(--font-title);font-weight:500;font-size:1rem;color:var(--color-primary-dark);padding:0.5rem 0;position:relative;}.nav-links a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background-color:var(--color-secondary);transition:var(--transition);border-radius:2px;}.nav-links a:hover::after,.nav-links a.active::after {width:100%;}.nav-toggle {display:none;background:none;border:none;cursor:pointer;padding:0.5rem;z-index:1100;}.nav-toggle span {display:block;width:25px;height:3px;background-color:var(--color-primary-dark);margin:5px 0;transition:var(--transition);border-radius:2px;}.nav-toggle.open span:nth-child(1) {transform:rotate(45deg) translate(5px, 6px);}.nav-toggle.open span:nth-child(2) {opacity:0;}.nav-toggle.open span:nth-child(3) {transform:rotate(-45deg) translate(6px, -7px);}.hero {padding-top:150px;padding-bottom:60px;background:radial-gradient(circle at 10% 20%, rgba(224, 242, 241, 0.4) 0%, transparent 80%);overflow:hidden;}.hero-grid {display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}.hero-content h1 {font-size:3rem;color:var(--color-primary-dark);margin-bottom:0.5rem;}.hero-subtitle {font-family:var(--font-title);font-size:1.8rem;color:var(--color-primary);font-weight:600;margin-bottom:1rem;}.hero-badge {background-color:var(--color-secondary);color:var(--color-primary-dark);display:inline-block;padding:0.35rem 1rem;border-radius:20px;font-family:var(--font-title);font-weight:700;font-size:0.95rem;margin-bottom:1.5rem;transform:rotate(-2deg);box-shadow:0 4px 6px rgba(0,0,0,0.05);}.hero-actions {display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;}.hero-visual {position:relative;display:flex;justify-content:center;align-items:center;}.hero-image-wrapper {position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.1);border:8px solid var(--color-white);transform:rotate(2deg);transition:var(--transition);}.hero-image-wrapper:hover {transform:rotate(0deg) scale(1.02);}.hero-image-wrapper img {width:100%;height:450px;object-fit:cover;}.hero-deco-illustration {position:absolute;bottom:-20px;left:-20px;background-color:var(--color-secondary);padding:1rem;border-radius:50%;box-shadow:var(--shadow);z-index:5;animation:float 4s ease-in-out infinite;}@keyframes float {0% { transform:translateY(0px) rotate(0deg); }50% { transform:translateY(-10px) rotate(5deg); }100% { transform:translateY(0px) rotate(0deg); }}.el-paseo-section {background-color:var(--color-white);border-bottom:2px dashed var(--color-primary-light);}.el-paseo-address-card {background-color:var(--color-primary-light);border:3px solid var(--color-primary);border-radius:var(--border-radius);padding:2rem;margin-bottom:3rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;box-shadow:var(--shadow);transform:rotate(-0.5deg);}.el-paseo-address-icon {font-size:3rem;animation:float-slow 4s ease-in-out infinite;}@keyframes float-slow {0% { transform:translateY(0px) rotate(0deg); }50% { transform:translateY(-8px) rotate(-3deg); }100% { transform:translateY(0px) rotate(0deg); }}.el-paseo-address-content h3 {margin-bottom:0.25rem;color:var(--color-primary-dark);font-family:var(--font-title);font-size:1.5rem;}.el-paseo-address-content p {font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:0;}.el-paseo-features-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:2rem;margin-top:2rem;}.el-paseo-feature-item {background-color:var(--color-bg);border-radius:var(--border-radius);padding:2.5rem 1.5rem;text-align:center;box-shadow:var(--shadow);border:2px solid transparent;transition:var(--transition);}.el-paseo-feature-item:hover {transform:translateY(-5px);border-color:var(--color-secondary);box-shadow:var(--shadow-hover);}.el-paseo-feature-icon {font-size:2.5rem;margin-bottom:1rem;display:inline-block;}.el-paseo-feature-item h4 {font-family:var(--font-title);font-size:1.25rem;color:var(--color-primary-dark);margin-bottom:0.5rem;}.el-paseo-feature-item p {font-size:0.95rem;color:var(--color-text-light);margin-bottom:0;}.calles-intro {max-width:800px;margin:0 auto 4rem auto;}.path-container {position:relative;margin:4rem auto;padding:2rem 0;max-width:800px;}.path-line {position:absolute;left:50%;top:0;bottom:0;width:8px;background-image:linear-gradient(var(--color-primary) 33%, rgba(255,255,255,0) 0%);background-position:right;background-size:8px 25px;background-repeat:repeat-y;transform:translateX(-50%);z-index:1;}.path-step {position:relative;display:flex;justify-content:flex-end;width:50%;padding:2rem 3rem;z-index:2;transition:var(--transition);}.path-step:nth-child(even) {left:50%;justify-content:flex-start;}.path-node {position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:48px;height:48px;background-color:var(--color-white);border:4px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:700;color:var(--color-primary-dark);z-index:5;transition:var(--transition);cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.1);}.path-step:nth-child(even) .path-node {left:-24px;right:auto;}.path-step:hover .path-node {background-color:var(--color-secondary);border-color:var(--color-secondary-dark);transform:translateY(-50%) scale(1.2);box-shadow:0 6px 15px rgba(250, 176, 5, 0.4);}.path-card {background:var(--color-white);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);width:100%;max-width:320px;cursor:pointer;border:2px solid transparent;transition:var(--transition);}.path-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--color-primary);}.path-card-header {display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;}.path-card-icon {font-size:2rem;width:50px;height:50px;background-color:var(--color-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;}.path-card h3 {margin-bottom:0;font-size:1.25rem;color:var(--color-primary-dark);}.path-card p {font-size:0.95rem;color:var(--color-text-light);margin-bottom:0;}.path-card-footer {display:flex;align-items:center;justify-content:space-between;margin-top:1rem;font-family:var(--font-title);font-size:0.85rem;font-weight:600;color:var(--color-primary);}.path-card-footer span {display:inline-flex;align-items:center;gap:0.25rem;}.drawer-backdrop {position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1500;opacity:0;pointer-events:none;transition:var(--transition);backdrop-filter:blur(4px);}.drawer-backdrop.active {opacity:1;pointer-events:auto;}.drawer {position:fixed;top:0;right:-100%;width:100%;max-width:500px;height:100%;background-color:var(--color-bg);z-index:1600;box-shadow:-10px 0 30px rgba(0,0,0,0.15);transition:var(--transition);display:flex;flex-direction:column;overflow-y:auto;}.drawer.active {right:0;}.drawer-header {padding:1.5rem;background-color:var(--color-primary);color:var(--color-white);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;}.drawer-header h2 {color:var(--color-white);font-size:1.5rem;margin-bottom:0;}.drawer-header h2::after {display:none;}.drawer-close {background:none;border:none;color:var(--color-white);font-size:2rem;cursor:pointer;line-height:1;}.drawer-body {padding:2rem 1.5rem;flex-grow:1;}.drawer-image {width:100%;height:250px;object-fit:cover;border-radius:var(--border-radius);margin-bottom:1.5rem;border:4px solid var(--color-white);box-shadow:var(--shadow);}.drawer-meta {display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;}.drawer-badge {background-color:var(--color-primary-light);color:var(--color-primary-dark);padding:0.35rem 0.75rem;border-radius:20px;font-family:var(--font-title);font-weight:600;font-size:0.85rem;}.drawer-history {margin-bottom:2rem;}.drawer-box {background-color:var(--color-white);padding:1.5rem;border-radius:var(--border-radius);border:2px dashed var(--color-brown-light);margin-bottom:2rem;}.drawer-box h3 {color:var(--color-brown-dark);display:flex;align-items:center;gap:0.5rem;}.trivia-banner {background-color:var(--color-primary);border-radius:var(--border-radius-lg);padding:4rem 3rem;color:var(--color-white);box-shadow:var(--shadow);overflow:hidden;position:relative;}.trivia-banner h2 {color:var(--color-white);}.trivia-banner p {color:rgba(255, 255, 255, 0.95);}.trivia-banner h3 {color:var(--color-secondary);}.trivia-banner .trivia-feature p {color:rgba(255, 255, 255, 0.85);}.trivia-banner h2::after {background:var(--color-secondary);}.trivia-banner-grid {display:grid;grid-template-columns:1.2fr 0.8fr;gap:3rem;align-items:center;position:relative;z-index:2;}.trivia-banner-features {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0;}.trivia-feature {display:flex;align-items:flex-start;gap:1rem;}.trivia-feature-icon {background-color:rgba(255,255,255,0.15);color:var(--color-secondary);min-width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;}.trivia-illustration-wrapper {display:flex;justify-content:center;align-items:center;position:relative;}.trivia-preview-card {background-color:var(--color-white);border-radius:16px;width:320px;box-shadow:0 15px 35px rgba(0,0,0,0.15);overflow:hidden;border:4px solid var(--color-white);transform:rotate(2deg);transition:transform 0.3s ease;}.trivia-preview-card:hover {transform:rotate(0deg) translateY(-5px);}.preview-header {background-color:var(--color-primary-dark);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem;position:relative;}.preview-dot {width:10px;height:10px;border-radius:50%;display:inline-block;}.preview-dot.red { background-color:#ff5f56; }.preview-dot.yellow { background-color:#ffbd2e; }.preview-dot.green { background-color:#27c93f; }.preview-title {color:var(--color-white);font-size:0.8rem;font-family:var(--font-title);font-weight:700;margin-left:auto;margin-right:auto;letter-spacing:0.5px;}.preview-body {background-color:var(--color-bg);padding:1.25rem;}.preview-question-card {background-color:var(--color-white);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm);text-align:left;}.question-number {display:block;font-family:var(--font-title);font-size:0.75rem;color:var(--color-secondary-dark);font-weight:700;text-transform:uppercase;margin-bottom:0.25rem;}.preview-question-card h3 {font-family:var(--font-title);color:var(--color-brown-dark);font-size:1rem;line-height:1.3;margin:0 0 0.75rem 0;}.preview-options {display:flex;flex-direction:column;gap:0.5rem;}.preview-option {font-family:var(--font-body);font-size:0.8rem;padding:0.5rem 0.75rem;background-color:var(--color-bg);border-radius:6px;color:var(--color-text-dark);font-weight:500;border:1px solid rgba(0,0,0,0.05);}.preview-option.correct {background-color:#27c93f;color:var(--color-white);font-weight:700;border-color:#27c93f;display:flex;align-items:center;justify-content:space-between;}.preview-option.correct::after {content:'✓';font-size:0.9rem;}.preview-badge-status {display:flex;justify-content:space-between;margin-top:1rem;font-family:var(--font-title);font-size:0.8rem;font-weight:700;color:var(--color-brown);padding:0.25rem 0.5rem;background-color:rgba(212,163,89,0.1);border-radius:6px;}.negocios-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:2rem;margin-top:2rem;}.flip-card {background-color:transparent;perspective:1000px;height:240px;border-radius:var(--border-radius);cursor:pointer;}.flip-card-inner {position:relative;width:100%;height:100%;text-align:center;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d;border-radius:var(--border-radius);}.flip-card:hover .flip-card-inner,.flip-card.flipped .flip-card-inner {transform:rotateY(180deg);}.flip-card-front, .flip-card-back {position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--border-radius);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--color-white);padding:0.75rem;box-shadow:var(--shadow);}.flip-card-front {background-color:var(--color-white);justify-content:space-between;}.flip-card-logo-container {width:100%;height:calc(100% - 25px);display:flex;align-items:center;justify-content:center;padding:0.5rem;margin:auto;}.flip-card-logo-container img {max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.3s ease;}.flip-card:hover .flip-card-logo-container img {transform:scale(1.05);}.flip-card-hint {display:flex;align-items:center;justify-content:center;gap:0.25rem;font-size:0.75rem;color:var(--color-text-light);margin-top:auto;}.flip-card-back {background-color:#139a82; color:var(--color-white);transform:rotateY(180deg);border:3px solid #139a82;justify-content:center;gap:1.5rem;padding:1.5rem 1rem;}.flip-card-back h3 {font-family:var(--font-title);color:var(--color-white) !important;font-size:1.4rem;margin:0;font-weight:700;}.negocio-social-btn {display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.6rem 1rem;font-family:var(--font-body);font-size:0.9rem;font-weight:600;color:#139a82 !important; background-color:var(--color-white);border:none;border-radius:var(--border-radius-sm);text-decoration:underline;transition:background-color 0.2s ease, transform 0.2s ease;width:90%;box-shadow:var(--shadow-sm);}.negocio-social-btn:hover {background-color:var(--color-bg);transform:translateY(-2px);}.negocio-social-btn svg {width:16px;height:16px;fill:currentColor;flex-shrink:0;}.history {background-color:var(--color-primary-light);}.history-grid {display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:center;}.history-content {text-align:left;}.history-images {display:grid;grid-template-columns:1fr;gap:1.5rem;}.map-container {position:relative;cursor:pointer;border-radius:var(--border-radius);overflow:hidden;border:6px solid var(--color-white);box-shadow:var(--shadow);transition:var(--transition);}.map-container:hover {transform:scale(1.02);box-shadow:var(--shadow-hover);}.map-container img {width:100%;height:300px;object-fit:cover;}.map-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 107, 118, 0.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);}.map-container:hover .map-overlay {opacity:1;}.map-overlay-content {background-color:var(--color-white);color:var(--color-primary-dark);padding:0.75rem 1.5rem;border-radius:30px;font-family:var(--font-title);font-weight:700;display:flex;align-items:center;gap:0.5rem;box-shadow:var(--shadow);}.galeria-section {padding:5rem 0;background-color:var(--color-bg);}.galeria-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin-top:3rem;}.galeria-item {background-color:var(--color-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:transform 0.3s ease, box-shadow 0.3s ease;border:3px solid var(--color-white);}.galeria-item:hover {transform:translateY(-5px);box-shadow:var(--shadow-lg);}.galeria-item img {width:100%;height:200px;object-fit:cover;display:block;transition:transform 0.5s ease;}.galeria-item:hover img {transform:scale(1.05);}.galeria-caption {padding:1rem;font-family:var(--font-title);font-size:0.95rem;color:var(--color-brown-dark);font-weight:600;text-align:center;border-top:1px solid var(--color-bg);background-color:var(--color-white);}.lightbox {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:2000;opacity:0;pointer-events:none;transition:var(--transition);display:flex;align-items:center;justify-content:center;padding:2rem;}.lightbox.active {opacity:1;pointer-events:auto;}.lightbox-img {max-width:90%;max-height:90%;object-fit:contain;border:4px solid var(--color-white);border-radius:var(--border-radius-sm);box-shadow:0 10px 40px rgba(0,0,0,0.5);transition:transform 0.3s ease;cursor:zoom-in;user-select:none;-webkit-user-drag:none;}.lightbox-close {position:absolute;top:20px;right:30px;color:var(--color-white);font-size:3rem;cursor:pointer;background:none;border:none;}.contact-grid {display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:flex-start;}.contact-info {display:flex;flex-direction:column;gap:1.5rem;}.contact-item {display:flex;gap:1rem;align-items:flex-start;}.contact-icon {width:45px;height:45px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;}.contact-text h4 {margin-bottom:0.25rem;color:var(--color-primary-dark);}.contact-text p {margin-bottom:0;color:var(--color-text-light);}.map-mockup {background-color:var(--color-white);border-radius:var(--border-radius);border:4px solid var(--color-white);box-shadow:var(--shadow);height:350px;overflow:hidden;position:relative;}.map-mockup iframe {width:100%;height:100%;border:0;}.site-footer {background-color:var(--color-primary-dark);color:var(--color-white);padding:4rem 0 2rem 0;font-size:0.95rem;}.footer-grid {display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin-bottom:3rem;}.footer-brand h3 {color:var(--color-white);margin-bottom:1rem;}.footer-brand p {color:rgba(255,255,255,0.7);}.footer-links h4 {color:var(--color-secondary);margin-bottom:1.5rem;font-family:var(--font-title);font-size:1.1rem;}.footer-links ul {display:flex;flex-direction:column;gap:0.75rem;}.footer-links a {color:rgba(255,255,255,0.8);}.footer-links a:hover {color:var(--color-secondary);padding-left:5px;}.footer-social-icons {display:flex;gap:1rem;margin-top:1rem;}.footer-social-icon {width:40px;height:40px;background-color:rgba(255,255,255,0.1);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition);}.footer-social-icon:hover {background-color:var(--color-secondary);color:var(--color-primary-dark);transform:translateY(-3px);}.footer-bottom {border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}.footer-bottom p {color:rgba(255,255,255,0.85) !important;font-size:0.9rem;margin:0;}.footer-bottom a {color:var(--color-secondary) !important;text-decoration:underline;transition:color 0.2s ease;}.footer-bottom a:hover {color:var(--color-white) !important;}.game-layout {padding-top:120px;padding-bottom:60px;min-height:calc(100vh - 80px);background-color:var(--color-bg);}.game-header-stats {background-color:var(--color-white);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:2.5rem;text-align:left;}.stats-panel {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;}.stats-panel h1 {font-family:var(--font-title);color:var(--color-primary-dark);font-size:2.2rem;margin:0 0 0.5rem 0;}.stats-panel p {color:var(--color-text-light);margin:0;}.stats-metrics {display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;}.metric-box {background-color:var(--color-bg);border:2px solid var(--color-brown-light);border-radius:var(--border-radius-sm);padding:0.75rem 1.5rem;text-align:center;min-width:120px;flex:1;}.metric-value {display:block;font-family:var(--font-title);font-size:1.8rem;font-weight:700;color:var(--color-primary-dark);}.metric-label {font-size:0.8rem;color:var(--color-text-light);font-weight:600;text-transform:uppercase;}.progress-bar-container {background-color:var(--color-bg);height:12px;border-radius:6px;overflow:hidden;border:1px solid rgba(0,0,0,0.05);}.progress-bar-fill {background:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-dark));height:100%;width:0%;transition:width 0.4s ease;border-radius:6px;}.totems-grid {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;}@media (max-width:768px) {.totems-grid {grid-template-columns:1fr;}}.totem-card {background-color:transparent;perspective:1000px;height:180px;cursor:pointer;position:relative;}.totem-card-inner {position:relative;width:100%;height:100%;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d;border-radius:var(--border-radius-sm);}.totem-card.flipped .totem-card-inner {transform:rotateY(180deg);}.totem-front, .totem-back {position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--border-radius-sm);overflow:hidden;}.totem-front {background-color:#139a82; color:var(--color-white);display:flex;border:2px solid #139a82;}.totem-icon-box {background-color:var(--color-white);width:120px;height:100%;display:flex;align-items:center;justify-content:center;padding:0.35rem;border-right:2px solid #139a82;flex-shrink:0;}.totem-icon-box img {max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;}.totem-info-box {flex:1;padding:0.85rem 1.15rem;display:flex;flex-direction:column;justify-content:center;text-align:left;overflow:hidden;}.totem-info-box h3 {font-family:var(--font-title);font-size:1.45rem;color:var(--color-white) !important;margin:0 0 0.35rem 0;font-weight:700;}.totem-info-box p {font-family:var(--font-body);font-size:1.05rem;color:rgba(255,255,255,0.9);line-height:1.4;margin:0;}.totem-back {background-color:var(--color-white);transform:rotateY(180deg);border:2px solid #139a82;display:flex;flex-direction:column;padding:0.85rem 1rem;justify-content:space-between;}.totem-hint-text {font-size:1.05rem;color:var(--color-brown-dark);font-weight:700;margin-bottom:0.5rem;text-align:left;line-height:1.35;}.totem-options-grid {display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-bottom:0.25rem;}.totem-option-btn {background-color:var(--color-bg);border:1px solid var(--color-brown-light);color:var(--color-text-dark);border-radius:4px;padding:0.5rem 0.65rem;font-size:0.75rem;font-weight:700;cursor:pointer;transition:all 0.2s ease;text-align:left;white-space:normal;word-break:break-word;line-height:1.25;}.totem-option-btn:hover:not(:disabled) {background-color:var(--color-secondary-light);border-color:var(--color-secondary);}.totem-option-btn.correct {background-color:#27c93f !important;color:var(--color-white) !important;border-color:#27c93f !important;}.totem-option-btn.incorrect {background-color:#ff5f56 !important;color:var(--color-white) !important;border-color:#ff5f56 !important;animation:shake 0.3s ease;}.totem-card.completed .totem-front {background-color:#f1f8f6;border-color:#27c93f;color:var(--color-text-dark);}.totem-card.completed .totem-icon-box {border-right-color:#27c93f;background-color:#e8f7f2;}.totem-card.completed .totem-info-box h3 {color:#139a82 !important;}.totem-card.completed .totem-info-box p {color:var(--color-text-dark);}.totem-success-badge {position:absolute;top:5px;right:5px;background-color:#27c93f;color:var(--color-white);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;}.diploma-section {background-color:var(--color-white);border:3px solid var(--color-secondary);border-radius:var(--border-radius);padding:2.5rem 2rem;box-shadow:var(--shadow-lg);text-align:center;max-width:600px;margin:3rem auto;animation:fadeInUp 0.5s ease;}.diploma-crown {font-size:3rem;display:block;margin-bottom:1rem;}.diploma-input-group {margin:2rem 0;}.diploma-input-group label {display:block;font-family:var(--font-title);color:var(--color-brown-dark);font-weight:700;margin-bottom:0.5rem;}.diploma-input-group input {font-family:var(--font-body);font-size:1.1rem;padding:0.6rem 1rem;border-radius:var(--border-radius-sm);border:2px solid var(--color-brown-light);width:80%;max-width:300px;text-align:center;}.diploma-actions {display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}@keyframes shake {0%, 100% { transform:translateX(0); }25% { transform:translateX(-4px); }75% { transform:translateX(4px); }}font-weight:600;}@media (max-width:1024px) {.site-header {height:70px;}.hero {padding-top:120px;}.hero-grid {grid-template-columns:1.2fr 0.8fr;gap:2rem;}.hero-image-wrapper img {height:380px;}.history-grid, .contact-grid {grid-template-columns:1fr;gap:3rem;}.history-images {order:-1;}}@media (max-width:768px) {
    section {padding:3.5rem 0;}
    h1 {font-size:2rem;}
    h2 {font-size:1.8rem;margin-bottom:2.5rem;}
    .nav-toggle {display:block;}
    .nav-links {position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background-color:var(--color-bg);flex-direction:column;justify-content:center;gap:2.5rem;z-index:1000;transition:var(--transition);box-shadow:0 10px 20px rgba(0,0,0,0.05);}
    .nav-links.open {left:0;}
    .nav-links a {font-size:1.4rem;}
    .hero-grid {grid-template-columns:1fr;text-align:center;gap:2.5rem;}
    .hero-content {order:2;}
    .hero-visual {order:1;}
    .hero-actions {justify-content:center;}
    .hero-image-wrapper {max-width:450px;margin:0 auto;transform:rotate(0deg);}
    .hero-image-wrapper img {height:280px;}
    .path-line {left:30px;}
    .path-step {width:100%;left:0 !important;padding:1.5rem 1rem 1.5rem 4.5rem;justify-content:flex-start;}
    .path-node {left:6px !important;right:auto !important;}
    .path-card {max-width:100%;}
    .trivia-banner {padding:2.5rem 1.5rem;}
    .trivia-banner-grid {grid-template-columns:1fr;gap:2rem;}
    .trivia-banner-features {grid-template-columns:1fr;}
    .trivia-illustration-wrapper {order:-1;}
    .flip-card-accessibility-toggle {display:block;}
    .flip-card:hover .flip-card-inner {transform:none; }
    .flip-card.flipped .flip-card-inner {transform:rotateY(180deg);}
    .flip-card-back {text-align:center;}
    .footer-grid {grid-template-columns:1fr;gap:2rem;text-align:center;}
    .footer-social-icons {justify-content:center;}
    .footer-bottom {flex-direction:column;text-align:center;}
    .totem-card {height: 250px;} /* Increased height to prevent text cutoff on mobile */
}.hero-stacked {padding-top:140px;padding-bottom:50px;}.hero-stacked .hero-actions {margin-top:1.5rem;}.hero-image-large {margin-top:1.5rem;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-hover);border:8px solid var(--color-white);transition:var(--transition);}.hero-image-large:hover {transform:scale(1.005);}.hero-image-large img {width:100%;max-height:500px;object-fit:cover;}.juego-explicacion-section {background-color:rgba(0, 107, 118, 0.04);padding:5rem 0;border-top:4px dashed rgba(0, 107, 118, 0.15);border-bottom:4px dashed rgba(0, 107, 118, 0.15);}.juego-explicacion-section h2::after {margin:0.75rem 0 0 0;}.juego-highlight-box {background-color:var(--color-primary-light);border-radius:var(--border-radius-lg);padding:4rem 3rem;box-shadow:var(--shadow);border:4px solid var(--color-white);}.juego-grid {display:grid;grid-template-columns:1.1fr 0.9fr;gap:4rem;align-items:center;}.explanation-steps {margin:2rem 0;}.explanation-step {transition:var(--transition);}.explanation-step:hover {transform:translateX(5px);}.totems-showcase {display:flex;flex-direction:column;gap:1.5rem;}.totems-row {display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}.showcase-card, .map-card-wrapper {transition:var(--transition);}.showcase-card:hover, .map-card-wrapper:hover {transform:translateY(-5px);box-shadow:var(--shadow-hover) !important;}@media (max-width:992px) {.hero-stacked h1 {font-size:2.2rem !important;}.juego-grid {grid-template-columns:1fr;gap:3rem;}.totems-showcase {max-width:550px;margin:0 auto;}.juego-explicacion-section h2::after {margin:0.75rem auto 0 auto;}}@media (max-width:768px) {.juego-highlight-box {padding:2rem 1.5rem;}.totems-row {grid-template-columns:1fr;}}@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}*, *::before, *::after {animation-delay:-1ms !important;animation-duration:-1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-duration:0s !important;transition-delay:0s !important;}.hero-image-wrapper:hover, .path-step:hover .path-node, .map-container:hover {transform:none !important;}.flip-card-inner {transition:none !important;}}