@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;500;700&family=Roboto+Mono:wght@400;500;700&display=swap');
body{font-family: 'Roboto', sans-serif; margin-top: 70px;}
a,.btn,button,span,p,i,input,select,textarea,li,svg path,*::after,*::before,h1,h2,h3,h4,h5,h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a {text-decoration: none;}
.font-libre-franklin{font-family: 'Libre Franklin', sans-serif;}
.font-roboto{font-family: 'Roboto', sans-serif;}
.font-roboto-mono{font-family: 'Roboto Mono', monospace; font-weight: 500;}
.fw-700{font-weight: 700;}
.font-libre-franklin strong, strong.font-libre-franklin{font-weight: 700;}
.bg-gradient-naranja{background: rgb(241,90,41);
    background: linear-gradient(173deg, rgba(241,90,41,1) 0%, rgba(162,70,36,1) 100%);}
.bg-gradient-gris{background: rgb(242,242,242);
background: -moz-linear-gradient(180deg, rgba(242,242,242,1) 50%, rgba(211,211,211,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(242,242,242,1) 50%, rgba(211,211,211,1) 100%);
background: linear-gradient(180deg, rgba(242,242,242,1) 50%, rgba(211,211,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#d3d3d3",GradientType=1);}
.color-7a7a7a{color: #7a7a7a;}
.color-f2f2f2{color: #f2f2f2;}
.color-b4b2b2{color:#b4b2b2;}
.color-737373{color: #737373;}
.color-f15a29{color: #f15a29;}
.color-4f5050{color: #4f5050;}
.color-267c88{color: #267c88;}
.color-939598{color: #939598;}
.color-287f85{color: #287f85;}
.color-006a7a{color: #006a7a;}
.color-808184{color: #808184;}
.color-4F5050{color: #4F5050;}
.color-6D6E70{color: #6D6E70;}
.bg-4d7c86{background-color: #4d7c86;}
.bg-f2f2f2{background-color: #f2f2f2;}
.bg-404041{background-color: #404041;}
.border-nav{border-bottom: 3px solid #f2f2f2;}
.border-nav-grey{border-bottom: 1px solid #b4b2b2;}
.border-naranja{border-bottom: 1px solid #f05a28; margin-bottom: 10px;}
.border-naranja-top{border-bottom: 4px solid #f15a29;}
.indicator-circle{width: 15px!important; height: 15px!important;}
.carousel-indicators [data-bs-target] {box-sizing: content-box;flex: 0 1 auto;width: 12px!important;height: 12px!important;padding: 0;background-color: #fff;opacity: 1!important;transition: .6s ease; margin: 0 8px;}
.carousel-indicators .active {background-color: #f15a29;}
.bg-f1f2f2{background-color: #f1f2f2;}
.bg-fff{background-color: #ffffff;}
.m-neg-150{margin-top: -150px;}
.mt-150{margin-top: 150px;}
.mt-n20{margin-top: -20px;}
.mt-n10{margin-top: -10%;}

.page-item:first-child .page-link {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.page-item:last-child .page-link {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.paginador .page-item .page-link{background-color: #bcbec0; color: #fff; border-color: #fff; padding-top: 8px; padding-bottom: 8px;}
.paginador .page-item a:hover{background-color: #747474;}
.paginador .page-item a:focus{background-color: rgb(241, 90, 41);}
.paginador .page-item .page-link:focus{box-shadow: 0 0 0 0.25rem rgba(241, 90, 41, 0.25)}
.active>.page-link, .page-link.active { background-color: #f15a29 !important;}
.dropdown-menu{z-index: 9999;}
.dropdown-menu.ancho{min-width: 50px !important; padding: 0; margin: 0px 5px;}
.dropend .dropdown-menu[data-bs-popper] { margin-left: 10px;}
.dropdown-item {  padding: 10px !important;}
.dropdown-item.active, .dropdown-item:active {  background-color: #f15a25; color: #ffffff;}
.btn-gris{background-color: #bcbec0; border-radius: 20px; border-color: #bcbec0; padding: 7px 20px; color: #ffffff;}
.btn-gris:hover{background-color: #747474; border-color: #747474; color: #ffffff}
.btn-gris2{background-color: #F1F2F2; border-radius: 20px; border-color: #F1F2F2; padding: 7px 20px; color: #808285; color: #808285; font-family: 'Roboto Mono', monospace; font-weight: 500;}
.btn-gris2:hover{background-color: #bcbec0; border-color: #bcbec0; color: #ffffff;}
.btn-gris2.seleccionado{background-color: #bcbec0; border-color: #bcbec0; color: #ffffff;}
.btn-naranja{background-color: #f15a29; border-radius: 20px; border-color: #f15a29; padding: 7px 20px; color: #ffffff}
.btn-naranja:hover{background-color: #d23400; border-radius: 20px; border-color: #d23400; padding: 7px 20px; color: #ffffff}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:#f15a29;}
.nav-link:focus, .nav-link:hover {color:#f15a29;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {color: var(--bs-btn-active-color);background-color: #f15a29;border-color: #f15a29;}
.title-carousel{font-size: 42px;}
.subtitle-carousel{font-size: 16px;}
.lh34{line-height: 34px;}
.h353{height: 353px;}
.h420{height: 420px;}
.h50{height: 50px;}
.w500{width: 500px;}
.lh15{line-height: 15px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font18{font-size: 18px; line-height: normal;}
.font20{font-size: 20px;line-height: 24px;}
.font22{font-size: 22px; line-height: 26px;}
.font24{font-size: 24px; line-height: normal;}
.font26{font-size: 26px; line-height: normal;}
.font30{font-size: 30px; line-height: normal;}
.font36{font-size: 36px;}
.font42{font-size: 42px; line-height: 46px;}
.font48{font-size: 48px; line-height: normal;}
.font53{font-size: 53px; line-height: 53px;}
.bg-277C85{background-color:rgb(6 106 115 / 90%);}
.bg-desarrollo-oficinas{background-image: url("../img/desarrollo-oficinas.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bg-identidad-corporativa{background-image: url("../img/bg-identidad-corporativa.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bg-diseño-stands{background-image: url("../img/bg-diseño-stands.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bg-service-3{background-image: url("../img/bg-service-3.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bg-service-4{background-image: url("../img/bg-service-4.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bg-service-5{background-image: url("../img/bg-service-5.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bg-service-6{background-image: url("../img/bg-service-6.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bg-hagamos-c{background-image: url("../img/hagamos-contacto.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; min-height: 350px;}
.bg-areas-remotas{background-image: url("../img/areas_remotas.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.form-control {border-radius: 20px !important;}
.radius-0{border-radius: 0px !important;}
.form-control-alternative {border-radius: 0px!important; background-color: #f1f2f2; border: none;}
.text-shadow{text-shadow: #000000 1px 0 4px;}
.text-shadow-w{text-shadow: #ffffff 1px 0 4px;}
.novedad-shadow{box-shadow: 0px 2px 15px 5px rgba(0,0,0,0.2); transition: all 0.15s;}
.novedad-shadow:hover{box-shadow: 0px 4px 15px 7px rgba(0,0,0,0.25);}
.docs-shadow{box-shadow: 0px 2px 6px 3px rgba(100,100,100,0.1); transition: all 0.15s;}
.docs-shadow:hover{box-shadow: 0px 2px 6px 4px rgba(100,100,100,0.15);}
.mt-100{margin-top: 100px;}
.pt-100{padding-top: 100px;}
.pb-100{padding-bottom: 100px;}
.bg-f3f3f4{background-color: #f3f3f4;}
.bg-50{background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(243,243,244,1) 50%, rgba(243,243,244,1) 100%);}

.popup-email {width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 99999999999;}
.popup-email .element {
    width: 320px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -50px;
    background-color: #1b1464;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-align: center;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popup-email .element p {margin-bottom: 20px; font-weight: 700;}
.popup-email .element button {margin: 0 auto 10px;}
.popup-email .success {color: #ffffff; font-size: 24px; display: block; margin-top: 20px; line-height: normal;}
.popup-email .error {color: #ffb8b8; font-size: 24px; display: block; margin-top: 20px; line-height: normal;}
.e-btn{display: inline-block;
  height: 55px;
  line-height: 52px;
  text-align: center;
  padding: 0 35px;
  color: #ffffff;
  background: #00cac7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 19px;
  text-transform: lowercase;
  border: 2px solid #00cac7;
  transition: all 0.3s ease-out 0s;}

.lg-container {
    position: relative;
    margin: 1rem;
    padding: 0;
  }

  .lg-image {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: scale-down;
  }

  .lg-hotspot {
    position: absolute;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    z-index: 0;
  }

  .lg-hotspot:hover .lg-hotspot__button,
  .lg-hotspot:active .lg-hotspot__button{
    border-color: #3498db;
  }
.lg-hotspot:hover .lg-hotspot__button:after,
  .lg-hotspot:active .lg-hotspot__button:after {
      background-color: #3498db;
  }
  .lg-hotspot--selected {
    z-index: 999;
  }

  .lg-hotspot--selected .lg-hotspot__label {
    opacity: 1;
  }

  .lg-hotspot__button {
    height: 5px;
    width: 5px;
    padding: 0px;
    border-radius: 100%;
    z-index: 999;
    animation: button-pulse 7s ease-in-out infinite;
    cursor: pointer;
  }

  .lg-hotspot__button:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    content: "";
    display: block;
    height: 10px; /* Ajustado para un mejor aspecto */
    width: 10px; /* Ajustado para un mejor aspecto */
    border-radius: 100%;
    background-color: #17706d; /* Cambiar a un color verde */
    transition: border-color 1s linear;
  }

  .lg-hotspot__label {
    position: absolute;
    width: max-content;
    max-width: 50vw;
    padding: 0px 6px;
    background-color: #ffffff; /* Cambiar a un color gris claro */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    font-family: "Open Sans", sans-serif;
    font-size: 14.5px;
    line-height: 1.45em;
    z-index: -1;
    border-radius: 10px; /* Ajustado para un mejor aspecto */
    user-select: none;
    opacity: 0;
    transition: all 0.5s linear;
  }

  .lg-hotspot__label h4 {
    margin: 0;
    padding: 0.65em 10px; /* Ajustado para un mejor aspecto */
    background-color: #9b59b6; /* Cambiar a un color morado */
    font-size: 1.1em;
    font-weight: normal;
    letter-spacing: 0.02em;
    color: white;
    border-radius: 10px 10px 0 0; /* Ajustado para un mejor aspecto */
  }

  .lg-hotspot__label p {
    margin: 0;
    color: #000000; /* Cambiar a un color azul oscuro */
  }

  .lg-hotspot--top-left .lg-hotspot__label {
    top: -10px; /* Ajustado para un mejor aspecto */
    left: 40px; /* Ajustado para un mejor aspecto */
  }

  .lg-hotspot--top-right .lg-hotspot__label {
    top: -10px; /* Ajustado para un mejor aspecto */
    right: 15px; /* Ajustado para un mejor aspecto */
  }

  .lg-hotspot--bottom-right .lg-hotspot__label {
    right: 40px; /* Ajustado para un mejor aspecto */
    bottom: 40px; /* Ajustado para un mejor aspecto */
  }

  .lg-hotspot--bottom-left .lg-hotspot__label {
    bottom: 40px; /* Ajustado para un mejor aspecto */
    left: 40px; /* Ajustado para un mejor aspecto */
  }

  @keyframes button-pulse {
    0% {
      transform: scale(1, 1);
      opacity: 1;
    }
    40% {
      transform: scale(1.15, 1.15);
      opacity: 1;
    }
    100% {
      transform: scale(1, 1);
      opacity: 1;
    }
  }


/* hospot */



.img-form{background-image: url(../img/img-form.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.flecha-menu.active::before {
    content: "";
    width: 48px;
    height: 20px;
    background-image: url('../img/flecha-menu.png');
    position: absolute;
    bottom: -20px;
    z-index: 2400000;
    left: 50%;
    margin-left: -24px;
}
/* search animation */
.search-box{
width: 50px;
height: 40px;
position: relative;
}
.input-search{
height: 40px;
width: 0px;
border-style: none;
padding: 0;
font-size: 18px;
letter-spacing: 2px;
outline: none;
border-radius: 25px;
transition: all .5s ease-in-out;
padding-right: 40px;
position: absolute;
right: 50px;
top: 0px;
}
.input-search::placeholder{
color: #000000;
font-size: 16px;
}
.btn-search{
width: 50px;
height: 40px;
border-style: none;
font-size: 16px;
font-weight: bold;
outline: none;
cursor: pointer;
border-radius: 50%;
right: 0px;
color:#000000 ;
background-color:transparent;
pointer-events: painted;
z-index: 10px;
}
.btn-search.activo ~ .input-search{
width: 900px;
padding:10px;
border-radius: 25px;
background-color: #e7e7e8;
border-bottom:1px solid rgba(255,255,255,.5);
transition: all 500ms;
}
.input-search:focus{
width: 1000px;
padding:10px;
border-radius: 25px;
background-color: #e7e7e8;
border-bottom:1px solid rgba(255,255,255,.5);
transition: all 500ms;
}
/* search animation */
.servicios-menu{color: #267c88; text-decoration: none; font-size: 19px; font-weight: 700; line-height: 30px; font-family: 'Libre Franklin', sans-serif;}
.servicios-menu:hover{color: rgb(51, 158, 172);}
.link-menu{font-size: 14px; color: #737373; text-decoration: none; font-family: 'Libre Franklin', sans-serif;}
.link-menu:hover{color: #afa8a8;}
.pt-100{padding-top: 100px;}
.form-control:focus {border-color: #f15a29;box-shadow: 0 0 0 0.25rem rgba(291,90,41,.25);}
.form-control-alternative:focus {border-color: #f15a29;box-shadow: 0 0 0 0.25rem rgba(291,90,41,.25);}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
.swiper-button-next, .swiper-button-prev {
    top: var(--swiper-navigation-top-offset,50%);
    height: auto;
    margin-top: 0px;
    color: #231f20;
    margin-right: 15px;
    margin-left: 15px;
}
.swiper-pagination-bullet{width: 9px;height: 9px; margin-right: 7px; margin-left: 7px;}
.swiper-button-prev, .swiper-button-next {height: 40px !important;}
.int.swiper-button-next, .int.swiper-button-prev {height: 20px !important;}
.int.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0px;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 25px;}
.swiper-pagination-bullet-active {background: #f15a29;}
.swiper-slide img.fondo {
    object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    background-color: #ccc;
}
.slider__overlay::after {
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3474) 79%, rgba(0,0,0,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%;
    content: "";
}
.swiper-slide video {
    object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    background-color: #ccc;
}
.swiper-slide{height: auto;}
.slider__overlay {position: relative;}
.slider__height {min-height: 800px;}
.slider__content {
    position: relative;
    z-index: 1;
}
.slider__wrapper .swiper-slide-active span, .slider__wrapper .swiper-slide-active p, .slider__wrapper .swiper-slide-active a, .slider__wrapper .swiper-slide-active .slider__title {
    opacity: 1;
    transform: translateY(0);
}
.swipper_home .swiper-button-next, .swipper_home .swiper-button-prev {color: #ffffff;}
.swipper_home .swiper-button-prev:after, .swipper_home .swiper-button-next:after {font-size: 40px;}
.swipper_home .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.7;
}
.swipper_home .swiper-pagination-bullet-active {background: #f15a29; opacity: 1;}
.txt-overlay .card-img-overlay{opacity: 0; transition: 0.3s all;}
.txt-overlay:hover .card-img-overlay{background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3474) 79%, rgba(0,0,0,0) 100%);display: flex; transition: .3s ease-in-out; opacity: 1;}
.txt-overlay{overflow: hidden;}
.carousel-item:before {
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3474) 79%, rgba(0,0,0,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    content: "";
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0px !important;
    content: "+"!important;
    font-weight: bold!important;
    border-top: 0!important;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.zix20{z-index: 20;}
.h600{height: 600px;}
.h-nota-destacada{height: 500px;}
.img-overlay:before {
  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3474) 79%, rgba(0,0,0,0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55%;
  content: "";
}
.img-overlay2:before {
  background: #f2f2f2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55%;
  content: "";
}
.contacto-tag{position: fixed; right: 0; top: 120px; z-index: 10;}
.mh-75{min-height: 75px;}
.col-xxl-7 figure.image img {max-width: 100%;}
@media (max-width: 1400px) {
    .carousel-item:before {
        background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3474) 79%, rgba(0,0,0,0) 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40%;
        content: "";
    }
    .btn-gris2{padding: 7px 12px; font-size: 15px;}
    .btn-search.activo ~ .input-search{width: 780px;}
    .input-search:focus{width: 780px;}
}
@media (max-width: 1200px) {
    .btn-search.activo ~ .input-search{width: 640px;}
    .input-search:focus{width: 640px;}
    .btn-gris2{padding: 7px 10px; font-size: 12px;}
}
@media (max-width: 991px) {
    .title-carousel{font-size: 32px;}
    .subtitle-carousel{font-size: 14px;}
    .font53, .font48{font-size: 28px; line-height: 30px;}
	.font42{font-size: 33px; line-height: 38px;}
    .flecha-menu.show::before{display: none;}
    .h420{height: auto;}
    .flecha-menu.show::before {display: none;}
    .flecha-menu.active::before {display: none;}
    .btn-gris2{padding: 7px 20px; font-size: 16px;}
    .input-search{left: 50px;}
    .btn-search.activo ~ .input-search{width: 500px; z-index: 7;}
    .input-search:focus{width: 500px;}
    .language{z-index: 5;}
}
@media (max-width: 768px) {
    .font-resp-25 { font-size: 25px !important; line-height: 28px !important; }
    .font-resp-28 { font-size: 28px !important; line-height: 32px !important; }
    .font-resp-20 { font-size: 20px !important; line-height: 23px !important; }
    .font-resp-18 { font-size: 18px !important; line-height: 21px !important; }
    .font-resp-16 { font-size: 16px !important; line-height: 19px !important; }
    .font-resp-14 { font-size: 14px !important; }
    .font-resp-13 { font-size: 13px !important; }
    .font-resp-12 { font-size: 12px !important; }
    .w500{width: 100%}
    .title-carousel{font-size: 24px;}
    .subtitle-carousel{font-size: 12px;}
    .carousel-inner .carousel-item > div {display: none;}
    .carousel-inner .carousel-item > div:first-child {display: block;}
    .m-neg-150{margin-top: 0px;}
    .mt-150{margin-top: 0px;}
    .font26{font-size: 22px;}
	.h-nota-destacada{height: 400px;}
	.swiper-slide img.fondo{min-height: 300px; height: auto;}
	.slider__height{min-height: 300px;}
  .btn-shadow{box-shadow: -2px 3px 3px 1px #559999}

}
@media (max-width: 576px) {
    .w100mob{width: 100%;}
    .font42{font-size: 25px; line-height: 28px;}
    .font18{font-size: 16px; line-height: 18px;}
    .pt-100{padding-top: 50px;}
    .pb-100{padding-bottom: 50px;}
    .input-search{left: 50px;}
    .btn-search.activo ~ .input-search{width: 300px;}
    .input-search:focus{width: 300px;}
	.h-nota-destacada{height: 325px;}
}
@media (max-width: 480px) {
    .font36{font-size: 26px;}
    .title-carousel{font-size: 18px;}
    .subtitle-carousel{font-size: 12px;}
    .lh-mb{line-height: 22px;}
}