@charset "UTF-8";
:root { --color-white: #ffffff; --color-black: #000000; --color-primary: #8B4513; --color-secondary: #A0522D; --color-accent: #708090; --text-primary: var(--color-black); --text-secondary: #333333; --text-muted: #666666; --bg-primary: var(--color-white); --bg-secondary: #f8f9fa; --bg-tertiary: #e9ecef; --border-color: #dee2e6; --hover-color: #f1f3f4; }

[data-theme="dark"] { --color-white: #ffffff; --color-black: #000000; --color-primary: #CD853F; --color-secondary: #D2691E; --color-accent: #8F9BA6; --text-primary: #f8f9fa; --text-secondary: #e9ecef; --text-muted: #adb5bd; --bg-primary: #1a1a1a; --bg-secondary: #2d2d2d; --bg-tertiary: #3a3a3a; --border-color: #495057; --hover-color: #343a40; }

* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Times New Roman", Times, serif; }

body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.6; color: var(--text-primary); background-color: var(--bg-primary); transition: all 0.3s ease; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

main { padding-top: 70px; min-height: calc(100vh - 70px); }

main { min-height: 100vh; }

header { background: var(--bg-primary); border-bottom: 1px solid var(--color-accent); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }

header .container { display: flex; align-items: center; justify-content: space-between; padding: 1rem 20px; height: 70px; position: relative; }

.logo h1 { font-size: 24px; color: var(--color-primary); font-weight: bold; margin: 0; }

.logo a { text-decoration: none; color: inherit; }

.nav-desktop ul { display: flex; list-style: none; gap: 2rem; margin: 0; }

.nav-desktop ul li a { text-decoration: none; color: var(--text-primary); font-weight: 500; transition: color 0.3s ease; }

.nav-desktop ul li a:hover { color: var(--color-primary); }

.header-actions.desktop { display: flex; align-items: center; gap: 1rem; }

.menu-toggle { display: none; flex-direction: column; background: none; border: none; cursor: pointer; width: 30px; height: 24px; position: relative; z-index: 3000; }

.menu-toggle span { display: block; height: 3px; width: 100%; background: var(--text-primary); border-radius: 2px; transition: all 0.3s ease; transform-origin: center; }

.menu-toggle span:nth-child(1) { transform: translateY(0px); }

.menu-toggle span:nth-child(2) { margin: 6px 0; opacity: 1; }

.menu-toggle span:nth-child(3) { transform: translateY(0px); }

.menu-toggle.active { opacity: 0; pointer-events: none; }

.menu-toggle.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }

.menu-toggle.active span:nth-child(2) { opacity: 0; }

.menu-toggle.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

.nav-mobile { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); z-index: 2000; opacity: 0; visibility: hidden; transition: all 0.3s ease; }

.nav-mobile.active { opacity: 1; visibility: visible; }

.nav-mobile .nav-mobile-content { position: absolute; top: 0; right: 0; width: 80%; max-width: 300px; height: 100%; background: var(--bg-primary); padding: 2rem; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.3s ease; }

.nav-mobile.active .nav-mobile-content { transform: translateX(0); }

.nav-mobile .close-menu { align-self: flex-end; background: none; border: none; font-size: 32px; color: var(--text-primary); cursor: pointer; margin-bottom: 2rem; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }

.nav-mobile nav ul { list-style: none; }

.nav-mobile nav ul li { margin-bottom: 1.5rem; }

.nav-mobile nav ul li a { text-decoration: none; color: var(--text-primary); font-size: 18px; font-weight: 500; display: block; padding: 0.5rem 0; }

.nav-mobile nav ul li a:hover { color: var(--color-primary); }

.nav-mobile .mobile-actions { margin-top: auto; display: flex; flex-direction: column; gap: 1rem; align-items: center; }

.theme-selector { display: flex; gap: 0.5rem; }

.theme-selector .theme-btn { background: var(--bg-secondary); border: 1px solid var(--color-accent); padding: 0.5rem; cursor: pointer; border-radius: 4px; transition: all 0.3s ease; }

.theme-selector .theme-btn:hover { background: var(--color-primary); color: var(--color-white); }

.theme-selector .theme-btn.active { background: var(--color-primary); color: var(--color-white); }

.language-selector select { background: var(--bg-secondary); border: 1px solid var(--color-accent); padding: 0.5rem; border-radius: 4px; color: var(--text-primary); cursor: pointer; }

