@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Roboto:wght@400;700&display=swap";:root{--primary-color: #b8860b;--primary-color-light: #d4af37;--background-dark: #121212;--background-medium: #1e1e1e;--background-light: #2c2c2c;--text-light: #f0f0f0;--text-medium: #b0b0b0;--font-family-headings: "Poppins", sans-serif;--font-family-body: "Roboto", sans-serif;--base-border-radius: 6px;--base-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);--transition-speed: .3s}html{height:100%}*{box-sizing:border-box;margin:0;padding:0;scroll-padding-top:80px}body{font-family:var(--font-family-body);line-height:1.7;color:var(--text-light);background-color:var(--background-dark);font-size:16px;min-height:100%;overflow-x:hidden}.container{max-width:1100px;margin:auto;padding:0 25px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings);color:var(--text-light);font-weight:600;margin-bottom:1.2rem;line-height:1.3}h1{font-size:2.5rem;font-weight:700}h2{font-size:2.2rem;text-align:center;padding-top:2rem;margin-bottom:2.5rem;position:relative;display:block;padding-bottom:.5rem;color:var(--text-light)}h2:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:60px;height:3px;background-color:var(--primary-color);border-radius:2px}h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem;font-weight:600}p{margin-bottom:1.2rem;color:var(--text-medium);font-size:1rem}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--primary-color-light);text-decoration:none}ul{list-style:none;padding-left:0}li{margin-bottom:.6rem;color:var(--text-medium);padding-left:1.5em;position:relative}ul li:before{content:"•";color:var(--primary-color);font-weight:700;display:inline-block;width:1em;margin-left:-1.5em;position:absolute;left:.5em}header{background:var(--background-dark);color:var(--text-light);padding:.6rem 0;position:relative;box-shadow:0 2px 6px #00000059;border-bottom:1px solid rgba(184,134,11,.15)}.header-sticky{position:sticky;top:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center;padding-left:25px;padding-right:25px}.logo-area{display:flex;align-items:center;text-decoration:none;gap:.8rem}header #logo{height:50px}.header-title{color:var(--text-light);font-family:var(--font-family-headings);margin:0;font-size:1.5rem;font-weight:600;line-height:1}header nav ul{display:flex;padding:0}header nav ul li{margin-left:20px;margin-bottom:0;padding-left:0;position:relative}header nav ul li:before{content:none}header nav ul li a{color:var(--text-light);text-decoration:none;font-weight:500;font-size:1rem;transition:color var(--transition-speed) ease;padding-bottom:6px;position:relative}header nav ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%);background-color:var(--primary-color);transition:width var(--transition-speed) ease}header nav ul li a:hover{color:var(--primary-color-light);text-decoration:underline;text-underline-offset:6px}header nav ul li a.active-nav-link{color:var(--primary-color-light);font-weight:700}header nav ul li a:hover:after{width:100%}.menu-toggle{display:none;background-color:var(--background-dark);color:var(--text-light);font-size:1.5rem;cursor:pointer;padding:.5rem 1rem;border:none;border-radius:var(--base-border-radius);transition:background-color var(--transition-speed) ease}#hero{position:relative;color:var(--text-light);min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 25px;overflow:hidden}#hero-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;object-fit:cover}#hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:0}section{padding:5rem 0}#contacto{padding-top:2.5rem;padding-bottom:2.5rem;min-height:unset;position:relative}#empresa,#faq{background-color:var(--background-dark)}#servicios,#contacto{background-color:var(--background-medium)}#empresa{padding:60px 20px;background-color:var(--color-light-gray)}.empresa-main-title{text-align:center;margin-bottom:40px;font-size:2.5rem;color:var(--color-primary)}.empresa-content-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:30px;align-items:start}.empresa-mision-text,.empresa-vision-text{padding:15px}.empresa-mision-text h3,.empresa-vision-text h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:15px}.empresa-h1-image,.empresa-m8-image{text-align:center}.empresa-h1-image img,.empresa-m8-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 6px 12px #00000026}#servicios{padding:60px 20px;background-color:var(--color-light-gray)}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.servicio-item{background:var(--background-light);padding:2.5rem;border-radius:var(--base-border-radius);border:none;border-top:4px solid var(--primary-color);box-shadow:var(--base-box-shadow);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;display:flex;flex-direction:column}.servicio-item:hover{transform:translateY(-8px);box-shadow:0 8px 15px #b8860b4d}.servicio-item p,.servicio-item li{color:var(--text-medium)}.servicio-item ul{list-style:none;padding-left:0;margin-top:1rem}.servicio-item li:before{color:var(--primary-color-light)}.servicio-imagen{max-width:100%;height:auto;border-radius:var(--base-border-radius);margin-top:.5rem;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.2rem}.servicio-item h3{color:var(--primary-color);margin-bottom:1.2rem}#faq details{background:var(--background-medium);padding:1.2rem 1.5rem;margin-bottom:1.2rem;border-radius:var(--base-border-radius);border-left:4px solid var(--primary-color);transition:background-color var(--transition-speed) ease}#faq details[open]{background-color:var(--background-light)}#faq summary{font-weight:600;cursor:pointer;color:var(--text-light);display:flex;justify-content:space-between;align-items:center;transition:color var(--transition-speed) ease}#faq summary:hover{color:var(--primary-color-light)}#faq summary::marker{display:none;content:""}#faq summary::-webkit-details-marker{display:none}#faq summary:after{content:"+";font-size:1.5rem;font-weight:400;color:var(--primary-color);transition:transform var(--transition-speed) ease,color var(--transition-speed) ease;margin-left:1rem}#faq details[open] summary:after{content:"−";transform:rotate(180deg);color:var(--primary-color-light)}#faq details p{margin-top:1rem;padding-left:.5rem;color:var(--text-medium);line-height:1.6}#contacto ul{margin-bottom:1.2rem}#contacto li{margin-bottom:1rem;color:var(--text-medium);padding-left:0}#contacto li:before{content:none}#contacto strong{color:var(--text-light);font-weight:600;margin-right:.5em}#contacto p{margin-bottom:1rem;color:var(--text-medium)}#contacto p a{font-weight:600}.whatsapp-icon{width:20px;height:20px;vertical-align:middle;margin-right:8px}.contacto-reducido{max-width:500px;margin:0 auto}.contacto-social-icons{display:flex;gap:20px;margin-top:.5rem}.contacto-social-bottom{position:absolute;right:2rem;bottom:1.5rem;justify-content:flex-end}.contacto-social-icons a img{width:28px;height:28px;transition:transform .3s ease}.contacto-social-icons a:hover img{transform:scale(1.15)}footer{background-color:var(--color-dark-gray);color:var(--color-light-gray);padding:30px 20px;text-align:center}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-copyright{text-align:center;flex-grow:1}.footer-copyright p{margin:5px 0;font-size:.9rem}.footer-social-icons{display:flex;gap:15px}.footer-social-icons a img{width:32px;height:32px;transition:transform .3s ease}.footer-social-icons a:hover img{transform:scale(1.15)}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.footer-copyright{text-align:center;margin-bottom:15px}.footer-social-icons{justify-content:center}}#intro-hermanos{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url(/img/hermanos.png);z-index:1002;opacity:1;background-color:#000}#site-content-wrapper{opacity:0}@media (max-width: 992px){h1{font-size:2.2rem}h2{font-size:2rem}#hero h2{font-size:2.5rem}#hero p{font-size:1.2rem}.container{padding:0 20px}}@media (max-width: 768px){body{font-size:15px}.header-container{flex-direction:column;align-items:center;padding-top:.8rem;padding-bottom:.8rem}.logo-area{margin-bottom:1rem}.header-title{font-size:1.3rem}header nav ul{margin-top:1rem;justify-content:center;flex-wrap:wrap}header nav ul li{margin:5px 10px}header nav ul li a:after{content:none}#hero{min-height:60vh;padding:3rem 20px}#hero h2{font-size:2.2rem}#hero p{font-size:1.1rem}h1{font-size:2rem}h2{font-size:1.8rem;margin-bottom:2rem}#empresa .container{flex-direction:column;gap:2.5rem}#empresa .empresa-texto,#empresa .empresa-imagen{flex:1;min-width:unset}.servicios-grid{grid-template-columns:1fr;gap:2rem}.servicio-item{padding:2rem}section{padding:3rem 0}footer{padding:2rem 0;margin-top:3rem}.contacto-reducido{max-width:100%;padding:0 10px}.contacto-social-bottom{position:static;justify-content:center;margin-top:1.5rem}#intro-hermanos,#intro-tarjeta1{background-size:contain!important;background-color:#000!important;background-position:center center!important;background-repeat:no-repeat!important}}@media (max-width: 480px){body{font-size:14px}.container{padding:0 15px}header #logo{height:40px}.header-title{font-size:1.2rem}header nav ul li{margin:3px 8px}header nav ul li a{font-size:.9rem}#hero{min-height:55vh}#hero h2{font-size:1.9rem}#hero p{font-size:1rem}h1{font-size:1.8rem}h2{font-size:1.6rem}h3{font-size:1.3rem}.servicio-item{padding:1.5rem}#faq details{padding:1rem 1.2rem}#faq summary{font-size:.95rem}#faq details p{font-size:.9rem}section{padding:2.5rem 0}footer{padding:1.5rem 0}footer p{font-size:.85rem}}@media (max-width: 768px){.empresa-content-grid{grid-template-columns:1fr}.empresa-main-title{font-size:2rem}.empresa-mision-text h3,.empresa-vision-text h3{font-size:1.5rem}#intro-hermanos{background-image:url(/img/hermanos99.png)!important}}