/*
Theme Name: Eypmnorth Child
Template: oceanwp
Author: Jesus Gonzalez
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.1.3.1760388751
Updated: 2025-10-13 20:52:31

*/
:root {--blanco:#fff;--negro:#000;--gris:#6c6d70;--azulbajo:#009dd7;--azulfuerte:#084ca1;--rojo:#c9002c;--primary: #1a4d9c;--light: #eaf1ff;--text: #222;}
html {scroll-behavior: smooth;}
.preloader {position: fixed;width: 100%;height: 100vh;top: 0;left: 0;background: var(--negro);z-index: 2000;display: flex;justify-content: center;align-items: center;}
.preloader p {color: var(--blanco);letter-spacing: 4px;opacity: 0;text-align: center;width: 100%;animation: p_show .3s forwards .5s;font-size: 18px;}
@-webkit-keyframes p_show {0% {opacity: 0} 100% {opacity: 1}}
@-moz-keyframes p_show {0% {opacity: 0}100% {opacity: 1}}
@-ms-keyframes p_show {0% {opacity: 0} 100% {opacity: 1}}
@-o-keyframes p_show {0% {opacity: 0} 100% {opacity: 1}}
@keyframes p_show {0% {opacity: 0} 100% {opacity: 1}}
b, strong{font-weight: 700;}
.after_load {opacity: 0;transition: all 1.5s ease-in-out .2s}
.after_load.show {opacity: 1}
.lottie {margin: auto;width: 100%;}
.lottie dotlottie-wc {width: 100% !important;height: 80vh !important;}

.ancho-80 {max-width: 80%;margin: auto;position: relative;z-index: 1;}
.ancho-85 {max-width: 85%;margin: auto;position: relative;z-index: 1;}
.ancho-90 {max-width: 90%;margin: auto;position: relative;z-index: 1;}
.c-azul-fuerte{color: var(--azulfuerte);}
.c-blanco{color: var(--blanco);}
.bg-azul-fuerte{background: var(--azulfuerte);position: relative;}
.bg-azul-claro{background: var(--azulbajo);position: relative;}
.altura100{display: flex;align-items: center;margin-top: 55px;height: calc(100vh - 55px);}
.altura100-1{height: 100%;}
.altura-50vh{height: 50vh;}
.altura-50{height: 100px;object-fit: contain;}
.altura-150{height: 150px;object-fit: contain;}
.altura-200{height: 200px;object-fit: contain;}
.oculto{visibility: hidden !important;}

/* Barra Lateral Principal - Estado Cerrado */
.barra-lateral {position: fixed;top: 0;left: 0;width: 80px;height: 100vh;background: #fff;box-shadow: 2px 0 15px rgba(0,0,0,0.1);z-index: 1000;padding: 20px 15px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);display: flex;flex-direction: column;align-items: center;}

/* Estado Abierto */
.barra-lateral.active {width: 280px;align-items: flex-start;}
body{font-family: "Montserrat", sans-serif;}
h1{font-weight: 800;font-size: 6vh !important;line-height: 1.2 !important;}
h1 > * {font-size: 6vh !important;line-height: 1 !important}
h2{font-weight: 700;font-size: 4.3vh !important;line-height: 1.2 !important;}
h3{font-weight: 600;}
p,a,span,ul,li{font-weight: 500;font-size: 16px;line-height: 1.5;}
.f-x2{font-size: 25px;}
.f-w700{font-weight: 700}
.height-73{height: 83vh;}
a:focus{outline: none !important;}
.translate-90{transform: translateY(-90px);}
/* Hamburguesa */
.menu-hamburguesa {cursor: pointer;background: rgba(255, 255, 255, 0.9);border-radius: 50%;width: 50px;height: 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all 0.3s ease;margin-bottom: 20px;}
.menu-hamburguesa:hover {background: #f8f9fa;transform: scale(1.05);}
.menu-hamburguesa span {display: block;width: 25px;height: 3px;background: #333;margin: 3px 0;transition: all 0.3s ease;border-radius: 2px;}

/* Contenido del Menú */
.contenido-menu {width: 100%;opacity: 0;visibility: hidden;transition: all 0.3s ease 0.1s;flex-grow: 1;display: flex;flex-direction: column;}
.barra-lateral.active .contenido-menu {opacity: 1;visibility: visible;}

/* Navegación */
.menu-lateral-nav {width: 100%;margin-bottom: 20px;}
.menu-lateral-nav ul {list-style: none;margin: 0;padding: 0;}
.menu-lateral-nav li {margin-bottom: 8px;opacity: 0;transform: translateX(-20px);transition: all 0.4s ease;}
.barra-lateral.active .menu-lateral-nav li {opacity: 1;transform: translateX(0);}

/* Animación escalonada */
.barra-lateral.active .menu-lateral-nav li:nth-child(1) {transition-delay: 0.1s;}
.barra-lateral.active .menu-lateral-nav li:nth-child(2) {transition-delay: 0.15s;}
.barra-lateral.active .menu-lateral-nav li:nth-child(3) {transition-delay: 0.2s;}
.barra-lateral.active .menu-lateral-nav li:nth-child(4) {transition-delay: 0.25s;}
.barra-lateral.active .menu-lateral-nav li:nth-child(5) {transition-delay: 0.3s;}

.menu-lateral-nav a {display: block;padding: 12px 15px;color: #333;text-decoration: none;font-size: 16px;border-radius: 8px;transition: all 0.3s ease;position: relative;overflow: hidden;}
.menu-lateral-nav a:hover {background: #f8f9fa;color: #007cba;transform: translateX(5px);}
.menu-lateral-nav a::before {content: '';position: absolute;left: 0;top: 0;height: 100%;width: 3px;background: #007cba;transform: scaleY(0);transition: transform 0.3s ease;}
.menu-lateral-nav a:hover::before {transform: scaleY(1);}


/* Submenús */
.menu-lateral-nav ul ul {display: none;margin-left: 15px;padding-left: 15px;border-left: 2px solid #f0f0f0;margin-top: 5px;}
.menu-lateral-nav li.menu-item-has-children > a {position: relative;padding-right: 40px;}
.menu-lateral-nav li.menu-item-has-children > a::after {content: '\f107';font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);transition: all 0.3s ease;}
.menu-lateral-nav li.menu-item-has-children.active > a::after {transform: translateY(-50%) rotate(180deg);}
.menu-lateral-nav li.menu-item-has-children.active > ul {display: block;}
.menu-lateral-nav ul ul li {margin-bottom: 5px;opacity: 1;transform: none;transition: none;}
.menu-lateral-nav ul ul a {padding: 8px 15px;font-size: 14px;background: transparent;}
.menu-lateral-nav ul ul a:hover {background: #f8f9fa;transform: translateX(3px);}
.menu-lateral-nav ul ul a::before {display: none;}

/* Redes Sociales */
.redes-sociales {width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0;padding: 0 15px;}
.barra-lateral.active .redes-sociales {text-align: left;}
.iconos-sociales {display: flex;flex-direction: column;align-items: center;gap: 15px;}
.barra-lateral.active .iconos-sociales {align-items: flex-start;flex-direction: row;flex-wrap: wrap;gap: 10px;}
.icono-social {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #f8f9fa;border-radius: 50%;color: #333;text-decoration: none;transition: all 0.3s ease;font-size: 18px;}

.icono-social:hover {background: #007cba;color: #fff;transform: translateY(-3px);}

/* Texto de redes sociales */
.texto-social {display: none;margin-left: 10px;font-size: 14px;color: #666;}
.barra-lateral.active .texto-social {display: inline;}

/* Enlaces de redes sociales expandidos */
.enlace-social {display: flex;align-items: center;text-decoration: none;color: inherit;width: 100%;padding: 8px 5px;border-radius: 8px;transition: all 0.3s ease;}
.barra-lateral.active .enlace-social:hover {background: #f8f9fa;}
.barra-lateral.active .icono-social {background: transparent;width: auto;height: auto;margin-right: 10px;}
.barra-lateral.active .icono-social:hover {background: transparent;transform: none;color: #007cba;}

/* Animación hamburguesa a X */
.menu-hamburguesa.active span:nth-child(1) {transform: rotate(45deg) translate(6px, 6px);}
.menu-hamburguesa.active span:nth-child(2) {opacity: 0;}
.menu-hamburguesa.active span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}

/* Overlay para móviles */
.menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.menu-overlay.active {opacity: 1;visibility: visible;}

/* Ajustar contenido principal para la barra lateral */
body {margin-left: 80px;}
.barra-lateral.active ~ #outer-wrap {margin-left: 200px;}

.barra-logo{background: var(--blanco);position: fixed;z-index: 6;width: 100%;text-align: center;padding: 5px 0;top: 0;left: 0;transition: .5s all ease;box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}
.barra-logo img{height: 65px;object-fit: contain;margin-left: 70px;transition: .5s all ease;}
.barra-logo.animado {box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;}
.barra-logo.animado img{height: 50px;}

section{position: relative;}


main{}

.hero {position: relative;width: 100%;height: calc(100vh - 75px);margin-top: 75px;overflow: hidden;display: flex;align-items: center;justify-content: center;color: var(--blanco);}
.video-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.65);z-index: 0;}
.content {text-align: left;z-index: 1;max-width: 70%;padding: 0 20px;animation: fadeInUp 1.5s ease-out;transform: translateX(-10%);}
.hero h1 {margin-bottom: 1rem;text-shadow: 2px 2px 1px #007cba;color: var(--blanco);font-size: 6vh;}
.hero h2{color: var(--blanco);font-size: 4vh;}
.hero p{margin-bottom: 2rem;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}
.cta-button {display: inline-block;padding: 15px 30px;background: transparent;color: white;border: 2px solid white;border-radius: 30px;text-decoration: none;font-size: 1.2rem;font-weight: bold;transition: all 0.3s ease;position: relative;overflow: hidden;}
.cta-button:hover {background: rgba(255, 255, 255, 0.2);transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.cta-button:active {transform: translateY(-1px);}
.scroll-indicator a {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%) rotate(0) !important;color: white;font-size: 5vh;animation: bounce 2s infinite;z-index: 1;}
.cta-button i{margin-left: 5px}

.cta-button.bgazul {background: var(--azulfuerte);}
.cta-button.bgazul:hover {background: var(--azulbajo);color:var(--blanco) !important;}
/* Animaciones */
@keyframes fadeInUp {
  from {opacity: 0;transform: translateY(30px);}
  to {opacity: 1;transform: translateY(0);}
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0) translateX(-50%);}
  40% {transform: translateY(-10px) translateX(-50%);}
  60% {transform: translateY(-5px) translateX(-50%);}
}

@keyframes textGlow {
  from {text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}
  to {text-shadow: 2px 2px 15px rgba(255, 255, 255, 0.3);}
}



/* infografia */
.infographic {display: flex;gap: 150px;align-items: center;flex-wrap: wrap;max-width: 95%;width: 100%;justify-content: center;margin: auto;}

/* Círculo principal */
.circle-wrapper {position: relative;width: 400px;height: 400px;}
.circle {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--light);transition: transform 1s cubic-bezier(0.45, 0.05, 0.55, 0.95);display: flex;align-items: center;justify-content: center;}
.circle-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--azulbajo);color: #fff;width: 150px;height: 150px;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 14px;font-weight: 600;z-index: 3;pointer-events: none;}
.segment {position: absolute;width: 15%;height: 15%; min-width: 70px;min-height: 70px;background: var(--blanco);border-radius: 50%;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;z-index: 2;transform-origin: center;}
.segment i {font-size: 1.5em;}
.segment:hover {background: var(--azulbajo);color: white;}
.segment.active {background: var(--azulbajo);color: white;box-shadow: 0 0 15px rgba(26,77,156,0.6);}
.segment.scaled {transform: scale(1.1);}
.segment.active.scaled {transform: scale(1.15);}

/* Panel lateral (acordeón) */
.info-panel {flex: 1;min-width: 300px;}
.accordion-item {background: white;border-radius: 10px;margin-bottom: 10px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);overflow: hidden;transition: all 0.3s ease;}
.accordion-header {display: flex;align-items: center;justify-content: space-between;padding: 15px 20px;cursor: pointer;font-weight: 600;color: var(--primary);background: #fff;transition: all 0.3s ease;position: relative;}
.accordion-header h3{transition: .5s all ease;margin-bottom: 0}
.accordion-header i{transition: .5s all ease;}
.accordion-header:hover {background: var(--azulbajo);}
.accordion-header:hover h3{color: var(--blanco);}
.accordion-item.active .accordion-header {background: var(--azulbajo);}
.accordion-item.active .accordion-header h3{color: var(--blanco);}
.accordion-header i{position: absolute;right: 10px;}
.accordion-content {max-height: 0;overflow: hidden;padding: 0 20px;transition: max-height 0.4s ease, padding 0.3s ease;color: var(--gris);}
.accordion-item.active .accordion-content {max-height: initial;padding: 15px 20px;}



/* carousel-frontpage.css */
.frontpage-carousel {width: 100%;height: auto;margin: 0 auto;}
.frontpage-carousel .swiper-slide {position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.frontpage-carousel .slide-image {width: 100%;object-fit: contain;cursor: pointer;border-radius: 10px;transition: .5s all ease;}
.frontpage-carousel .slide-image:hover{box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.frontpage-carousel .slide-content {position: absolute;bottom: 26px;left: 0;right: 0;color: white;padding: 20px 20px 20px;text-align: center;}
.frontpage-carousel .slide-title {font-size: 20px;margin-bottom: 10px;font-weight: bold;color: var(--azulfuerte);}
.frontpage-carousel .slide-description {font-size: 1rem;margin-bottom: 15px;}
.frontpage-carousel .slide-link {display: inline-block;background: #007cba;color: white;padding: 10px 20px;text-decoration: none;border-radius: 5px;transition: background 0.3s;}
.frontpage-carousel .slide-link:hover {background: #005a87;}

/* Navegación del carousel */
.frontpage-carousel .swiper-button-next,
.frontpage-carousel .swiper-button-prev {color: white;background: rgba(0,0,0,0.5);width: 50px;height: 50px;border-radius: 50%;}
.frontpage-carousel .swiper-button-next:after,
.frontpage-carousel .swiper-button-prev:after {font-size: 20px;}
.frontpage-carousel .swiper-pagination-bullet {background: var(--azulbajo);opacity: 0.5;}
.frontpage-carousel .swiper-pagination-bullet-active {opacity: 1;}


/* Estilos para el formulario de contacto */
.contact-form-wrapper {background: #ffffff;padding: 30px;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);margin: 20px auto;width: 90%}
.contact-form-wrapper .form-group {margin-bottom: 1.5rem;}
.contact-form-wrapper .form-group br{display:none;}
.contact-form-wrapper label {font-weight: 600;color: #333;margin-bottom: 0.5rem;display: block;}
.contact-form-wrapper .form-control {border: 1px solid #ddd;border-radius: 4px;padding: 12px 15px;font-size: 14px;transition: all 0.3s ease;}
.contact-form-wrapper textarea {height: 100px;}
.contact-form-wrapper .form-control:focus {border-color: #007bff;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.contact-form-wrapper .btn-primary {background-color: #007bff;border-color: #007bff;padding: 12px 30px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;transition: all 0.3s ease;}
.contact-form-wrapper .btn-primary:hover {background-color: #0056b3;border-color: #0056b3;transform: translateY(-2px);}

/* Estilos para estados de validación */
.wpcf7-not-valid-tip {color: #dc3545;font-size: 12px;margin-top: 5px;}
.wpcf7 form .wpcf7-response-output{text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {border-color: #dc3545;background-color: #f8d7da;color: #721c24;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #28a745;background-color: #d4edda;color: #155724;}
.wpcf7-spinner{position: absolute;top: 6px;}
/* Placeholder personalizado */
.contact-form-wrapper .form-control::placeholder {color: #6c757d;opacity: 1;}


/* icono de Font Awesome vía CSS */
.wpcf7-submit {position: relative;padding-right: 40px;}
.wpcf7-submit::after {content: "\f0e0";font-family: "Font Awesome 6.4.0 Free";font-weight: bold;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}

#contact{position: relative;background: var(--azulfuerte);display: flex;align-items: center;}
.overlay-fondo{position: absolute;left: 0;bottom:0;background: url(https://eypmnorth.com/wp-content/uploads/2025/10/fondo-eypm-north-b.webp);background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;height: 100%;display: flex;align-items: center;overflow: hidden;opacity: .6;}
#contact .caja-boletin{position: relative;}

#contact .caja-boletin h3{color:var(--blanco);font-size: 2vh;}
#contact .caja-boletin a{}
#contact h2{color: var(--blanco);}
.overlay-textura-general{position: absolute;left: 0;bottom:0;background: url(https://eypmnorth.com/wp-content/uploads/2025/10/textura-eymn-north.webp);background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;width: 100%;height: 100%;}
.overlay-textura-general::after{content: "";left: 0;bottom: 0;background: rgba(255, 255, 255, .3);position: absolute;height: 100%;width: 100%;}

.overlay-textura-general-blanco{position: absolute;left: 0;bottom:0;background: url(https://eypmnorth.com/wp-content/uploads/2025/10/textura-eymn-north-blanco.webp);background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;width: 100%;height: 100%;}
.overlay-textura-general-blanco::after{content: "";left: 0;bottom: 0;background: rgba(255, 255, 255, .001);position: absolute;height: 100%;width: 100%;}
footer{background: var(--negro);color: var(--blanco);}
.logofooter{}
.logofooter img{height: 60px;object-fit: contain;}
.social-buttons {display: flex;justify-content: flex-end;}
.social-buttons a {margin-right: 10px;font-size: 20px;height: 30px;width: 30px;transition: .5s all ease;display: flex;align-items: center;justify-content: center;border-radius: 5px;background: transparent;color: var(--blanco);}
.social-buttons a:hover{color: var(--azulfuerte);background: var(--blanco);}
.social-buttons a:last-child {margin-right: 0;}
span.social-button__inner {font-size: 20px;}


#scroll-top{bottom: 50px;border: 2px solid var(--blanco);}



.bannerPagina {position: relative;margin-top: 75px;height: calc(72vh - 75px);overflow: hidden;}
.imagenDestacada {position: relative;background-size: cover !important;background-repeat: no-repeat !important;background-position: center top !important;background-attachment:fixed !important;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.imagenDestacada::after {content: "";background: rgba(0, 0, 0, .7);height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.imagenDestacada.afterVisible::after{content: "";background: rgba(0, 0, 0, 0.4);height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.alineartituloDestacado {position: absolute;z-index: 2;color: #fff;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 60%;}
.alineartituloDestacado h1 {font-size: 8vh;font-weight: 800;color: #fff !important;text-transform: uppercase;}
.contenido-banner{margin-top: 10px;}
.contenido-banner p{margin-bottom:0;}
.bannerPagina .textura_blanca{position: absolute;bottom: -1px;width: 100%;height: 20px;height: 24px;z-index: 1;}

ul.breadcrumbs {margin: 25px 0px 0px;padding: 0px;font-size: 0px;line-height: 0px;display: inline-block;zoom: 1;vertical-align: top;height: 40px;}
ul.breadcrumbs li {position: relative;margin: 0px 0px;padding: 0px;list-style: none;list-style-image: none;display: inline-block;zoom: 1;vertical-align: top;border-left: 1px solid #ccc;transition: 0.3s ease;}
ul.breadcrumbs li:hover:before {border-left: 10px solid #fff;}
ul.breadcrumbs li:hover a {color: #fff;background: var(--azulfuerte);}
ul.breadcrumbs li:before {content: "";position: absolute;right: -9px;top: -1px;z-index: 20;border-left: 10px solid #fff;border-top: 22px solid transparent;border-bottom: 22px solid transparent;transition: 0.3s ease;}
ul.breadcrumbs li:after {content: "";position: absolute;right: -10px;top: -1px;z-index: 10;border-left: 10px solid #ccc;border-top: 22px solid transparent;border-bottom: 22px solid transparent;}
ul.breadcrumbs li.first {border-left: none;}
ul.breadcrumbs li.first a {border-radius: 5px 0px 0px 5px;}
ul.breadcrumbs li.activo a {color: #fff;background: var(--azulfuerte);font-weight:500;}
ul.breadcrumbs li:last-child::before {content: none;}
ul.breadcrumbs li:last-child::after {content: none;}
ul.breadcrumbs li:last-child a {padding-right: 20px;cursor: default;border-bottom-right-radius:5px;border-top-right-radius:5px}
ul.breadcrumbs li a {display: block;font-size: 15px;line-height: 40px;color: var(--gris);padding: 0px 15px 0px 25px;text-decoration: none;background: #fff;border: 1px solid #ddd;white-space: nowrap;overflow: hidden;transition: 0.3s ease;}


.galeria-clientes {width: 100%;padding: 20px 0;}
.galeria-clientes .swiper {width: 100%;height: auto;padding: 20px 0;}
.galeria-clientes .swiper-wrapper {align-items: center;}
.galeria-clientes .swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;}
.galeria-clientes .slide-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;width: 100%;max-width: 800px;margin: 0 auto;}
.galeria-clientes .gg-element {display: flex;justify-content: center;align-items: center;padding: 10px;}
.galeria-clientes .gg-element img {max-width: 100%;height: auto;max-height: 150px;object-fit: contain;filter: drop-shadow(1px 1px 3px #00000066);border-radius: 10px;}

/* Navigation buttons */
.galeria-clientes .swiper-button-next,
.galeria-clientes .swiper-button-prev {color: #333;background: rgba(255, 255, 255, 0.8);width: 40px;height: 40px;border-radius: 50%;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

.galeria-clientes .swiper-button-next:after,
.galeria-clientes .swiper-button-prev:after {font-size: 18px;font-weight: bold;}

/* Pagination */
.galeria-clientes .swiper-pagination-bullet {background: #333;opacity: 0.5;}
.galeria-clientes .swiper-pagination-bullet-active {background: #007bff;opacity: 1;}




section#company{}
section#company h2{}

body.page-template-page-company .bannerPagina{height: calc(100vh - 75px);}



.caja-image-general{position: relative;}
.caja-image-general img{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;border-radius: 20px;}

.caja-image-general-blanco{position: relative;}
.caja-image-general-blanco img{box-shadow: rgb(255 255 255 / 10%) 0px 4px 6px -1px, rgb(255 255 255 / 6%) 0px 2px 4px -1px;border-radius: 20px;}
.filter-blanco {position: relative;}
.filter-blanco img{filter: drop-shadow(1px 1px 3px #ffffff);}


.filter-negro {position: relative;}
.filter-negro img{filter: drop-shadow(1px 1px 3px #0000006b);}


.galeria-certificaciones {width: 100%;padding: 20px 0;}
.galeria-certificaciones .swiper {width: 100%;height: auto;padding: 20px 0;}
.galeria-certificaciones .swiper-wrapper {align-items: center;padding-bottom: 70px;}
.galeria-certificacioness .swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;}
.galeria-certificaciones .slide-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;width: 100%;max-width: 800px;margin: 0 auto;}
.galeria-certificaciones .gg-element {display: flex;justify-content: center;align-items: center;padding: 10px;}
.galeria-certificaciones .gg-element img {max-width: 100%;height: auto;max-height: 150px;object-fit: contain;filter: drop-shadow(1px 1px 3px #00000066);border-radius: 10px;}

/* Navigation buttons */
.galeria-certificaciones .swiper-button-next,
.galeria-certificaciones .swiper-button-prev {color: #333;background: rgba(255, 255, 255, 0.8);width: 40px;height: 40px;border-radius: 50%;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transform: translateY(-30px);}

.galeria-certificaciones .swiper-button-next:after,
.galeria-certificaciones .swiper-button-prev:after {font-size: 18px;font-weight: bold;}

/* Pagination */
.galeria-certificaciones .swiper-pagination-bullet {background: #333;opacity: 0.5;}
.galeria-certificaciones .swiper-pagination-bullet-active {background: #007bff;opacity: 1;}




.galeria-carrousel {width: 100%;padding: 20px 0;}
.galeria-carrousel .swiper {width: 100%;height: auto;padding: 20px 0;}
.galeria-carrousel .swiper-wrapper {align-items: center;padding-bottom: 70px;}
.galeria-carrousel .swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;}
.galeria-carrousel .slide-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;width: 100%;max-width: 800px;margin: 0 auto;}
.galeria-carrousel .swiper-slide {display: flex;justify-content: center;align-items: center;padding: 0px;}
.galeria-carrousel .swiper-slide img {max-width: 100%;height: auto;object-fit: contain;filter: drop-shadow(1px 1px 3px #00000066);border-radius: 10px;}

/* Navigation buttons */
.galeria-carrousel .swiper-button-next,
.galeria-carrousel .swiper-button-prev {color: #333;background: rgba(255, 255, 255, 0.8);width: 40px;height: 40px;border-radius: 50%;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transform: translateY(-30px);}

.galeria-carrousel .swiper-button-next:after,
.galeria-carrousel .swiper-button-prev:after {font-size: 18px;font-weight: bold;}

/* Pagination */
.galeria-carrousel .swiper-pagination-bullet {background: #333;opacity: 0.5;}
.galeria-carrousel .swiper-pagination-bullet-active {background: #007bff;opacity: 1;}


section#engineering{margin-top: 75px;}
.alineartituloDestacado.ancho-80{width: 100%;max-width: 95%}
.imagen-banner{height: 100%;}
.imagen-banner img{height: 100%;object-fit: cover;object-position: center;border-radius:10px;box-shadow: rgb(247 246 246 / 50%) 2.95px 2.95px 6.6px 1px;}

.contenido-banner ul {list-style: none;padding-left: 0;}
.contenido-banner ul li {position: relative;padding-left: 25px;margin-bottom: 15px;}
.contenido-banner ul li::before {content: "\f013";font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;left: 0;top: 0;color: var(--blanco);animation: spin 8s linear infinite;animation-play-state: paused;transition: .5s all ease}
.contenido-banner li.visible::before {animation-play-state: running;}

.contenido-banner.c-azul-fuerte ul li::before{color: var(--azulfuerte);}
.text-md-right .contenido-banner.c-azul-fuerte ul li {padding-right: 25px;padding-left: 0;}
.text-md-right  .contenido-banner.c-azul-fuerte ul li::before{left: initial;right: 0;}


/* Animación del giro */
@keyframes spin {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

.logo-traslado{position: relative;height: 200px;transform: translateY(-104px);filter: drop-shadow(2px 2px 2px #00000054);z-index: 2;border-radius: 10px;object-fit: contain;}
.bannerPagina.bannermedio{margin-top: 0;height: 100vh;}

body.page-template-page-services .bannerPagina.bannermedio{height: auto;}
body.page-template-page-services .alineartituloDestacado{position: relative;left: initial;transform: none !important;top: initial;padding: 30px 0;}
body.page-template-page-services .imagenDestacada{position: absolute;width: 100%;left: 0;top: 0;}
.grid-textos{display: grid;position: relative;grid-template-columns: 10% 90%;margin-bottom: 20px;}
.grid-textos .icono-texto{position: relative;text-align: center;}
.grid-textos .icono-texto i{color: var(--blanco);font-size: 3vh;margin-top: 5px;}
.grid-textos .contenido-textos{position: relative;}
.grid-textos .contenido-textos h3{color: var(--blanco);margin-bottom: 0px;}
.grid-textos .contenido-textos ul{list-style: none; margin: 10px;}
.grid-textos .contenido-textos ul li{margin-bottom:5px;line-height: 1.4;}

.boxPagina{}
.boxPagina .caja-pagina{height:100%;border-radius:10px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.boxPagina .caja-pagina .imagen-destacada{position:relative;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px;}
.boxPagina .caja-pagina .imagen-destacada::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .0);transition: .5s all ease}
.boxPagina .caja-pagina .imagen-destacada img{transition:1s all ease;}
.boxPagina .caja-pagina .tituloPagina{position:relative;display:flex;justify-content:center;align-items:center;padding:5px;background: var(--blanco);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.boxPagina .caja-pagina .tituloPagina h3{color:var(--azulbajo);text-align:center;margin-bottom:0;}
.boxPagina .caja-pagina:hover .imagen-destacada img{transform:scale(1.2);}
.boxPagina .caja-pagina:hover .imagen-destacada::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}



.why-section {padding: 60px 5%;text-align: center;}
.why-wrapper {display: flex;justify-content: center;align-items: center;gap: 90px;flex-wrap: wrap;margin-top: 40px;}

/* HEXÁGONOS */
.hex-column {display: flex;flex-direction: column;gap: 30px;position: relative;}

.hex {clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);overflow: hidden;transition: transform 0.4s ease;display: flex;justify-content: center;align-items: center;}

.hex-small {width: 130px;height: 115px;margin-left: -80px;}
.hex-medium {width: 170px;height: 145px;margin-left: 0px;}
.hex-large {width: 210px;height: 180px;margin-left: -80px;}

.hex img {width: 120%;height: 120%;object-fit: cover;transition: transform 0.4s ease;}
.hex:hover img { transform: scale(1.08); }

/* ÍCONOS A LA DERECHA */
.info-column {display: flex;flex-direction: column;gap: 45px;}
.info-item {display: flex;align-items: center;gap: 15px;position: relative;}
.info-item::before {content: "";position: absolute;left: 70px;top: 50%;width: 25px;height: 2px;background: #004ab9;}
.icon-circle {width: 65px;height: 65px;border: 3px solid #000;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 26px;color: #000;}
.icon-circle.blue { border-color: #004ab9; color: #004ab9; }
.icon-circle.black { border-color: #000; }

.info-item p {font-weight: bold;text-align: left;margin-left: 30px;margin-bottom: 0;}

/* ANIMACIÓN FADE-IN SCROLL */
.fade-item {opacity: 0;transform: translateY(30px);transition: all 0.8s ease;}
.fade-item.show {opacity: 1;transform: translateY(0);}



.image-gallery {width: 100%;overflow: hidden;padding: 0 15px;}
.gallery-container {display: flex;width: 100%;justify-content: center;}
.image-item {position: relative;flex: 1;overflow: hidden;transition: all 0.4s ease;cursor: pointer;}
.image-item img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}
.image-overlay {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to top, #009dd7, transparent);color: white;padding: 30px 20px 20px;transform: translateY(100%);transition: transform 0.4s ease;opacity: 0;z-index: 0;text-align: center;}
.image-item:hover .image-overlay {transform: translateY(0);opacity: 1;z-index: 1;}
.image-item:hover img {transform: scale(1.05);}
.image-overlay h3 {margin-bottom: 8px;font-weight: 600;color: var(--blanco);}
.image-overlay p {line-height: 1.3;opacity: 1;margin-bottom: 0;}

/* Efectos sutiles adicionales */
.image-item::before {content: '';position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;transition: all ease .5s;z-index: 1;height: 0;background: linear-gradient(to top, #084ca1, #084ca191);}
.image-item:hover::before {opacity: 1;height: 100%;}


/* Animación de entrada para las imágenes */
@keyframes galeriaHover {
  from {opacity: 0;transform: translateY(20px);}
  to {opacity: 1;transform: translateY(0);}
}

.image-item {animation: galeriaHover 0.6s ease forwards;}

/* Retraso escalonado para la animación de entrada */
.image-item:nth-child(1) { animation-delay: 0.1s; }
.image-item:nth-child(2) { animation-delay: 0.2s; }
.image-item:nth-child(3) { animation-delay: 0.3s; }
.image-item:nth-child(4) { animation-delay: 0.4s; }
.image-item:nth-child(5) { animation-delay: 0.5s; }

.hero-medio{position: relative;width: 100%;min-height: 30vh;padding: 60px 20px;display: flex;justify-content: center;align-items: center;text-align: center;color: white;background:url('https://images.unsplash.com/photo-1538688525198-9b88f6f53126?auto=format&fit=crop&w=1400&q=80');background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;}
.hero-medio::after{content: "";left: 0;bottom: 0;background: #084ca1cf;position: absolute;height: 100%;width: 100%;}
.hero-medio-content{max-width: 900px;position: relative;z-index: 1;}


.hero-medio p{margin-bottom: 0}

.flecha{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%) rotate(180deg);width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid white;animation: bajar 1.4s infinite ease-in-out;z-index: 1;}

@keyframes bounce{0%, 100%{ transform: translateX(-50%) rotate(45deg) translateY(0); }50%{ transform: translateX(-50%) rotate(45deg) translateY(7px); } }

.caja-info {border: 2px solid var(--azulfuerte);;display: flex;flex-direction: column;transition: all .3s ease;background: #fff;overflow:hidden;border-radius:5px;height: 100%;}
.caja-info:hover {transform: translateY(-6px) scale(1.02);box-shadow: 0 10px 18px rgba(0,0,0,0.15);border-color: var(--azulbajo);}
.caja-imagen  {position:relative;overflow:hidden;}
.caja-imagen img {object-fit: contain;transition: transform .3s ease;width: 100%;}
.caja-info:hover .caja-imagen img {transform: scale(1.08);}
.placeholder {width: 100%;height: 120px;background: #f1f1f1;border: 1px solid #ddd;}
.caja-texto h4 {font-size: 18px;color: var(--azulfuerte);margin-bottom: 0;text-align: center;line-height: 1.2;}

/* Animación cuando aparecen */
.wow {opacity: 0;animation: otherapp .6s forwards;}

@keyframes otherapp {
    0% { transform: translateY(20px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}


.imagen-banner.absoluto {position: absolute;bottom: 0;width: 100%;z-index: 1;right: 0;}
.imagen-banner.absoluto img {position: absolute;bottom: 0;box-shadow: none;border-radius: 0;right: 0;height: 95%;filter: drop-shadow(1px 1px 3px #ffffff38);}


.filter-pngs img{box-shadow: none;border-radius: 0;filter: drop-shadow(1px 1px 3px #ffffff38);}

body.page-template-page-material-handling .imagen-banner.absoluto img,body.page-template-page-integration-automation .imagen-banner.absoluto img{right: 10%}
body.page-template-page-engineering-desing-consulting .imagen-banner.absoluto{height: 95%}
body.page-template-page-engineering-desing-consulting .imagen-banner.absoluto img{height: 95%;right: 10%}




body.page-template-page-control-software .imagen-banner img{height: 80%;}
body.page-template-page-control-software .contenido-banner{margin-top: -15%;}
.galeria-system-integration.galeria-carrousel .swiper-wrapper,.galeria-certificaciones .swiper-wrapper {justify-content: center;}
.galeria-system-integration .swiper-slide img,.galeria-amazon-qr5 .swiper-slide img{height: 400px;object-fit: cover;}


body.page-template-page-staffing .imagen-banner{display: flex;justify-content: center;align-items: center;}
body.page-template-page-staffing .imagen-banner img{height: 92%;}

.g1 .swiper-slide img,.g2 .swiper-slide img,.g4 .swiper-slide img,.g5 .swiper-slide img{height: 200px;object-fit: cover;border-radius: 10px;}


body.page-template-page-transport .imagen-banner.absoluto img,body.page-template-page-pallet-conveyor .imagen-banner.absoluto img{height: 50%;}
body.page-template-page-accumulation .imagen-banner.absoluto img{height: 90%;right: 10%;}
body.page-template-page-electromechanical-installations .imagen-banner.absoluto img{height: 65%;bottom: 50%;transform: translateY(50%);}
body.page-template-page-machine-safety .logo-traslado{transform: translateY(-20px);}
body.page-template-page-services .contenido-banner p{margin-bottom: 15px;}


body.page-template-page-material-handling .imagen-banner.absoluto img{height: 90%;right: 0%;}


body.page-template-page-scanning-3d-modeling .textos .contenido-banner p{margin-bottom: 15px;}


.textos.imagen-left .imagen{float: left;margin-right: 10px;}
.scaning-g3.galeria-carrousel .swiper-wrapper{padding-bottom: 0;}
.sfa {position: relative;}
.sfa .imagen{position: absolute;z-index: -1;bottom: 0;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.sfa .imagen img{width: 100%;opacity: .3;}


body.page-template-page-scanning-3d-modeling .imagen-banner.absoluto img{right: 7%;}

/* Responsive */
@media (max-width: 1540px) {

}

@media (max-width: 1366px) {
  .hero h1,h1,h1 > * {font-size: 5vh !important;}
  .hero h2{font-size:3.5vh !important;}
  .hero p{}

  body.page-template-page-electromechanical-installations .imagen-banner.absoluto img{height: 60%}
}

@media (max-width: 1280px) { 

 .hero h1,h1 {font-size: 5vh !important;}
 .hero h2{font-size:3.5vh !important;}
 .hero p{}
}

@media (max-width: 1050px) {

}

@media (max-width: 991px) {
  .content{max-width: 95%}
  .hero h1,h1,h1 > * {font-size: 3vh !important;}
  .hero h2{font-size:2vh !important;}

  .ancho-80 {max-width: 100%;}
  .ancho-85 {max-width: 100%;}
  .ancho-90 {max-width: 100%;}
  .alineartituloDestacado.ancho-80{width: 100%}
  .imagen-banner{text-align: center;}
  .imagen-banner img{height: 200px;width: 60%;}
  .filter-pngs img{height: auto !important;width: auto !important}
  .bannerPagina.bannermedio {margin-top: 0;height: auto;overflow: hidden;}
  .bannerPagina.bannermedio .alineartituloDestacado.ancho-80{width: 100%;position: relative;background: transparent;transform: none !important;left: initial;top: initial;z-index: 2;}
  .bannerPagina.bannermedio .imagenDestacada{position: absolute;width: 100%;z-index: 1;top: 0;}
  .logo-traslado{z-index: 3;height: 120px;transform: translateY(-25px);}
  .imagen-banner.absoluto {position: relative;bottom: initial;width: 100%;z-index: 2;right: initial;}
  .imagen-banner.absoluto img {position: relative;bottom: initial;box-shadow: none;border-radius: 0;right: initial;height: 95%;filter: drop-shadow(1px 1px 3px #ffffff);}
  .translate-90{transform: translateY(-40px);}

  body.page-template-page-material-handling .imagen-banner.absoluto img,body.page-template-page-integration-automation .imagen-banner.absoluto img{right: initial;height: 500px !important;transform: translateY(-50px);}
  body.page-template-page-engineering-desing-consulting .imagen-banner.absoluto img{height: 500px;transform: translateY(-50px);right: initial;}

  body.page-template-page-sortation .bannerPagina.bannermedio{height: 100vh;}
  body.page-template-page-sortation .altura100{height: auto}
  body.page-template-page-sortation .imagen-banner.absoluto img{height: 500px;right: initial;}

  .oculto{display: none !important;}

  body.page-template-page-control-software .imagen-banner img{height: 60% !important;}
  body.page-template-page-control-software .contenido-banner{margin-top: 0;}

  body.page-template-page-accumulation .imagen-banner.absoluto img{height: 400px !important;}
  body.page-template-page-electromechanical-installations .imagen-banner.absoluto img{transform: none;bottom: initial;}
  body.page-template-page-scanning-3d-modeling .imagen-banner.absoluto img{right: 0}

  .sfa .imagen{position: relative;z-index: 1;bottom: inherit;left: initial;transform: none;width: 100%;margin-top: 10px;}
  .sfa .imagen img{width: 100%;opacity:1;}

}

@media (max-width: 850px) {
  .why-wrapper {flex-direction: column;text-align: center;gap: 40px;}
  .info-item::before { display: none; }
  .hex-small, .hex-medium, .hex-large { margin-left: 0 !important;}
}


@media (max-width: 768px) {
 .barra-lateral {width: 70px;}
 .barra-lateral.active {width: 100%;}
 .menu-hamburguesa {width: 45px;height: 45px;}
 body {margin-left: 70px;}
 .barra-lateral.active ~ #outer-wrap {margin-left: 80px;}
 .menu-lateral-nav a{padding: 8px}
 .menu-lateral-nav{text-align: center;}
 .barra-lateral.active .iconos-sociales{align-items: flex-start;flex-direction: row;flex-wrap: nowrap;gap: 0;justify-content: center;}
 .barra-lateral.active .texto-social{display: none;}
 .enlace-social{justify-content: center;width: auto;}
 .content {max-width:100%;text-align:center; }
 p,a,span,ul,li{font-size: 15px;}

 .cta-button {padding: 12px 25px;font-size: 1rem;}
 .hero h1 {font-size: 20px;line-height: 1.2;}
 .hero h2{font-size:17px !important;line-height: 1.2;}
 .hero p{line-height: 1.2;}

 /*infografia*/
 .infographic {flex-direction: column;gap: 20px;padding: 10px;max-width: 100%}
 .circle-wrapper {width: 100%;height: auto;position: relative;margin-bottom: 20px;}
 .circle {position: relative;width: 100%;height: auto;background: none;transform: none !important;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;padding: 20px;}
 .circle-center {display: none; /* Ocultamos el centro en móvil */}
 .segment {position: relative;width: 80px;height: 80px;margin: 0 auto;transform: none !important;display: flex;flex-direction: column;gap: 5px;}
 .segment::after {content: attr(data-title);font-size: 10px;font-weight: 600;text-align: center;color: var(--primary);margin-top: 5px;line-height: 1.2;}
 .segment.scaled {transform: scale(1.05) !important;}
 .segment.active.scaled {transform: scale(1.1) !important;}
 .info-panel {width: 100%;min-width: auto;}
 .accordion-header {padding: 12px 15px;font-size: 14px;}
 .accordion-content {font-size: 13px;}
 .barra-logo img,.barra-logo.animado img{height: 50px;}
 .hero {height: calc(100vh - 60px);margin-top: 60px;}

 .frontpage-carousel {height: auto;}
 .frontpage-carousel .slide-content{bottom: 2px;}
 .frontpage-carousel .slide-title {font-size: 1.2rem;}
 .frontpage-carousel .slide-description {font-size: 0.9rem;}  
 .frontpage-carousel .swiper-button-next,
 .frontpage-carousel .swiper-button-prev {width: 40px;height: 40px;}

 .contact-form-wrapper {padding: 20px;margin: 10px auto;width: 100%;}
 .contact-form-wrapper .btn-lg {padding: 10px 25px;font-size: 14px;}
 .social-buttons{justify-content: center;}

 .galeria-clientes .slide-row {grid-template-columns: 1fr;gap: 15px;}
 .galeria-clientes .gg-element img {max-height: 120px;}

 .galeria-clientes .swiper-button-next,
 .galeria-clientes .swiper-button-prev {width: 35px;height: 35px;}

 .galeria-clientes .swiper-button-next:after,
 .galeria-clientes .swiper-button-prev:after {font-size: 16px;}

 h2{font-size: 3.5vh !important;}

 .content{transform: translateX(0);}
 .bannerPagina{height: 50vh;}
 .alineartituloDestacado{width: 97%;}
 .alineartituloDestacado h1,h1,h1 > * {font-size: 4vh !important;}
 .reorder{order: 2}
 ul.breadcrumbs{margin: 25px 15px 0px;display: flex;flex-wrap: wrap;justify-content: center;height: auto;}
 ul.breadcrumbs li a{padding: 0px 1px 0px 10px;}
 

 .imagen-banner img{height: 150px;width: 98%;}
 .contenido-banner ul li{margin-bottom: 10px;}
 section#engineering{margin-top: 35px;}
 .logo-traslado{z-index: 3;height: 100px;transform: translateY(-35px);}
 .grid-textos{grid-template-columns: 100%;justify-content: center;text-align: center;}
 .grid-textos .contenido-textos{text-align: left;}
 .height-73{height: 80vh;}

 .gallery-container {flex-direction: column;height: auto;}
 .image-item {height: 250px;flex: none;}  
 .image-overlay {padding: 20px 15px 15px;}  
 .image-overlay h3 {}  
 .image-overlay p {}

 .hero-medio{background-attachment: scroll;background-size: cover;}
 .filter-pngs img{box-shadow: none;border-radius: 0;filter: drop-shadow(1px 1px 3px #ffffff38);object-fit: contain;height: auto !important;}
 .galeria-system-integration.galeria-carrousel .swiper-wrapper,.galeria-certificaciones .swiper-wrapper{justify-content: initial;}
.galeria-system-integration .swiper-slide img,.galeria-amazon-qr5 .swiper-slide img{height: 200px;}
}

@media (max-width: 480px) {
 .barra-lateral.active {width: 100%;}
 .barra-lateral.active ~ #outer-wrap {margin-left: 100%;}
/*infografia*/
.circle {grid-template-columns: repeat(2, 1fr);gap: 10px;padding: 15px;}
.segment {width: 70px;height: 70px;}
.segment i {font-size: 1.2em !important;}

p,a,span,ul,li{font-size: 14px;}          
.content {padding: 0 10px;}

.hero h1,h1,h1 > * {font-size: 18px !important;}
.hero h2{font-size:16px !important;}
.hero p{}

.frontpage-carousel {height: auto;}
.frontpage-carousel .slide-content {padding: 20px 15px 15px;} 
.frontpage-carousel .slide-title {font-size: 1rem;}
.frontpage-carousel .slide-description {font-size: 0.8rem;}

h2{font-size: 2.7vh !important;}

.galeria-clientes .slide-row {gap: 10px;}
.galeria-clientes .gg-element img {max-height: 100px;}
.galeria-clientes .swiper-button-next,
.galeria-clientes .swiper-button-prev {display: none;}

.image-item {height: 200px;}
.image-overlay {padding: 15px 10px 10px;}
.image-overlay h3 {}
.image-overlay p {}

}


@media (min-width: 1200px) {
    .others-apps-grid .app-item {max-width: 20%;flex: 0 0 20%;}
    .gallery-container.grid-5 .col-md-4.col-lg-2.col-xl-2{max-width: 20%;flex: 0 0 20%;} 
}