.mobile-logo { text-align: center; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--color-accent); }

.mobile-logo .logo-img { width: 60px; height: 60px; margin-bottom: 0.5rem; }

.mobile-logo .logo-text { display: block; font-size: 18px; color: var(--color-primary); font-weight: bold; }

.social-links-mobile { margin-top: 2rem; text-align: center; }

.social-links-mobile p { margin-bottom: 1rem; color: var(--text-secondary); font-size: 14px; }

.social-links-mobile .social-buttons { display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; }

.social-links-mobile .social-btn { border: none; padding: 0.5rem 1rem; border-radius: 20px; cursor: pointer; transition: all 0.3s ease; font-size: 14px; color: white !important; font-weight: 500; }

.social-links-mobile .social-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); filter: brightness(1.1); }

.social-links-mobile .whatsapp-btn { background: #25D366 !important; }

.social-links-mobile .whatsapp-btn:hover { background: #128C7E !important; }

.social-links-mobile .facebook-btn { background: #1877F2 !important; }

.social-links-mobile .facebook-btn:hover { background: #166FE5 !important; }

.social-links-mobile .twitter-btn { background: #1DA1F2 !important; }

.social-links-mobile .twitter-btn:hover { background: #1A91DA !important; }

.social-btn { display: flex; align-items: center; gap: 0.5rem; }

.social-btn svg { flex-shrink: 0; }

.hero { width: 100%; height: 100vh; background: linear-gradient(rgba(0, 0, 0, 0.4), black), url("../images/header.webp") center/cover no-repeat; display: flex; align-items: center; justify-content: center; text-align: center; color: white; }

.hero .hero-content { max-width: 800px; padding: 0 20px; }

.hero .hero-title { font-size: 48px; font-weight: bold; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 3px; }

.hero .hero-subtitle { font-size: 24px; margin-bottom: 1rem; letter-spacing: 2px; opacity: 0.9; }

.hero .hero-location-container { display: inline-block; margin-bottom: 2rem; }

.hero .hero-location { font-size: 18px; opacity: 0.9; font-style: italic; padding: 0.5rem 1.5rem; background: rgba(255, 255, 255, 0.2); border: 2px solid white; border-radius: 25px; backdrop-filter: blur(5px); display: inline-block; }

.hero .hero-slogan { font-size: 24px; opacity: 0.9; max-width: 400px; margin: 0 auto; line-height: 1.6; }

.about { padding: 5rem 0; background: var(--bg-secondary); position: relative; overflow: hidden; }

.about .container { position: relative; z-index: 2; }

.about-content { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 3rem; align-items: center; max-width: 1400px; margin: 0 auto; }

.key-animation { display: flex; justify-content: center; align-items: center; }

.key-animation .floating-key { font-size: 8rem; animation: levitate 3s ease-in-out infinite; filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3)); background: linear-gradient(45deg, #FFD700, #B8860B, #DAA520); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 200%; animation: levitate 3s ease-in-out infinite, shine 4s ease-in-out infinite; }

@keyframes levitate { 0%, 100% { transform: translateY(0px) rotate(0deg) scale(1); }
  25% { transform: translateY(-20px) rotate(2deg) scale(1.05); }
  50% { transform: translateY(-10px) rotate(-1deg) scale(1.02); }
  75% { transform: translateY(-15px) rotate(1deg) scale(1.03); } }

@keyframes shine { 0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; } }

.about-text { text-align: center; }

.about-text .about-title { font-size: 32px; color: var(--color-primary); margin-bottom: 1.5rem; text-transform: uppercase; letter-spacing: 2px; }

.about-text .about-quote { font-size: 24px; color: var(--color-secondary); font-style: italic; margin-bottom: 2rem; line-height: 1.4; quotes: "«" "»" "‹" "›"; }

.about-text .about-quote::before { content: open-quote; }

.about-text .about-quote::after { content: close-quote; }

.about-text .about-description { font-size: 16px; line-height: 1.8; margin-bottom: 2rem; color: var(--text-primary); }

.about-text .about-origin { font-size: 14px; color: var(--color-accent); margin-bottom: 1.5rem; padding: 1rem; background: var(--bg-tertiary); border-left: 4px solid var(--color-primary); text-align: left; }

.about-text .about-altitude { font-size: 16px; line-height: 1.7; margin-bottom: 2rem; color: var(--text-secondary); font-style: italic; }

.about-text .about-final { font-size: 18px; color: var(--color-primary); font-weight: bold; font-style: italic; padding: 1.5rem; background: linear-gradient(135deg, var(--bg-tertiary) 0%, transparent 100%); border-radius: 10px; position: relative; }

.about-text .about-final::before { content: ""; font-size: 3rem; color: var(--color-accent); position: absolute; top: -10px; left: 10px; }

.about-image { display: flex; justify-content: center; align-items: center; }

.about-image img { width: 100%; max-width: 300px; height: auto; border-radius: 15px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }

.about-image img:hover { transform: scale(1.05); }

[data-theme="dark"] .about-image img { box-shadow: 0 8px 32px rgba(255, 255, 255, 0.1); }

.site-footer { background: #1a1a1a; border-top: 2px solid var(--color-accent); padding: 3rem 0 1rem; margin-top: 4rem; color: #f8f9fa; }

.site-footer h3, .site-footer h4, .site-footer p, .site-footer span, .site-footer a, .site-footer li { color: #f8f9fa !important; }

.site-footer .footer-links a { color: #e9ecef !important; transition: all 0.3s ease; }

.site-footer .footer-links a:hover { color: var(--color-primary) !important; transform: translateX(5px); }

.site-footer .badge { background: rgba(255, 255, 255, 0.1) !important; color: #e9ecef !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }

.site-footer .footer-divider { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important; }

.site-footer .whatsapp-description { color: #adb5bd !important; opacity: 0.9; }

.site-footer .footer-message { color: var(--color-secondary) !important; opacity: 0.9; }

.site-footer .footer-logo h3 { color: var(--color-primary) !important; }

.site-footer .footer-slogan { color: var(--color-secondary) !important; }

.site-footer .footer-location { color: #adb5bd !important; }

[data-theme="dark"] .site-footer { background: #1a1a1a; border-top: 2px solid var(--color-accent); }

[data-theme="dark"] .site-footer .badge { background: rgba(255, 255, 255, 0.15) !important; }

.whatsapp-btn-footer { background: #25D366 !important; color: white !important; border: none; padding: 1rem 1.5rem; border-radius: 50px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 0.8rem; font-size: 16px; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4); width: 100%; justify-content: center; margin-bottom: 0.5rem; }

.whatsapp-btn-footer:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6); background: #128C7E !important; }

.whatsapp-btn-footer .whatsapp-icon { font-size: 1.4rem; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); }

.whatsapp-btn-footer .btn-text { font-weight: 600; letter-spacing: 0.5px; }

.whatsapp-float { position: fixed; bottom: 20px; right: 20px; z-index: 1000; }

.whatsapp-float .whatsapp-float-btn { background: #25D366; border: none; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5); transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; animation: pulse-whatsapp 2s infinite; }

.whatsapp-float .whatsapp-float-btn:hover { transform: scale(1.1); box-shadow: 0 6px 25px rgba(37, 211, 102, 0.7); }

.whatsapp-float .whatsapp-float-btn .whatsapp-icon { font-size: 1.8rem; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); }

@keyframes pulse-whatsapp { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
  70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }

.footer-content { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 2rem; margin-bottom: 2rem; }

.footer-section h4 { color: var(--color-primary) !important; margin-bottom: 1rem; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; }

.footer-logo { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; }

.footer-logo .footer-key { font-size: 2rem; animation: gentle-float 4s ease-in-out infinite; }

.footer-logo h3 { color: var(--color-primary); font-size: 24px; margin: 0; }

@keyframes gentle-float { 0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-5px) rotate(5deg); } }

.footer-slogan { font-style: italic; color: var(--color-secondary); margin-bottom: 0.5rem; font-size: 16px; }

.footer-location { color: var(--text-secondary); font-size: 14px; opacity: 0.8; }

.contact-info .whatsapp-link { display: flex; align-items: center; gap: 0.5rem; color: var(--text-primary); text-decoration: none; padding: 0.5rem; border-radius: 8px; transition: all 0.3s ease; background: var(--bg-secondary); }

.contact-info .whatsapp-link:hover { background: var(--color-primary); color: white; transform: translateX(5px); }

.contact-info .whatsapp-link .contact-icon { font-size: 1.2rem; }

.footer-links { list-style: none; }

.footer-links li { margin-bottom: 0.5rem; }

.footer-links li a { color: var(--text-secondary); text-decoration: none; transition: all 0.3s ease; padding: 0.2rem 0; display: block; }

.footer-links li a:hover { color: var(--color-primary); transform: translateX(5px); }

.footer-badges { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 1rem; }

.footer-badges .badge { background: var(--bg-secondary); color: var(--text-secondary); padding: 0.3rem 0.8rem; border-radius: 15px; font-size: 12px; border: 1px solid var(--border-color); text-align: center; }

.footer-rights { color: var(--text-muted); font-size: 14px; line-height: 1.4; margin-bottom: 1rem; }

.footer-divider { height: 1px; background: linear-gradient(90deg, transparent, var(--color-accent), transparent); margin: 2rem 0; }

.footer-bottom { text-align: center; }

.footer-bottom .footer-message { color: var(--color-secondary); font-style: italic; font-size: 14px; opacity: 0.8; }

.whatsapp-btn-footer { background: #25D366 !important; color: white !important; border: none; padding: 1rem 1.5rem; border-radius: 50px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 0.8rem; font-size: 16px; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); width: 100%; justify-content: center; margin-bottom: 0.5rem; }

.whatsapp-btn-footer:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5); background: #128C7E !important; }

.whatsapp-btn-footer:active { transform: translateY(-1px); }

.whatsapp-btn-footer .whatsapp-icon { font-size: 1.4rem; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)); }

.whatsapp-btn-footer .btn-text { font-weight: 600; letter-spacing: 0.5px; }

.whatsapp-description { color: var(--text-muted); font-size: 14px; text-align: center; margin: 0; opacity: 0.8; }

.error-404 { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%); padding: 2rem 0; margin-top: 70px; }

.error-content { text-align: center; max-width: 600px; margin: 0 auto; }

/* Llave animada para el 404 */
.error-key { margin-bottom: 2rem; }

.floating-key-error { font-size: 6rem; animation: error-levitate 4s ease-in-out infinite, error-shine 5s ease-in-out infinite; filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.3)); background: linear-gradient(45deg, #8B4513, #A0522D, #D2691E); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 200%; }

[data-theme="dark"] .floating-key-error { filter: drop-shadow(0 8px 25px rgba(139, 69, 19, 0.4)); }

@keyframes error-levitate { 0%, 100% { transform: translateY(0px) rotate(0deg) scale(1); }
  25% { transform: translateY(-15px) rotate(10deg) scale(1.1); }
  50% { transform: translateY(-5px) rotate(-5deg) scale(1.05); }
  75% { transform: translateY(-10px) rotate(5deg) scale(1.08); } }

@keyframes error-shine { 0%, 100% { background-position: 0% 50%;
    filter: hue-rotate(0deg) drop-shadow(0 8px 20px rgba(0, 0, 0, 0.3)); }
  50% { background-position: 100% 50%;
    filter: hue-rotate(20deg) drop-shadow(0 10px 25px rgba(139, 69, 19, 0.5)); } }

/* Texto del error */
.error-text .error-title { font-size: 8rem; font-weight: bold; color: var(--color-primary); margin-bottom: 0.5rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); }

.error-text .error-subtitle { font-size: 32px; color: var(--color-secondary); margin-bottom: 1.5rem; font-weight: normal; }

.error-text .error-message { font-size: 18px; line-height: 1.6; color: var(--text-secondary); margin-bottom: 2.5rem; max-width: 500px; margin-left: auto; margin-right: auto; }

/* Botones de acción */
.error-actions { display: flex; gap: 1rem; justify-content: center; margin-bottom: 3rem; flex-wrap: wrap; }

.error-actions .btn-primary, .error-actions .btn-secondary { padding: 1rem 2rem; border-radius: 50px; text-decoration: none; font-weight: bold; transition: all 0.3s ease; display: flex; align-items: center; gap: 0.5rem; border: 2px solid transparent; cursor: pointer; font-family: inherit; }

.error-actions .btn-primary { background: var(--color-primary); color: white; }

.error-actions .btn-primary:hover { background: var(--color-secondary); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(139, 69, 19, 0.3); }

.error-actions .btn-secondary { background: transparent; color: var(--color-primary); border: 2px solid var(--color-primary); }

.error-actions .btn-secondary:hover { background: var(--color-primary); color: white; transform: translateY(-2px); }

.error-actions .btn-icon { font-size: 1.2rem; }

/* Cita inspiradora */
.error-quote { background: var(--bg-tertiary); padding: 2rem; border-radius: 15px; border-left: 4px solid var(--color-primary); position: relative; }

.error-quote p { font-style: italic; font-size: 18px; color: var(--text-primary); line-height: 1.5; margin-bottom: 0.5rem; }

.error-quote .quote-author { color: var(--color-accent); font-size: 14px; font-weight: bold; }

.error-quote::before { content: "“"; font-size: 4rem; color: var(--color-primary); position: absolute; top: -10px; left: 20px; opacity: 0.3; }

@media (max-width: 1024px) { .about-content { grid-template-columns: 1fr; gap: 2rem; text-align: center; } .key-animation { order: 1; } .about-text { order: 2; } .about-image { order: 3; } .about-image img { max-width: 250px; } }

@media (max-width: 1024px) { .footer-content { grid-template-columns: 1fr 1fr; gap: 2rem; } }

@media (max-width: 768px) { .nav-desktop, .header-actions.desktop { display: none !important; } .menu-toggle { display: flex !important; } header .container { padding: 1rem 15px; } .logo h1 { font-size: 18px; } }

@media (max-width: 768px) { .hero { height: 80vh; } .hero .hero-title { font-size: 32px; letter-spacing: 2px; } .hero .hero-subtitle { font-size: 18px; } .hero .hero-location { font-size: 16px; padding: 0.4rem 1.2rem; } .hero .hero-slogan { font-size: 18px; } }

@media (max-width: 768px) { .about { padding: 3rem 0; } .about-content { gap: 1.5rem; } .key-animation .floating-key { width: 80px; height: 80px; } .about-text .about-title { font-size: 24px; } .about-text .about-quote { font-size: 18px; } .about-text .about-final { font-size: 16px; } }

@media (max-width: 768px) { .site-footer { padding: 2rem 0 1rem; } .footer-content { grid-template-columns: 1fr; gap: 1.5rem; text-align: center; } .footer-logo { justify-content: center; } .footer-badges { flex-direction: row; justify-content: center; flex-wrap: wrap; } .whatsapp-btn-footer { padding: 0.8rem 1.2rem; font-size: 14px; } .whatsapp-btn-footer .whatsapp-icon { font-size: 1.2rem; } }

@media (max-width: 768px) { .error-404 { margin-top: 70px; padding: 1rem; } .error-text .error-title { font-size: 5rem; } .error-text .error-subtitle { font-size: 24px; } .error-actions { flex-direction: column; align-items: center; } .error-actions .btn-primary, .error-actions .btn-secondary { width: 100%; max-width: 250px; justify-content: center; } .floating-key-error { font-size: 4rem; } .error-quote { padding: 1.5rem; } .error-quote p { font-size: 16px; } }

@media (max-width: 480px) { .mobile-logo .logo-img { width: 50px; height: 50px; } .mobile-logo .logo-text { font-size: 16px; } .social-buttons { flex-direction: column; align-items: center; } .social-btn { width: 160px; justify-content: center; } }

@media (max-width: 480px) { .hero { height: 70vh; } .hero .hero-title { font-size: 24px; } .hero .hero-subtitle { font-size: 16px; } .hero .hero-location { font-size: 14px; padding: 0.3rem 1rem; } .hero .hero-slogan { font-size: 16px; } }

@media (max-width: 480px) { .about { padding: 2rem 0; } .key-animation .floating-key { width: 60px; height: 60px; } .about-text .about-title { font-size: 18px; } .about-text .about-quote { font-size: 16px; } .about-text .about-origin { font-size: 12px; } }

@media (max-width: 480px) { .site-footer { padding: 1.5rem 0 1rem; } .footer-content { gap: 1rem; } .footer-badges .badge { font-size: 10px; padding: 0.2rem 0.6rem; } .whatsapp-btn-footer { padding: 0.7rem 1rem; } .whatsapp-btn-footer .btn-text { font-size: 14px; } .whatsapp-description { font-size: 12px; } }

@media (max-width: 480px) { .error-text .error-title { font-size: 4rem; } .error-text .error-subtitle { font-size: 18px; } .error-text .error-message { font-size: 16px; } .error-quote p { font-size: 16px; } .floating-key-error { font-size: 3rem; } .error-actions .btn-primary, .error-actions .btn-secondary { padding: 0.8rem 1.5rem; font-size: 14px; } }

/*# sourceMappingURL=style.css.map */