* {margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif !important} :root {--primary-color:#102D3C;--primary-dark:#022031;--secondary-dark:#5C6670;--secondary-color:#d32f2f;--accent-color:#00c853;--accent-light:#4caf50;--text-dark:#212121;--text-light:#5C6670;--text-muted:#9e9e9e;--white:#ffffff;--light-gray:#fafafa;--border-color:#e0e0e0;--shadow:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--border-radius:8px;--transition:all 0.3s ease} html {scroll-behavior:smooth;font-family:'Montserrat',sans-serif !important} body {font-family:'Montserrat',sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--white)} .container {max-width:1200px;margin:0 auto;padding:0 1rem} .section__header {text-align:center;margin-bottom:3rem} .section__title {font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:900;color:var(--text-dark);margin-bottom:1rem} .section__subtitle {font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0 auto} .btn {display:inline-block;padding:0.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:500;transition:var(--transition);border:none;cursor:pointer;font-size:1rem} .btn--primary {background-color:var(--primary-color);color:var(--white)} .btn--primary:hover {background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)} .btn--secondary {background-color:var(--secondary-color);color:var(--white)} .btn--secondary:hover {background-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)} .btn--accent {background-color:var(--accent-color);color:var(--white)} .btn--accent:hover {background-color:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)} .btn--energy {background-color:var(--secondary-color);color:var(--white)} .btn--energy:hover {background-color:#b71c1c;transform:translateY(-2px);box-shadow:var(--shadow-lg)} .header {top:0;left:0;width:100%;z-index:1000} .header__top {background-color:var(--white);padding:1rem 0;display:flex;justify-content:center;align-items:center;padding-left:1rem;padding-right:1rem;position:relative} .header__bullets {display:flex;gap:0.5rem;position:absolute;top:1rem;left:1.5rem} .bullet {width:12px;height:12px;border-radius:50%;background-color:#ccc} .bullet:nth-child(1) {background-color:#011622} .bullet:nth-child(2) {background-color:#011622} .bullet:nth-child(3) {background-color:#011622} .header__logo {display:flex;justify-content:center;flex:1} .header__logo img {max-width:80px;height:auto;object-fit:contain} .logo {display:flex;align-items:center;gap:1rem} .nav {background-color:var(--primary-dark);padding:1rem 0;display:flex;justify-content:center} .nav__container {background-color:var(--primary-color);border-radius:50px;padding:0.50rem 2rem;display:flex;align-items:center;box-shadow:0 4px 15px rgba(0,0,0,0.2)} .nav__list {display:flex;list-style:none;gap:0;align-items:center;flex-wrap:wrap;justify-content:center} .nav__item {position:relative;display:flex;align-items:center} .nav__item:not(:last-child)::after {content:'';color:var(--white);margin:0 1.5rem;opacity:0.8;width:1px;height:25px;background-color:var(--white);display:inline-block;vertical-align:middle;font-weight:bold} .nav__link {color:var(--white);text-decoration:none;font-family:'Inter',sans-serif;font-weight:500;font-size:0.8rem;transition:var(--transition);padding:0.5rem 0.5rem;line-height:1.1;text-align:center;display:block} .nav__link:hover {color:var(--accent-color);text-shadow:0 0 8px rgba(0,200,83,0.3)} .nav__toggle {display:none;flex-direction:column;cursor:pointer;gap:4px} .nav__toggle-line {width:25px;height:3px;background-color:var(--white);transition:var(--transition)} .home {min-height:80vh;max-height:493px;background-image:url('../images/home.webp');background-size:cover;background-position:center;background-repeat:no-repeat;padding-left:0;position:relative} .home::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);z-index:1} .home__card {background-color:var(--white);border-radius:0px 24px 24px 0px;padding:2.5rem 2rem 2.2rem 1rem;height:380px;box-shadow:0 20px 40px rgba(0,0,0,0.1);position:absolute;top:100px;left:0;display:flex;flex-direction:column;justify-content:space-between;z-index:2} .home__logo {margin-bottom:1.5rem;flex-shrink:0} .home__content {flex:1;display:flex;flex-direction:column;justify-content:space-between} .home__logo img {max-width:80px;height:auto;object-fit:contain} .home__title {font-family:'Inter',sans-serif;font-size:2rem;font-weight:400;color:var(--primary-color);margin-bottom:0.75rem;line-height:1;letter-spacing:-0.03em} .highlight {color:var(--primary-color);font-weight:700} .home__description {font-family:'Inter',sans-serif;font-size:0.85rem;font-weight:400;color:#5c6670;line-height:1.3;text-align:left;margin-bottom:0} .features {padding:2rem 0 5rem 0;background-color:var(--white)} .features__title {font-size:2.2rem;color:var(--primary-color);text-align:center;margin-bottom:2rem;margin-top:2rem} .features__grid {display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;max-width:1000px;margin:2rem auto 0 auto} .feature__card {background-color:var(--white);margin-top:1rem;padding:0;border-radius:25px;border:1px solid #C6CCD0;text-align:center;transition:var(--transition);width:100%;max-width:200px;height:320px;display:flex;flex-direction:column} .feature__card:hover {transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.12)} .feature__icon {display:flex;justify-content:center;align-items:center;height:120px;padding:2rem 1.5rem 0 1.5rem} .feature__icon img {width:80px;height:80px;object-fit:contain;border-radius:8px} .feature__text {font-size:0.9rem;color:#021f30;line-height:1.2;font-weight:400;text-align:center;height:200px;padding:1rem 1.5rem 2rem 1.5rem;display:flex;justify-content:center} .cta {padding:4rem 0;background-color:var(--primary-dark);text-align:center} .cta__container {max-width:1200px;margin:0 auto;padding:0 2rem} .cta__title {font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:900;color:var(--white);margin-bottom:1rem} .cta__container {max-width:1200px;margin:0 auto;padding:0 2rem} .cta__subtitle {font-size:1.25rem;color:var(--white);opacity:0.9;margin-bottom:3rem} .cta__cards {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,320px);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0.5rem 1rem;margin:80px auto 1.5rem auto;max-width:1200px} .cta__card {background-color:var(--primary-dark);border:1px solid var(--white);border-radius:15px;padding:2rem 1.5rem;text-align:left;transition:var(--transition);scroll-snap-align:start} .cta__cards::-webkit-scrollbar {display:none} .cta__cards {scrollbar-width:none} .cta__nav {display:flex;justify-content:center;gap:0.75rem;margin-top:0.5rem} .cta__nav-btn {background:rgba(255,255,255,0.08);color:var(--white);border:1px solid rgba(255,255,255,0.2);width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease} .cta__nav-btn:hover {background:rgba(255,255,255,0.18);transform:translateY(-1px)} .cta__card:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)} .cta__card-title {font-family:'Montserrat',sans-serif;font-size:1.3rem;font-weight:700;color:var(--white);margin-bottom:0.5rem} .cta__card-description {font-family:'Source Sans Pro',sans-serif;font-size:0.95rem;color:var(--white);line-height:1.5;text-align:left} .cta__separator {width:600px;height:2px;background-color:var(--white);margin:80px auto 2rem auto} .cta__button {margin:50px auto 40px auto;min-width:600px;background-color:var(--primary-color);color:var(--white);border:1px solid var(--primary-dark);text-decoration:none;padding:0.5rem 2rem;font-size:1.25rem;border-radius:50px;cursor:pointer;transition:var(--transition);display:inline-block} .cta__button:hover {background-color:var(--white);color:var(--primary-color);transform:translateY(-2px)} .cta__title_section {font-family:'Inter',sans-serif;font-size:2.2rem;font-weight:400;color:var(--white);margin-bottom:0.75rem;line-height:1;letter-spacing:-0.03em} .highlight_section {color:var(--white);font-weight:700} .highlight_section_footer {color:var(--text-light);font-weight:700} .highlight_section_footer_p {color:var(--text-light);font-size:2rem;margin-bottom:2rem} .nosotros,.servicios,.contacto {padding:5rem 0} .nosotros {background-color:var(--white)} .servicios {background-color:var(--light-gray)} .contacto {background-color:var(--white)} .nosotros__content {max-width:800px;margin:0 auto;text-align:center} .nosotros__text p {font-size:1.125rem;color:var(--text-light);line-height:1.8} .servicios__grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem} .servicio__card {background-color:var(--white);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition)} .servicio__card:hover {transform:translateY(-5px);box-shadow:var(--shadow-lg)} .servicio__card h3 {font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:900;color:var(--text-dark);margin-bottom:1rem} .servicio__card p {color:var(--text-light);line-height:1.6} .contacto__content {display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem} .contacto__info h3 {font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:900;color:var(--text-dark);margin-bottom:1.5rem} .contacto__info p {color:var(--text-light);margin-bottom:1rem;font-size:1.125rem} .contacto__form {display:flex;flex-direction:column;gap:1.5rem} .form__group input,.form__group textarea {width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);font-family:inherit} .form__group input:focus,.form__group textarea:focus {outline:none;border-color:var(--primary-color)} .form__group textarea {resize:vertical;min-height:120px} .footer__cta-section {width:100%;height:450px;background-color:var(--white);padding:4rem 0;text-align:center;display:flex;align-items:center;justify-content:center} .footer__cta-container {max-width:1200px;margin:0 auto;padding:0 2rem} .footer__cta-title {font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:2rem;line-height:1.2} .footer__cta-button {min-width:600px;background-color:var(--text-light);color:var(--white);border:none;padding:0.5rem 2rem;font-size:1.25rem;text-decoration:none;border-radius:50px;cursor:pointer;transition:var(--transition);font-family:'Source Sans Pro',sans-serif;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,0.3)} .footer__cta-button:hover {background-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px rgba(2,31,48,0.3)} .footer {width:100%;background-color:var(--white)} .footer__container {display:flex;min-height:90px} .footer__left-panel {flex:0 0 20%;background-color:var(--white);display:flex;align-items:center;justify-content:center;padding:1rem 0.75rem;position:relative} .footer__logo-section {text-align:center;display:flex;align-items:center;justify-content:center;width:100%} .footer__logo-image {width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))} .footer__right-panel {flex:0 0 80%;background-color:var(--primary-dark);display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:2rem 3rem;gap:0.5rem} .footer__nav {display:flex;flex-direction:column;text-align:right} .footer__nav-link {color:var(--white);text-decoration:none;font-family:'Source Sans Pro',sans-serif;font-size:1rem;font-weight:500;transition:var(--transition);padding:0.2rem 0} .footer__nav-link:hover {color:var(--accent-color);text-shadow:0 0 8px rgba(0,200,83,0.3)} .footer__bottom-row {display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;width:100%;gap:2rem} .footer__grupo-column {flex:1;display:flex;justify-content:flex-end;align-items:center} .footer__social-column {flex:1;display:flex;justify-content:flex-end;align-items:center} .footer__social-icons {display:flex;gap:1.5rem;align-items:center} .footer__social-link {color:var(--white);text-decoration:none;font-size:2.5rem;transition:all 0.3s ease;padding:0.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:60px;height:60px;position:relative;overflow:hidden} .footer__social-link:hover {color:var(--accent-color);transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px rgba(0,200,83,0.3)} .footer__social-link[href*="wa.me"] {background:linear-gradient(135deg,#25D366,#128C7E);color:white;animation:whatsapp-pulse 2s infinite;box-shadow:0 4px 15px rgba(37,211,102,0.4)} .footer__social-link[href*="wa.me"]:hover {background:linear-gradient(135deg,#128C7E,#25D366);transform:translateY(-5px) scale(1.15);box-shadow:0 12px 30px rgba(37,211,102,0.6);animation:none} .footer__social-link[href*="wa.me"] svg {filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))} .footer__grupo-logo {display:flex;flex-direction:row;align-items:center;gap:0.8rem} .footer__grupo-text {display:flex;align-items:center;gap:0.5rem} .footer__grupo-brand {color:var(--white);font-family:'Source Sans Pro',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:0.5px} .footer__grupo-label {color:var(--white);font-family:'Source Sans Pro',sans-serif;font-size:1rem;font-weight:400;opacity:0.9} .footer__grupo-link {display:inline-block;background-color:var(--white);padding:0.2rem 0.2rem;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.15);transition:all 0.3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center} .footer__grupo-link:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)} .footer__grupo-image {width:130px;height:37px;object-fit:contain;display:block} @keyframes whatsapp-pulse {0% {box-shadow:0 4px 15px rgba(37,211,102,0.4)} 50% {box-shadow:0 4px 25px rgba(37,211,102,0.8)} 100% {box-shadow:0 4px 15px rgba(37,211,102,0.4)} } .footer__social-link[href*="facebook"]:hover {background:linear-gradient(135deg,#1877F2,#0A5FCC);color:white;box-shadow:0 8px 25px rgba(24,119,242,0.4)} .footer__social-link[href*="linkedin"]:hover {background:linear-gradient(135deg,#0077B5,#005885);color:white;box-shadow:0 8px 25px rgba(0,119,181,0.4)} .footer__social-link[href*="instagram"]:hover {background:linear-gradient(135deg,#E4405F,#C13584,#833AB4);color:white;box-shadow:0 8px 25px rgba(228,64,95,0.4)} .footer__new-section {background-color:var(--primary-dark);color:var(--white)} .footer__contact-row {background-color:var(--primary-dark);padding:0;width:100%} .footer__contact-column--empleado {background-color:var(--primary-color) !important;display:flex !important;align-items:center !important;text-align:left !important;padding:2rem !important;border-radius:0 !important;margin:0 !important;flex:1;width:33.333%;color:var(--text-light)} .footer__contact-left {flex:0 0 auto;margin-right:2rem;opacity:0;transform:translateX(-50px);transition:all 0.8s ease-out} .footer__contact-left.animate {opacity:1;transform:translateX(0)} .footer__contact-right {flex:1;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateX(-30px);transition:all 0.8s ease-out 0.2s} .footer__contact-right.animate {opacity:1;transform:translateX(0)} .footer__contact-column--empleado .footer__contact-icon {color:var(--text-light);margin:0 !important;width:80px;height:80px;transition:all 0.3s ease;cursor:pointer} .footer__contact-column--empleado .footer__contact-icon:hover {transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgba(0,0,0,0.2);background-color:var(--accent-color);color:var(--white)} .footer__contact-column--empleado .footer__contact-title {margin-bottom:1rem !important;text-align:left !important;font-size:1rem} .footer__contact-column--empleado .footer__contact-info {margin-bottom:0 !important} .footer__contact-column--empleado .footer__contact-info p {margin:0.3rem 0 !important;text-align:left !important;font-size:1rem} .footer__contact-column--empleado .footer__contact-arrow {position:static !important;margin-top:1rem;align-self:flex-start} .footer__contact-column--empleado .footer__contact-left {transition-delay:0.1s} .footer__contact-column--empleado .footer__contact-right {transition-delay:0.3s} .footer__contact-column--ubicacion .footer__contact-left {transition-delay:0.2s} .footer__contact-column--ubicacion .footer__contact-right {transition-delay:0.4s} .footer__contact-column--cliente .footer__contact-left {transition-delay:0.3s} .footer__contact-column--cliente .footer__contact-right {transition-delay:0.5s} .footer__contact-column--ubicacion {background-color:var(--text-light) !important;display:flex !important;align-items:center !important;text-align:left !important;padding:2rem !important;border-radius:0 !important;margin:0 !important;flex:1;width:33.333%} .footer__contact-column--ubicacion .footer__contact-icon {margin:0 !important;width:80px;height:80px;background-color:var(--white);color:var(--text-light);transition:all 0.3s ease;cursor:pointer} .footer__contact-column--ubicacion .footer__contact-icon:hover {transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 25px rgba(0,0,0,0.2);background-color:var(--accent-color);color:var(--white)} .footer__contact-column--ubicacion .footer__contact-title {margin-bottom:1rem !important;text-align:left !important;font-size:1rem;color:var(--white)} .footer__contact-column--ubicacion .footer__contact-info {margin-bottom:1rem !important} .footer__contact-column--ubicacion .footer__contact-info p {margin:0.3rem 0 !important;text-align:left !important;font-size:1.1rem;color:var(--white)} .footer__contact-column--ubicacion .footer__contact-button {margin-top:0 !important;align-self:flex-start} .footer__contact-column--cliente {background-color:var(--primary-color) !important;display:flex !important;align-items:center !important;text-align:left !important;padding:2rem !important;border-radius:0 !important;margin:0 !important;flex:1;width:33.333%} .footer__contact-column--cliente .footer__contact-icon {margin:0 !important;width:80px;height:80px;background-color:var(--white);color:var(--primary-dark);transition:all 0.3s ease;cursor:pointer} .footer__contact-column--cliente .footer__contact-icon:hover {transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgba(0,0,0,0.2);background-color:var(--accent-color);color:var(--white)} .footer__contact-column--cliente .footer__contact-title {margin-bottom:1rem !important;text-align:left !important;font-size:1rem;color:var(--white)} .footer__contact-column--cliente .footer__contact-info {margin-bottom:0 !important} .footer__contact-column--cliente .footer__contact-info p {margin:0.3rem 0 !important;text-align:left !important;font-size:1rem;color:var(--white)} .footer__contact-grid {display:flex;width:100%;margin:0;padding:0;gap:0} .footer__contact-column {text-align:center;padding:2rem 1rem;position:relative} .footer__contact-icon {width:60px;height:60px;background-color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem auto;color:#8B4513} .footer__contact-icon svg {width:24px;height:24px} .footer__contact-title {font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:700;color:var(--white);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px} .footer__contact-info {margin-bottom:1.5rem} .footer__contact-info p {font-family:'Source Sans Pro',sans-serif;font-size:1rem;color:var(--white);margin:0.5rem 0;line-height:1.4} .footer__contact-arrow {position:absolute;bottom:1rem;right:1rem;color:#FF6B35;opacity:0.8} .footer__contact-arrow svg {width:16px;height:16px} .footer__contact-button {background-color:#4A90E2;color:var(--white);border:none;padding:0.75rem 1.5rem;border-radius:25px;font-family:'Source Sans Pro',sans-serif;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:all 0.3s ease;margin-top:1rem} .footer__contact-button:hover {background-color:#357ABD;transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,144,226,0.3)} .footer__empty-row {background-color:var(--primary-dark);padding:2rem 0;width:100%;min-height:100px} .footer__bottom-bar {width:100%;height:2px;background-color:#333} .nav__link--active {color:var(--accent-color) !important;text-shadow:0 0 8px rgba(0,200,83,0.3)} .nav__link--cta.nav__link--active {background:linear-gradient(135deg,var(--accent-color),#00d084) !important;color:white !important;text-shadow:0 0 8px rgba(255,255,255,0.3);box-shadow:0 4px 15px rgba(0,200,83,0.4) !important;transform:translateY(-1px) scale(1.02)} .nav__link--cta {background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:white !important;padding:0.5rem 1rem;border-radius:25px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;position:relative;overflow:hidden;animation:cta-pulse 3s infinite;box-shadow:0 4px 15px rgba(16,45,60,0.4);transition:all 0.3s ease;border:2px solid var(--accent-color)} .nav__link--cta:hover {background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(16,45,60,0.6);animation:none;border-color:var(--accent-color)} .nav__link--cta::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s} .nav__link--cta:hover::before {left:100%} @keyframes cta-pulse {0% {box-shadow:0 4px 15px rgba(16,45,60,0.4);border-color:var(--accent-color)} 50% {box-shadow:0 4px 25px rgba(16,45,60,0.8);border-color:var(--accent-light)} 100% {box-shadow:0 4px 15px rgba(16,45,60,0.4);border-color:var(--accent-color)} } .nosotros__quienes-somos {padding:0;background-image:url('../images/quienes-somos.webp');background-size:cover;background-position:center;background-repeat:no-repeat;min-height:90vh;display:flex;align-items:flex-end;position:relative} .nosotros__quienes-content {background-color:var(--primary-dark);border:1px solid var(--white);border-radius:20px 20px 0 0;padding:1.5rem 2rem;text-align:center;max-width:1000px;margin:0 auto;width:100%;position:relative;margin-bottom:0} .nosotros__quienes-content::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(2,31,48,0.7);border-radius:20px 20px 0 0;z-index:1} .nosotros__quienes-title,.nosotros__quienes-description {position:relative;z-index:2} .nosotros__quienes-title {font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:700;color:var(--white);margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,0.5)} .nosotros__quienes-description {font-family:'Source Sans Pro',sans-serif;font-size:1rem;line-height:1.3;color:var(--white);text-align:left;max-width:800px;margin:0 auto} .nosotros__section-title {font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:2rem;line-height:1.2;text-align:right} .nosotros__section-title--center {text-align:center} .nosotros__history {padding:5rem 0;background-color:var(--white)} .nosotros__history-content {display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:flex-start;position:relative} .nosotros__history-content::after {content:'';position:absolute;left:35%;top:0rem;bottom:2rem;width:3px;background-color:var(--text-light);opacity:0.6;height:100%} .nosotros__history-text {padding-right:2rem} .nosotros__history-description {padding-left:2rem} .nosotros__history-text {font-family:'Source Sans Pro',sans-serif;font-size:1.1rem;line-height:1.8;color:var(--text-light)} .nosotros__grupo {padding:0rem 0;background-color:var(--white)} .nosotros__grupo-content {text-align:center;max-width:800px;margin:0 auto} .nosotros__grupo-title {font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:2rem;line-height:1.2} .nosotros__grupo-description {font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:3rem;margin-left:auto;margin-right:auto} .nosotros__grupo-logo {display:flex;flex-direction:column;align-items:center;gap:1rem} .grupo-logo-image {width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));transition:all 0.3s ease} .nosotros__grupo-logo a {display:inline-block;transition:all 0.3s ease;border-radius:10px} .nosotros__grupo-logo a:hover {transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgba(0,0,0,0.2)} .nosotros__grupo-logo a:hover .grupo-logo-image {filter:brightness(1.1) drop-shadow(0 4px 8px rgba(0,0,0,0.2))} .grupo-logo-text {font-family:'Source Sans Pro',sans-serif;font-size:1rem;font-weight:600;color:var(--text-light);text-transform:lowercase;letter-spacing:1px} .nosotros__respaldo {padding:2rem 0;min-height:80px;display:flex;align-items:center} .nosotros__respaldo-content {display:grid;grid-template-columns:20% 60% 20%;width:100%;min-height:60px} .nosotros__respaldo-column {display:flex;align-items:center;justify-content:center} .nosotros__respaldo-column--left,.nosotros__respaldo-column--right {background-color:var(--text-light)} .nosotros__respaldo-column--center {background-color:var(--white)} .nosotros__respaldo-text {font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:700;color:var(--primary-color);letter-spacing:1px;text-align:center;margin:0} .nosotros__respaldo-text-normal {font-family:'Montserrat',sans-serif;font-size:1rem;color:var(--primary-color);letter-spacing:1px;text-align:center;margin:0} .nosotros__valores {padding:0rem 0;background-color:var(--white)} .nosotros__valores-content {display:grid;grid-template-columns:40% 60%;gap:0;min-height:400px} .nosotros__valores-left {background-image:url('../images/valores.jpg');background-size:cover;background-position:center;background-repeat:no-repeat} .nosotros__valores-right {background-color:var(--primary-dark);padding:4rem 6rem;display:flex;flex-direction:column;justify-content:center} .nosotros__valores-title {font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:700;color:var(--white);margin-bottom:2rem;text-align:left} .nosotros__valores-description {font-family:'Source Sans Pro',sans-serif;font-size:1.1rem;line-height:1.6;color:var(--white);text-align:left;margin:0} .nosotros__certificaciones {background-color:var(--primary-dark);padding:4rem 0;color:var(--white)} .nosotros__certificaciones-title {font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:var(--white)} .nosotros__certificaciones-description {font-size:1.1rem;text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;color:var(--white);opacity:0.9} .certificaciones__slider {position:relative;max-width:1200px;margin:0 auto} .certificaciones__cards {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,200px);gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none} .certificaciones__cards::-webkit-scrollbar {display:none} .certificaciones__card {background-color:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease;scroll-snap-align:start;min-height:200px;display:flex;align-items:center;justify-content:center} .certificaciones__card:hover {transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.3)} .certificaciones__image {width:100%;height:100%;object-fit:contain;padding:1.5rem} .certificaciones__nav {display:flex;justify-content:center;gap:1rem;margin-top:2rem} .certificaciones__nav-btn {background:rgba(255,255,255,0.1);color:var(--white);border:2px solid rgba(255,255,255,0.3);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px)} .certificaciones__nav-btn:hover {background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5);transform:scale(1.1)} .certificaciones__nav-btn:active {transform:scale(0.95)} .certificaciones__indicators {display:flex;justify-content:center;gap:0.5rem;margin-top:1.5rem} .certificaciones__indicator {width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:all 0.3s ease} .certificaciones__indicator.active {background:var(--white);transform:scale(1.2)} .certificaciones__indicator:hover {background:rgba(255,255,255,0.6)} @media (max-width:1024px) {.certificaciones__cards {grid-auto-columns:minmax(220px,280px);gap:1.5rem} } @media (max-width:768px) {.nosotros__certificaciones {padding:3rem 0} .nosotros__certificaciones-title {font-size:2rem} .nosotros__certificaciones-description {font-size:1rem;margin-bottom:2rem;padding:0 1rem} .certificaciones__cards {grid-auto-columns:minmax(180px,220px);gap:1rem;padding:0.5rem 0} .certificaciones__card {min-height:130px;max-height:150px} .certificaciones__image {padding:0.8rem;max-height:120px} .certificaciones__nav-btn {width:45px;height:45px} } @media (max-width:480px) {.certificaciones__cards {grid-auto-columns:90%;gap:0.8rem} .certificaciones__card {min-height:100px;max-height:120px} .certificaciones__image {padding:0.5rem;max-height:100px} .certificaciones__nav-btn {width:40px;height:40px} .certificaciones__indicator {width:10px;height:10px} } @media (max-width:768px) {.nosotros__quienes-somos {min-height:50vh} .nosotros__valores-content {grid-template-columns:1fr;min-height:auto} .nosotros__valores-left {display:none} .nosotros__valores-right {padding:3rem 2rem} .nosotros__valores-title {font-size:2rem;text-align:center} .nosotros__valores-description {text-align:center} } .features__title_nosotros {font-family:'Montserrat',sans-serif;font-size:1.8rem;font-weight:600;color:var(--primary-color);text-align:center;margin-bottom:3rem;line-height:1.3} .soluciones__hero {background-color:#011621;min-height:60vh;display:flex;align-items:center;position:relative} .soluciones__hero::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(2,31,48,0.7);z-index:1} .container_soluciones {padding:0 6rem;position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between} .soluciones__hero-content {position:relative;z-index:2;color:var(--white);max-width:800px;flex:1;display:flex;flex-direction:column;justify-content:center} .soluciones__cta-bottom {margin-top:3rem;bottom:2rem;display:flex;align-items:center;gap:1rem;z-index:2} .soluciones__cta-text {font-size:1rem;font-weight:400;color:var(--white);margin:0;white-space:nowrap} .soluciones__cta-icon {width:40px;height:40px;border:2px solid var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:all 0.3s ease;cursor:pointer} .soluciones__cta-icon:hover {background-color:var(--white);color:var(--primary-color);transform:translateY(-2px)} .soluciones__cta-icon svg {width:16px;height:16px} .soluciones__servicios-cards {padding:5rem 8rem;background-color:var(--primary-dark)} .soluciones__cards-grid {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:2rem;max-width:1200px;margin:0 auto} .soluciones__card {background-color:var(--primary-dark);border:3px solid #263B49;border-radius:50px;margin-left:4rem;padding:0;display:flex;flex-direction:column;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden} .soluciones__card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3)} .soluciones__card--full {grid-column:1 / -1;display:flex;flex-direction:row;align-items:stretch;margin-bottom:4rem} .soluciones__card--full .soluciones__card-image {width:40%;height:400px;margin-bottom:0;border-radius:0;border-right:3px solid #263B49;border-bottom:none} .soluciones__card--full .soluciones__card-content-full {width:60%;padding:6rem 6rem;display:flex;flex-direction:column;justify-content:center} .soluciones__card-image {width:100%;height:400px;margin-bottom:0;border-radius:0;overflow:hidden;border-bottom:3px solid #263B49;background-size:cover;background-position:center;background-repeat:no-repeat} .soluciones__card-image--fisica {background-image:url('../images/seguridad-fisica.webp')} .soluciones__card-image--electronica {background-image:url('../images/seguridad-electronica.webp')} .soluciones__card-image--otros {background-image:url('../images/seguridad-otros.webp')} .soluciones__card-placeholder {width:100%;height:100%;background-color:rgba(10,43,64,0.7);border:none;display:flex;align-items:center;justify-content:center;color:#A0A0A0} .soluciones__card-content {padding:2rem 3rem;display:flex;flex-direction:column;flex:1} .soluciones__card-title {font-size:1.5rem;font-weight:700;color:#FFFFFF;margin-bottom:1rem;text-align:center} .soluciones__card-description {color:var(--white);font-size:0.8rem;line-height:1.6;margin-bottom:1.5rem;flex:1;text-align:left} .soluciones__card-button {background-color:#111926;color:#FFFFFF;border:none;width:100%;padding:0.50rem 2rem;margin-bottom:2rem;border-radius:25px;font-family:'Montserrat',sans-serif;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;line-height:1;text-decoration:none} .soluciones__card-button svg {display:block;width:20px;height:20px;flex:0 0 20px} .soluciones__card-button:hover {background-color:#0A2B40;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)} .soluciones__hero-title {font-family:'Montserrat',sans-serif;font-size:3rem;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,0.5)} .soluciones__hero-description {font-family:'Source Sans Pro',sans-serif;font-size:1.3rem;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,0.5)} .soluciones__sectores {padding:5rem 0;background-color:var(--bg-light)} .soluciones__sectores-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem} .soluciones__sector-item {background-color:var(--white);padding:2.5rem;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:transform 0.3s ease} .soluciones__sector-item:hover {transform:translateY(-3px)} .soluciones__sector-title {font-family:'Montserrat',sans-serif;font-size:1.4rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem} .soluciones__sector-description {font-family:'Source Sans Pro',sans-serif;font-size:1rem;line-height:1.6;color:var(--text-dark)} .soluciones__cta {padding:5rem 0;background-color:var(--primary-color);text-align:center} .soluciones__cta-content {max-width:600px;margin:0 auto} .soluciones__cta-title {font-family:'Montserrat',sans-serif;font-size:2.2rem;font-weight:700;color:var(--white);margin-bottom:2rem} .soluciones__cta-description {font-family:'Source Sans Pro',sans-serif;font-size:1.2rem;line-height:1.6;color:var(--white);margin-bottom:3rem;opacity:0.9} .soluciones__cta-button {background-color:var(--white);color:var(--primary-color);border:none;padding:1rem 2.5rem;border-radius:30px;font-family:'Montserrat',sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px} .soluciones__cta-button:hover {background-color:var(--primary-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,0.2)} @media (max-width:1024px) {.soluciones__servicios-cards {padding:4rem 4rem} .soluciones__cards-grid {gap:1.5rem} .soluciones__card {margin-left:0} .soluciones__card--full {margin-left:0} } @media (max-width:768px) {.container_soluciones {padding:0 2rem} .soluciones__hero-title {font-size:2.2rem} .soluciones__hero-description {font-size:1.1rem} .container__soluciones_servicios {width:100%} .soluciones__cta-bottom {bottom:1rem;right:2rem;flex-direction:column;gap:0.5rem;align-items:flex-end} .soluciones__cta-text {font-size:0.9rem} .soluciones__cta-icon {width:35px;height:35px} .soluciones__cta-icon svg {width:14px;height:14px} .soluciones__section-title {font-size:2rem} .soluciones__grid {grid-template-columns:1fr;gap:2rem} .soluciones__sectores-grid {grid-template-columns:1fr;gap:2rem} .soluciones__cta-title {font-size:1.8rem} .soluciones__cta-description {font-size:1rem} .soluciones__servicios-cards {padding:3rem 2rem} .soluciones__cards-grid {width:100%;display:flex;flex-direction:column;gap:1.5rem} .soluciones__card--full {grid-column:1;flex-direction:column;margin-left:0;margin-bottom:0} .soluciones__card--full .soluciones__card-image {width:100%;height:200px;border-right:none;border-bottom:3px solid #263B49} .soluciones__card--full .soluciones__card-content-full {width:100%;padding:2rem} .soluciones__card {margin-left:0;margin-bottom:0} .soluciones__card-image {height:200px} .soluciones__card-title {font-size:1.3rem} .soluciones__card-description {font-size:0.9rem} .soluciones__card-image {height:180px} .soluciones__card-title {font-size:1.3rem} .soluciones__card-description {font-size:0.9rem} .soluciones__card--full .soluciones__card-content-full {width:100%;padding:6rem 6rem;display:flex;flex-direction:column;justify-content:center} } @media (max-width:600px) {.soluciones__servicios-cards {padding:3rem 1.5rem} .soluciones__cards-grid {gap:1.2rem} .soluciones__card {margin-left:0;border-radius:40px} .soluciones__card--full {margin-left:0} .soluciones__card-image {height:190px} .soluciones__card--full .soluciones__card-image {height:190px} .soluciones__card--full .soluciones__card-content-full {padding:1.75rem} .soluciones__card-title {font-size:1.25rem} .soluciones__card-description {font-size:0.9rem;line-height:1.4} .soluciones__card-button {font-size:0.95rem;padding:0.75rem 1.3rem} } @media (max-width:480px) {.soluciones__servicios-cards {padding:2.5rem 1.5rem} .soluciones__cards-grid {gap:1rem} .soluciones__card {margin-left:0;border-radius:35px} .soluciones__card--full {margin-left:0} .soluciones__card-image {height:180px} .soluciones__card--full .soluciones__card-image {height:180px} .soluciones__card--full .soluciones__card-content-full {padding:1.5rem} .soluciones__card-title {font-size:1.2rem} .soluciones__card-description {font-size:0.85rem;line-height:1.4} .soluciones__card-button {font-size:0.9rem;padding:0.7rem 1.2rem} } @media (max-width:375px) {.footer__social {gap:0.6rem} .footer__social-link {font-size:1.6rem;width:40px;height:40px;padding:0.3rem} .footer__social-link[href*="wa.me"] {animation-duration:5s} .nav__link--cta {padding:0.3rem 0.6rem;font-size:0.8rem;animation-duration:5s} .soluciones__servicios-cards {padding:2rem 1rem} .soluciones__cards-grid {gap:0.75rem} .soluciones__card {margin-left:0;border-radius:28px} .soluciones__card-image {height:160px} .soluciones__card--full .soluciones__card-image {height:160px} .soluciones__card--full .soluciones__card-content-full {padding:1.25rem} .soluciones__card-title {font-size:1.1rem} .soluciones__card-description {font-size:0.8rem;line-height:1.3} .soluciones__card-button {font-size:0.85rem;padding:0.6rem 1rem} } .nosotros__history-stats {display:flex;flex-direction:column;gap:2rem} .container_contacto-matriz {padding:0 6rem} .container_contacto {padding:0 6rem} .contacto__hero {background-color:var(--primary-dark);padding:5rem 0;min-height:80vh;display:flex;align-items:center} .contacto__hero-content {max-width:750px;margin:0 auto;text-align:center} .contacto__hero-title {font-size:2.5rem;color:var(--white);margin-bottom:1rem;letter-spacing:1px;line-height:1.2;font-weight:500;color:var(--white)} .contacto__hero-text {margin-bottom:3rem} .contacto__hero-description {font-size:1rem;line-height:1.5;color:var(--white);font-weight:400} .contacto__form {display:flex;flex-direction:column;gap:1.5rem} .contacto__form-group {display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%} .contacto__input {width:70%;padding:0.5rem 1.5rem;border:1px solid var(--white);border-radius:50px;background-color:var(--secondary-dark);font-size:1rem;color:var(--white);transition:border-color 0.3s ease} .contacto__input:focus {outline:none;border-color:var(--primary-color)} .contacto__input::placeholder {color:var(--white);text-transform:uppercase;letter-spacing:1px;font-size:0.9rem} .contacto__cta-button {background-color:#4A525A;width:60%;color:var(--white);border:none;padding:0.5rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:1rem} .contacto__cta-button:hover {background-color:#1A202C;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)} .contacto__matriz {background-color:var(--primary-dark)} .contacto__matriz-content {display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center} .contacto__matriz-text {padding:2rem 0 0 1rem;text-align:right} .contacto__matriz-title {font-size:2.5rem;font-weight:400;letter-spacing:2px;color:var(--white);text-align:center} .contacto__matriz-description {font-size:1rem;line-height:1;text-align:center;color:var(--white);padding:0 5rem;margin-bottom:0.5rem} .contacto__matriz-map {height:400px;border:1px solid var(--white);border-right:none;border-radius:0px 0px;overflow:hidden;position:relative;background-color:#f0f0f0} .contacto__map-iframe {width:100%;height:100%;border:none;filter:grayscale(20%) contrast(1.1)} .contacto__map-overlay {position:absolute;top:20px;left:20px;background:rgba(16,45,60,0.9);padding:1rem 1.5rem;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)} .contacto__map-info h3 {color:var(--white);font-size:1.2rem;font-weight:600;margin:0 0 0.5rem 0;font-family:'Montserrat',sans-serif} .contacto__map-info p {color:var(--white);font-size:0.9rem;margin:0;opacity:0.9;font-family:'Source Sans Pro',sans-serif;line-height:1.4} .contacto__equipo {background-color:var(--primary-dark);padding:8rem 0 2rem 0;text-align:center} .contacto__equipo-content {max-width:800px;margin:0 auto} .contacto__equipo-title {margin-bottom:1rem;font-size:2.3rem;font-weight:400;letter-spacing:2px;color:var(--white);text-align:center;padding:0 4rem} .contacto__equipo-text {margin-bottom:2rem} .contacto__equipo-description {font-size:1rem;line-height:1;color:var(--white);padding:0 4rem;margin-bottom:0.5rem} .contacto__cta-button-equipo {background-color:#4A525A;width:30%;color:var(--white);border:none;padding:0.5rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:1rem;margin-bottom:1rem;text-decoration:none} .contacto__cta-button-equipo:hover {background-color:#1A202C;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)} .contacto__cta-button-equipo-accesor {background-color:#102D3C;width:30%;color:var(--white);border:none;padding:0.5rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-bottom:4rem;text-decoration:none} .contacto__cta-button-equipo-accesor:hover {background-color:#1A202C;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)} @media (max-width:768px) {.container_contacto {padding:0} .contacto__hero-title {font-size:2rem} .contacto__hero-description {font-size:1rem} .contacto__matriz-content {grid-template-columns:1fr;gap:2rem} .contacto__matriz-text {padding-right:0;text-align:center} .contacto__matriz-title {text-align:center;font-size:1.8rem} .contacto__matriz-map {height:300px} .contacto__map-overlay {top:15px;left:15px;padding:0.8rem 1rem} .contacto__map-info h3 {font-size:1rem} .contacto__map-info p {font-size:0.8rem} .contacto__matriz-description {font-size:1rem;line-height:1.5} .contacto__equipo-title {font-size:1.8rem} .contacto__equipo-description {font-size:1rem;line-height:1.5} .contacto__cta-button {width:70%;font-size:1rem} .contacto__cta-button-equipo {width:70%;margin-bottom:3rem} .contacto__cta-button-equipo-accesor {width:90%;margin-bottom:3rem} } .nosotros__stat {text-align:center;padding:2rem;background-color:var(--light-gray);border-radius:15px;border-left:4px solid var(--accent-color)} .nosotros__stat-number {font-family:'Montserrat',sans-serif;font-size:3rem;font-weight:900;color:var(--primary-color);margin-bottom:0.5rem} .nosotros__stat-label {font-family:'Source Sans Pro',sans-serif;font-size:1rem;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:1px} .nosotros__mvv {padding:5rem 0;background-color:var(--light-gray)} .nosotros__mvv-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem} .nosotros__mvv-card {background-color:var(--white);padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,0.1);transition:var(--transition);border-top:4px solid var(--accent-color)} .nosotros__mvv-card:hover {transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.15)} .nosotros__mvv-icon {font-size:3rem;margin-bottom:1.5rem} .nosotros__mvv-title {font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem} .nosotros__mvv-description {font-family:'Source Sans Pro',sans-serif;font-size:1rem;line-height:1.7;color:var(--text-light)} .nosotros__team {padding:5rem 0;background-color:var(--white)} .nosotros__team-content {display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center} .nosotros__team-description {font-family:'Source Sans Pro',sans-serif;font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:2rem} .nosotros__team-list {list-style:none;padding:0} .nosotros__team-list li {font-family:'Source Sans Pro',sans-serif;font-size:1rem;color:var(--text-light);margin-bottom:0.8rem;padding-left:1.5rem;position:relative} .nosotros__team-list li::before {content:'✓';position:absolute;left:0;color:var(--accent-color);font-weight:bold;font-size:1.2rem} .nosotros__team-stats {display:flex;flex-direction:column;gap:2rem} .nosotros__team-stat {text-align:center;padding:2rem;background-color:var(--primary-color);border-radius:15px;color:var(--white)} .nosotros__team-stat-number {font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:900;margin-bottom:0.5rem} .nosotros__team-stat-label {font-family:'Source Sans Pro',sans-serif;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:0.9} .nosotros__certifications {padding:5rem 0;background-color:var(--light-gray)} .nosotros__certifications-content {margin-top:3rem} .nosotros__certifications-description {font-family:'Source Sans Pro',sans-serif;font-size:1.1rem;line-height:1.8;color:var(--text-light);text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto} .nosotros__certifications-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem} .nosotros__certification {background-color:var(--white);padding:2.5rem 2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:var(--transition);border:2px solid transparent} .nosotros__certification:hover {transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px rgba(0,200,83,0.2)} .nosotros__certification-icon {font-size:2.5rem;margin-bottom:1rem} .nosotros__certification-title {font-family:'Montserrat',sans-serif;font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem} .nosotros__certification-description {font-family:'Source Sans Pro',sans-serif;font-size:0.9rem;line-height:1.6;color:var(--text-light)} @media (max-width:768px) {.nav__menu {position:fixed;width:75%;inset:0;background-color:var(--primary-dark);transition:transform 0.3s ease;transform:translateY(-100%);z-index:1100;display:flex;align-items:center;justify-content:center;padding:3.5rem 0} .nav__menu.show {transform:translateY(0)} .nav__list {flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;min-height:calc(100vh - 7rem);padding:0;margin:0} .nav__item:not(:last-child)::after {display:none} .nav__container {background-color:transparent;border-radius:0;padding:0.5rem 1rem;width:100%;justify-content:space-between} .nav__link {font-size:1.05rem;line-height:1.2;padding:0.75rem 1rem} .nav__toggle {display:flex} .nav__toggle.active .nav__toggle-line:nth-child(1) {transform:rotate(45deg) translate(5px,5px)} .nav__toggle.active .nav__toggle-line:nth-child(2) {opacity:0} .nav__toggle.active .nav__toggle-line:nth-child(3) {transform:rotate(-45deg) translate(7px,-6px)} .nav__link--cta {padding:0.4rem 0.8rem;font-size:0.9rem;animation-duration:4s} body.nav-open {overflow:hidden} body.nav-open::before {content:'';position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1090} .home__title {font-size:2rem} .section__title {font-size:1.75rem} .features__grid {grid-template-columns:repeat(2,1fr);gap:1.5rem;justify-items:center;margin:0 auto} .features__title {font-size:2rem} .cta__title {font-size:2rem} .cta__subtitle {font-size:1.125rem} .home {padding-left:0;min-height:70vh} .home__card {width:90%;height:auto;top:2rem;left:0;padding:2rem;margin:1rem 0rem;justify-content:flex-start} .home__logo {display:none} .home__content {justify-content:flex-start;gap:1rem} .home__title {font-size:2rem} .header__top {padding-left:0.5rem;padding-right:0.5rem} .header__logo img {max-width:100px} .contacto__content {grid-template-columns:1fr;gap:2rem} .footer__container {flex-direction:column} .footer__left-panel {flex:0 0 auto;padding:1rem;min-height:100px} .footer__bottom-row {flex-direction:column;gap:1.5rem;margin-top:1rem;align-items:center} .footer__grupo-column {justify-content:center;order:1} .footer__social-column {justify-content:center;order:2} .footer__grupo-logo {gap:0.6rem} .footer__social-icons {gap:1rem} .footer__grupo-brand {font-size:1rem} .footer__grupo-label {font-size:0.9rem} .footer__grupo-link {padding:0.2rem 0.2rem;height:50px} .footer__grupo-image {width:100%;height:30px} .footer__right-panel {flex:0 0 auto;align-items:center;padding:1rem} .footer__nav {text-align:center;gap:0.6rem} .footer__nav-link {font-size:0.85rem} .footer__cta-title {font-size:2rem} .footer__cta-button {font-size:1rem;padding:0.5rem 2.5rem} .footer__logo-image {width:150px;height:150px} .cta__button {min-width:100%;font-size:1rem;padding:0.5rem 2.5rem} } @media (max-width:480px) {.container {padding:0 0.5rem} .home__title {font-size:2rem} .section__title {font-size:1.75rem} .servicios__grid {grid-template-columns:1fr} .features__grid {grid-template-columns:1fr;justify-items:center;margin:0 auto;max-width:300px} .home__title {font-size:1.75rem} .features__title {font-size:1.75rem} .cta__cards {padding:0.5rem 0.5rem;margin:50px auto 1.5rem auto;justify-content:flex-start} .cta__title {font-size:1.75rem} .footer__cta-section {height:400px;padding:2rem 0} .footer__cta-title {font-size:1.75rem;margin-bottom:1.5rem} .footer__cta-button {font-size:0.9rem;padding:0.8rem 2rem} .footer__logo-image {width:120px;height:120px} .footer__nav-link {font-size:0.8rem} .footer__social {gap:1rem} .footer__social-link {font-size:2rem;width:50px;height:50px} .footer__social-link[href*="wa.me"] {animation-duration:3s} .nosotros__quienes-title {font-size:2.5rem} .nosotros__quienes-description {font-size:1.1rem} .nosotros__quienes-content {padding:3rem 2rem;border-radius:15px 15px 0 0} .nosotros__section-title {text-align:center;font-size:2rem} .nosotros__history-content {grid-template-columns:1fr;gap:2rem} .nosotros__history-content::after {display:none} .nosotros__history-text {font-size:0.9rem} .nosotros__grupo-title {font-size:2rem} .nosotros__grupo-description {font-size:1rem} .nosotros__respaldo-text {font-size:0.9rem;padding:0.8rem 1.5rem} .nosotros__history-stats {flex-direction:row;justify-content:space-around} .nosotros__stat {flex:1;margin:0 0.5rem} .nosotros__mvv-grid {grid-template-columns:1fr;gap:2rem} .nosotros__team-content {grid-template-columns:1fr;gap:2rem} .nosotros__team-stats {flex-direction:row;justify-content:space-around} .nosotros__team-stat {flex:1;margin:0 0.5rem} .nosotros__certifications-grid {grid-template-columns:1fr;gap:1.5rem} } @media (max-width:480px) {.container {padding:0 0.5rem} .home__title {font-size:2rem} .section__title {font-size:1.75rem} .servicios__grid {grid-template-columns:1fr} .features__grid {grid-template-columns:1fr;justify-items:center;margin:0 auto;max-width:300px} .home__title {font-size:1.75rem} .features__title {font-size:1.75rem} .cta__cards {padding:0.5rem 0.5rem;margin:50px auto 1.5rem auto;justify-content:flex-start} .cta__title {font-size:1.75rem} .footer__cta-section {height:400px;padding:2rem 0} .footer__cta-title {font-size:1.75rem;margin-bottom:1.5rem} .footer__cta-button {font-size:0.9rem;padding:0.8rem 2rem} .footer__logo-image {width:120px;height:120px} .footer__nav-link {font-size:0.8rem} .footer__social {gap:0.8rem} .footer__social-link {font-size:1.8rem;width:45px;height:45px} .footer__social-link[href*="wa.me"] {animation-duration:4s} .footer__contact-grid {flex-direction:column;gap:0;padding:0} .footer__contact-column {padding:1.5rem 1rem} .footer__contact-icon {width:50px;height:50px;margin-bottom:1rem} .footer__contact-icon svg {width:20px;height:20px} .footer__contact-title {font-size:1rem;margin-bottom:1rem} .footer__contact-info p {font-size:0.9rem} .footer__contact-button {padding:0.6rem 1.2rem;font-size:0.8rem} .footer__contact-arrow {display:none} .footer__contact-column--empleado {flex-direction:column !important;text-align:center !important;margin:0 !important;width:100% !important;flex:none !important;color:var(--text-light)} .footer__contact-left {margin-right:0 !important;margin-bottom:1rem} .footer__contact-right {align-items:center} .footer__contact-column--empleado .footer__contact-title {text-align:center !important} .footer__contact-column--empleado .footer__contact-info p {text-align:center !important} .footer__contact-column--empleado .footer__contact-arrow {align-self:center !important} .footer__contact-column--ubicacion {flex-direction:column !important;text-align:center !important;margin:0 !important;width:100% !important;flex:none !important} .footer__contact-column--ubicacion .footer__contact-title {text-align:center !important} .footer__contact-column--ubicacion .footer__contact-info p {text-align:center !important} .footer__contact-column--ubicacion .footer__contact-button {align-self:center !important} .footer__contact-column--cliente {flex-direction:column !important;text-align:center !important;margin:0 !important;width:100% !important;flex:none !important} .footer__contact-column--cliente .footer__contact-title {text-align:center !important} .footer__contact-column--cliente .footer__contact-info p {text-align:center !important} .footer__contact-column--empleado .footer__contact-icon:hover,.footer__contact-column--ubicacion .footer__contact-icon:hover,.footer__contact-column--cliente .footer__contact-icon:hover {transform:scale(1.05) rotate(2deg);box-shadow:0 4px 15px rgba(0,0,0,0.15)} .nosotros__quienes-title {font-size:2rem} .nosotros__quienes-description {font-size:1rem} .nosotros__quienes-content {padding:2rem 1.5rem;border-radius:10px 10px 0 0} .nosotros__section-title {font-size:1.75rem} .nosotros__grupo-title {font-size:1.75rem} .nosotros__grupo-description {font-size:0.9rem} .nosotros__respaldo-text {font-size:0.8rem;padding:0.7rem 1.2rem} .grupo-logo-image {width:60px;height:60px} .nosotros__grupo-logo a:hover {transform:translateY(-3px) scale(1.03)} .nosotros__history-stats {flex-direction:column} .nosotros__stat {margin:0.5rem 0} .nosotros__team-stats {flex-direction:column} .nosotros__team-stat {margin:0.5rem 0} .nosotros__mvv-card {padding:2rem 1.5rem} .nosotros__certification {padding:2rem 1.5rem} .cta__separator {width:100%;margin-top:2rem} } .tendencias__intro {background-color:var(--primary-dark);padding:4rem 15rem 1rem} .tendencias__intro-content {max-width:1000px;margin:0 auto;text-align:center} .tendencias__intro-text {text-align:center;font-size:1.3rem;line-height:1.3;color:#6b7a83;margin:0;padding:0 2rem} .tendencias__title-section {background-color:var(--primary-dark);padding:2rem 0 4rem 0;text-align:center} .tendencias__main-title {font-size:2.5rem;font-weight:500;color:var(--white);margin:0;letter-spacing:2px} .tendencias__articles {background-color:var(--primary-dark);padding:0 0 6rem 0} .tendencias__articles-grid {display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto} .tendencias__article-card {background-color:transparent;width:100%;border:2px solid var(--white);border-radius:0px 0px 25px 25px;overflow:hidden;display:flex;flex-direction:column} .tendencias__article-image {height:400px;background-color:var(--secondary-dark);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--white)} .tendencias__article-image--videovigilancia {background-image:url('../images/sector-videovigilancia.webp')} .tendencias__article-image--biometrico {background-image:url('../images/sector-acceso-biometrico.webp')} .tendencias__article-image--nuevo-monitoreo {background-image:url('../images/sector-nuevo-monitoreo.webp')} .tendencias__article-image--ampliamos-nuestro-equipo {background-image:url('../images/sector-ampliamos-nuestro-equipo.webp')} .tendencias__image-placeholder {color:var(--white);opacity:0.7} .tendencias__article-content {padding:3rem 2rem;height:100%;background-color:var(--primary-dark);flex:1;display:flex;flex-direction:column} .tendencias__article-title {background-color:var(--primary-dark);font-size:1.5rem;font-weight:400;color:var(--white);margin-bottom:1rem;line-height:1;padding:0 0.5rem;margin-bottom:0.5rem} .tendencias__article-description {font-family:'Source Sans Pro',sans-serif;font-size:0.95rem;line-height:1.5;color:var(--white);margin-bottom:1.5rem;flex:1} .tendencias__article-link {font-family:'Source Sans Pro',sans-serif;font-size:0.9rem;font-weight:600;color:var(--white);text-decoration:none;align-self:flex-start;transition:opacity 0.3s ease} .tendencias__article-link:hover {opacity:0.8} .separador__tendencias {width:100%;margin-top:8rem;position:relative} .separador__tendencias::before {content:'';position:absolute;top:-4rem;left:0;width:100%;height:2px;background-color:var(--white);opacity:0.3} @media (max-width:768px) {.tendencias__intro {padding:3rem 0} .tendencias__intro-text {font-size:1rem} .tendencias__title-section {padding:1.5rem 0 3rem 0} .tendencias__main-title {font-size:2.2rem} .tendencias__articles {padding:2.5rem 1.5rem} .tendencias__articles-grid {grid-template-columns:1fr;gap:2rem} .tendencias__article-content {padding:1.5rem} .tendencias__article-title {font-size:1.1rem} .tendencias__article-description {font-size:0.9rem} } .sectores__intro {background-color:var(--primary-dark);padding:4rem 15rem 1rem} .sectores__intro-content {max-width:1000px;margin:0 auto;text-align:center} .sectores__intro-text {text-align:center;font-size:1.3rem;line-height:1.3;color:#6b7a83;margin:0;padding:0 2rem} .sectores__title-section {background-color:var(--primary-dark);padding:2rem 0 4rem 0;text-align:center} .sectores__main-title {font-size:2.5rem;font-weight:500;color:var(--white);margin:0;letter-spacing:2px} .sectores__content {background-color:var(--primary-dark);padding:0 0 6rem 0} .sectores__grid {display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1200px;margin:0 auto} .sectores__card {background-color:transparent;width:90%;border:2px solid #263B49;border-radius:50px;overflow:hidden;display:flex;flex-direction:column;margin-top:3rem} .sectores__card-image {height:400px;background-color:var(--secondary-dark);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #263B49} .sectores__card-image--financiero {background-image:url('../images/sectores/financiero.webp')} .sectores__card-image--industrial {background-image:url('../images/sectores/industrial.webp')} .sectores__card-image--residencial {background-image:url('../images/sectores/residencial.webp')} .sectores__card-image--comercial {background-image:url('../images/sectores/comercio.webp')} .sectores__card-image--gubernamental {background-image:url('../images/sectores/eventos.webp')} .sectores__card-image--eventos {background-image:url('../images/sectores/eventos.webp')} .sectores__card-image--salud {background-image:url('../images/sectores/salud.webp')} .sectores__card-image--educacion {background-image:url('../images/sectores/educacion.webp')} .sectores__card-image--petrolero {background-image:url('../images/sectores/petrolero.webp')} .sectores__card-content {padding:3rem 2rem;height:100%;background-color:var(--primary-dark);flex:1;display:flex;flex-direction:column} .sectores__card-title {background-color:var(--primary-dark);font-size:1.5rem;font-weight:400;color:var(--white);margin-bottom:1rem;line-height:1;padding:0 0.5rem;margin-bottom:0.5rem} .sectores__card-description {font-family:'Source Sans Pro',sans-serif;font-size:0.95rem;line-height:1.5;color:var(--white);margin-bottom:1.5rem;flex:1} @media (max-width:1024px) {.sectores__grid {grid-template-columns:repeat(2,1fr);gap:2rem} } @media (max-width:768px) {.sectores__intro {padding:3rem 2rem 1rem} .sectores__intro-text {font-size:1rem;padding:0 1rem} .sectores__title-section {padding:1.5rem 0 3rem 0} .sectores__main-title {font-size:2.2rem} .sectores__content {padding:2.5rem 1.5rem} .sectores__grid {grid-template-columns:1fr;gap:2rem} .sectores__card {width:100%} .sectores__card-content {padding:1.5rem} .sectores__card-title {font-size:1.3rem} .sectores__card-description {font-size:0.9rem} } .modal {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;opacity:0;transition:opacity 0.3s ease} .modal.active {display:flex;opacity:1} .modal__overlay {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);backdrop-filter:blur(5px)} .modal__content {position:relative;width:90%;max-width:1000px;max-height:90vh;margin:auto;background-color:var(--primary-dark);border-radius:20px;overflow-y:auto;transform:translateY(20px);transition:transform 0.3s ease;scrollbar-width:none;-ms-overflow-style:none} .modal__content::-webkit-scrollbar {display:none} .modal.active .modal__content {transform:translateY(0)} .modal__close {position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:transparent;border:2px solid var(--white);border-radius:50%;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all 0.3s ease} .modal__close:hover {background-color:var(--white);color:var(--primary-dark)} .modal__main-section {padding:4rem 3rem 2rem 3rem;text-align:center} .modal__main-title {font-family:'Montserrat',sans-serif;font-size:3rem;font-weight:900;color:var(--white);margin:0 0 2rem 0;letter-spacing:2px} .modal__main-description {font-family:'Source Sans Pro',sans-serif;font-size:1.1rem;line-height:1.6;color:var(--white);margin:0 0 3rem 0;max-width:800px;margin-left:auto;margin-right:auto} .modal__cta {display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem} .modal__cta-text {font-family:'Source Sans Pro',sans-serif;font-size:1rem;color:var(--white);margin:0} .modal__cta-icon {width:40px;height:40px;border:2px solid var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white)} .modal__features-section {padding:2rem 3rem 4rem 3rem;text-align:center} .modal__features-subtitle {font-family:'Source Sans Pro',sans-serif;font-size:1rem;color:var(--white);margin:0 0 1rem 0;opacity:0.8} .modal__features-title {font-family:'Montserrat',sans-serif;font-size:1.8rem;font-weight:700;color:var(--white);margin:0 0 3rem 0;line-height:1.3} .modal__features-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto;justify-items:center} .modal__features-card {width:100%;max-width:350px;display:flex;justify-content:center} .modal__feature-card {background-color:#1A202C;border:1px solid #A0AEC0;border-radius:15px;overflow:visible;position:relative;transition:all 0.3s ease;text-align:left;margin-top:40px} .modal__feature-card:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.3)} .modal__feature-card-header {background-color:#4A5568;border-radius:15px 15px 0 0;padding:2rem 2rem 1.5rem 2rem;position:relative;margin-bottom:0} .modal__feature-icon {width:80px;height:80px;background-color:red;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);position:absolute;top:-40px;left:50%;transform:translateX(-50%);z-index:3;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 4px 12px rgba(0,0,0,0.3);border-bottom:4px solid #1A202C;border-left:4px solid #1A202C;border-right:4px solid #1A202C} .modal__feature-icon img {width:100%;height:100%;object-fit:cover;border-radius:50%} .modal__feature-icon::before {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:var(--white);border-radius:2px;opacity:0.7} .modal__feature-card-content {padding:1.5rem 2rem 2rem 2rem;background-color:#1A202C;position:relative;z-index:1} .modal__feature-title {font-family:'Montserrat',sans-serif;font-size:1.2rem;font-weight:600;color:var(--white);margin:0 0 0.5rem 0;text-align:left} .modal__feature-description {font-family:'Source Sans Pro',sans-serif;font-size:0.95rem;color:var(--white);margin:0;opacity:0.9;text-align:left;line-height:1.4} .modal__final-cta {padding:0 8rem;text-align:center;background-color:var(--primary-dark);border-radius:0 0 20px 20px} .modal__final-question {font-family:'Montserrat',sans-serif;font-size:1.8rem;font-weight:700;color:var(--white);margin:0 0 2rem 0} .modal__whatsapp-button {background-color:#25D366;color:var(--white);border:none;border-radius:50px;padding:1rem 2rem;font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px} .modal__whatsapp-button:hover {background-color:#20b358;transform:translateY(-2px);box-shadow:0 5px 15px rgba(37,211,102,0.3)} @media (max-width:768px) {.modal__content {width:95%;max-height:95vh} .modal__main-section {padding:3rem 2rem 1.5rem 2rem} .modal__main-title {font-size:2.2rem} .modal__main-description {font-size:1rem} .modal__features-section {padding:1.5rem 2rem 3rem 2rem} .modal__features-title {font-size:1.5rem} .modal__features-grid {grid-template-columns:1fr;gap:1.5rem;justify-items:center;padding:0 0.5rem} .card__modal {width:100%;max-width:300px;min-height:180px;padding:50px 15px 15px} .card__modal h2 {font-size:20px} .card__modal p {font-size:15px;line-height:1.3} .modal__features-card {width:100%;max-width:300px;display:flex;justify-content:center} .modal__feature-card {margin-top:35px;width:100%} .modal__feature-card-header {padding:1.5rem 1.5rem 1rem 1.5rem} .modal__feature-icon {width:70px;height:70px;top:-35px;border-bottom:3px solid #1A202C;border-left:3px solid #1A202C;border-right:3px solid #1A202C} .modal__feature-card-content {padding:1rem 1.5rem 1.5rem 1.5rem} .modal__final-cta {padding:2rem} .modal__final-question {font-size:1.5rem} .modal__whatsapp-button {padding:0.8rem 1.5rem;font-size:0.9rem} } @media (max-width:600px) {.modal__features-grid {padding:0 0.25rem;gap:1.2rem} .modal__features-card {max-width:320px} } @media (max-width:480px) {.modal__features-grid {padding:0 0.1rem;gap:1rem} .modal__features-card {max-width:300px} .card__modal {max-width:280px;min-height:160px;padding:45px 12px 12px} .card__modal h2 {font-size:18px} .card__modal p {font-size:14px;line-height:1.2} .modal__feature-card {margin-top:30px} } @media (max-width:375px) {.modal__features-grid {padding:0 0.05rem;gap:0.8rem} .modal__features-card {max-width:280px} .card__modal {max-width:260px;min-height:150px;padding:40px 10px 10px} .card__modal h2 {font-size:16px} .card__modal p {font-size:13px;line-height:1.2} .modal__feature-card {margin-top:25px} .modal__feature-card-header {padding:1rem 1rem 0.8rem 1rem} .modal__feature-card-content {padding:0.8rem 1rem 1rem 1rem} } @media (max-width:375px) {.home {height:100%} .nav__link {font-size:0.95rem;padding:0.6rem 0.75rem} .home__title {font-size:2.2rem} #sectores .cta__cards {grid-auto-columns:88%} #sectores .cta__nav-btn {width:34px;height:34px} .footer__cta-button {font-size:0.8rem;padding:0.5rem 1.25rem} .footer__logo-image {width:120px;height:250px} .footer__right-panel {padding:1.25rem 1.5rem} .cta__cards {padding:0.5rem 0.25rem;margin:40px auto 1.5rem auto;justify-content:flex-start;scroll-padding-left:0.5rem} } .card__modal {position:relative;width:320px;min-height:200px;background:var(--primary-dark);border:2px solid #2b3c4d;border-radius:25px;padding:60px 20px 20px;color:white;text-align:left;display:flex;flex-direction:column;justify-content:flex-start} .circle__modal {position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:90px;height:90px;background:#2b3c4d;border-radius:50%;border:2px solid #2b3c4d;padding:12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;z-index:3} .circle__modal img {height:90px;object-fit:contain} .card__modal::before {content:"";position:absolute;top:-54px;left:50%;transform:translateX(-50%);width:104px;height:52px;border:2px solid #2b3c4d;border-bottom:none;border-radius:52px 52px 0 0;background:#0f1e2b;z-index:2} .card__modal h2 {margin:0;font-size:22px;flex-shrink:0} .card__modal p {margin-top:10px;font-size:16px;color:#d0d4d8;flex-grow:1;line-height:1.4} .modal__features-card {padding:2.5rem 0} @media (max-width:480px) {.contacto__matriz-map {height:250px} .contacto__map-overlay {top:10px;left:10px;padding:0.6rem 0.8rem} .contacto__map-info h3 {font-size:0.9rem} .contacto__map-info p {font-size:0.75rem} } @media (max-width:375px) {.contacto__matriz-map {height:200px} .contacto__map-overlay {top:8px;left:8px;padding:0.5rem 0.6rem} .contacto__map-info h3 {font-size:0.8rem} .contacto__map-info p {font-size:0.7rem} }