@charset "UTF-8";
/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.1
Text Domain:  Avada
*/
/*Global*/
/*COLORES*/
/* FUENTES */
/*ESTILOS SCROLLBAR PERSONALIZADO*/
/* width */
::-webkit-scrollbar {
  width: 12px;
  color: #4faabe;
}

/* Track */
::-webkit-scrollbar-track {
  background: #d6e4ec;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #4faabe;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #1e6a7b;
}

/*FINAL ESTILOS SCROLLBAR PERSONALIZADO*/
/*CONTRASEÑA*/
.post-password-required {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* OCULTAR RECATPCHA */
.grecaptcha-badge {
  opacity: 0;
}

/*MENÚ MOVIL*/
/*Prueba menu movil*/
.item-mobile-menu {
  margin-top: 20px;
}

#mobile-menu-menu-movil {
  text-align: left;
}

#mobile-menu-menu-movil:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 35px;
  background-image: url(https://laisla.demosbluefish.es/wp-content/uploads/2022/08/logo-color-la-isla-x1.png);
  background-repeat: no-repeat;
  background-size: 70%;
  width: 176px;
  height: 50px;
  display: block;
}

#mobile-menu-item-1972 span:after,
#mobile-menu-item-1973 span:after {
  content: "\f107" !important;
  font-family: awb-icons;
  font-style: normal;
  margin-left: 5px;
}

/*Link en texto*/
.laisla-link a {
  border-bottom: 1px solid;
  border-top: 1px solid transparent;
  transition: all 0.3s ease;
  padding: 2px 2px 2px 2px;
}
.laisla-link a:hover {
  color: #1e6a7b !important;
}

.laisla-link-2 a {
  border-bottom: 1px solid;
  border-top: 1px solid transparent;
  transition: all 0.3s ease;
  padding: 2px 2px 2px 2px;
}
.laisla-link-2 a:hover {
  border-bottom: 1px solid #18515e;
}

/*Link texto sin línea*/
.laisla-link-sin-linea a {
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
}
.laisla-link-sin-linea a:hover {
  color: #1e6a7b !important;
}

/*Posicion absoluta de un elemento*/
.laisla-position-absolute {
  position: absolute !important;
}

/*Bloques liks iconos Home*/
.laisla-link-interes-home h6 {
  font-size: 20px !important;
}

/*Iconos linkedin Equipo*/
.laisla-icon-linkedin {
  position: relative;
  top: -35px;
  left: 30%;
}

/*Width 100%*/
.laisla-widt-100 {
  width: 100% !important;
}

.laisla-link-interes-home {
  display: flex;
}

.laisla-portfolio-title {
  margin-bottom: 0;
}

.laisla-portfolio-iframe-wrapper iframe {
  border: 0px solid #fff;
  box-sizing: content-box;
}
.laisla-portfolio-iframe-wrapper .laisla-iframe-wrapper-border-all {
  border-width: 20px;
}
.laisla-portfolio-iframe-wrapper .laisla-iframe-wrapper-border-sides {
  border-left-width: 20px;
  border-right-width: 20px;
}
.laisla-portfolio-iframe-wrapper .laisla-iframe-wrapper-border-topbottom {
  border-bottom-width: 20px;
  border-top-width: 20px;
}
.laisla-portfolio-iframe-wrapper .laisla-iframe-wrapper-border-top {
  border-top-width: 20px;
}
.laisla-portfolio-iframe-wrapper .laisla-iframe-wrapper-border-bottom {
  border-bottom-width: 20px;
}
.laisla-portfolio-iframe-wrapper .laisla-iframe-wrapper-border-left {
  border-left-width: 20px;
}
.laisla-portfolio-iframe-wrapper .laisla-iframe-wrapper-border-right {
  border-right-width: 20px;
}

/*MENÚ*/
/*HOVER*/
.fusion-header .fusion-row .fusion-main-menu a span:hover {
  border-bottom: 1px solid;
}

/*Link menu página en la que te encuentras seleccionado*/
.fusion-header-wrapper .fusion-row .fusion-main-menu .current_page_item a:not(.sub-menu a) {
  color: #ffffff;
}
.fusion-header-wrapper .fusion-row .fusion-main-menu .current-menu-ancestor a:not(.sub-menu a) {
  color: #ffffff;
}

/*Link menu página en la que te encuentras seleccionado en sticky*/
.fusion-is-sticky .fusion-row .fusion-main-menu .current_page_item a {
  color: #5EBED4;
}
.fusion-is-sticky .fusion-row .fusion-main-menu .current-menu-ancestor a:not(.sub-menu a) {
  color: #5EBED4;
}

/*Tipografía para los submenus del menú*/
.fusion-header-wrapper .fusion-row .fusion-main-menu .sub-menu a {
  font-family: "Josefin Sans";
  color: #5EBED4;
}

/*Quitar el hover de color*/
.fusion-header-wrapper .fusion-main-menu > ul > li > a:not(.fusion-logo-link):hover {
  color: #ffffff;
}

.fusion-is-sticky .fusion-main-menu > ul > li > a:not(.fusion-logo-link):hover {
  color: #5EBED4;
}

/*Border-menu en sticky*/
.fusion-is-sticky .fusion-header {
  border-bottom: 1px solid #d6e4ec !important;
}

.fusion-header-wrapper .fusion-header .sub-menu {
  margin-top: -5px;
  padding: 15px 5px;
}

.fusion-is-sticky .fusion-header .sub-menu {
  border: 1px solid #d6e4ec !important;
  margin-top: -1px;
  border-top: 1px solid white !important;
}

.laisla-foto-1 img {
  padding: 30px !important;
  border-radius: 100%;
  background-image: url("/wp-content/uploads/2022/08/circulo-linea-contacto.png");
  background-size: calc(100% - 20px);
  background-repeat: no-repeat;
  background-position: center;
}

.laisla-foto-2 img {
  padding: 40px !important;
  border-radius: 100%;
  background-image: url("/wp-content/uploads/2022/08/circulo-linea-descubre-la-isla.png");
  background-size: calc(100% - 20px);
  background-repeat: no-repeat;
  background-position: center;
}

.laisla-foto-3 img {
  padding: 40px !important;
  border-radius: 100%;
  background-image: url("/wp-content/uploads/2022/08/circulo-linea-display.png");
  background-size: calc(100% - 20px);
  background-repeat: no-repeat;
  background-position: center;
}

/*HOME*/
/*Vídeo*/
.laisla-parche-video {
  clip-path: circle(50% at 50% 50%);
  margin-left: -150px;
  margin-top: -150px;
}

/*Botones iconos Home*/
.isla-link-icons .heading-link .image {
  border: 1px solid transparent;
  border-radius: 100%;
  transition: all 0.3s ease;
  width: 45%;
  margin: auto;
  margin-bottom: 10px;
  padding: 2.5% !important;
}
.isla-link-icons .heading-link .image:hover {
  border: 1px solid #5EBED4;
  border-radius: 100%;
}

.isla-link-icons .image img {
  background-color: #5EBED4;
  border-radius: 100%;
  margin: 5px;
  width: calc(100% - 10px);
}

.fusion-layout-column .fusion-content-boxes.content-boxes-icon-on-top .heading img {
  margin-bottom: 0px !important;
}

/*Fondos semicirculos*/
.isla-background-contain {
  background-size: 120% !important;
}

.isla-100 {
  width: 100% !important;
}

.isla-100 img {
  width: 100% !important;
}

/*CARRUSEL DE LOGOS HOME*/
.laisla-hover-logos img {
  max-height: 60px !important;
  filter: contrast(50%) sepia(1) hue-rotate(138deg) saturate(50%);
  transition: all 0.3s ease;
}
.laisla-hover-logos img:hover {
  filter: contrast(100%) sepia(0) hue-rotate(0deg) saturate(100%);
}
.laisla-hover-logos .fusion-carousel-nav span {
  border-radius: 100%;
  transition: all 0.3s ease;
}

/*EQUIPO*/
.fusion-column-wrapper .fusion-builder-row .fusion-layout-column .fusion-column-wrapper .laisla-circulo-texto {
  width: 18.5rem;
  height: 18.5rem;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0px auto;
  padding: 7%;
  opacity: 0%;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 30px rgba(161, 191, 207, 0.8);
  z-index: 10000;
  width: 75%;
  height: 95%;
  aspect-ratio: 1/1;
}
.fusion-column-wrapper .fusion-builder-row .fusion-layout-column .fusion-column-wrapper .laisla-circulo-texto:hover {
  opacity: 100% !important;
}

.laisla-comillas {
  font-size: 2em;
  position: relative;
  top: 5px;
}

/*PROYECTOS*/
/*Flechas antes despues*/
.laisla-prev-next a {
  color: #F33E04;
  font-family: Inter;
}
.laisla-prev-next a:hover {
  color: #B02D03;
}
.laisla-prev-next .bf-project-navigation-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.laisla-prev-next img {
  width: 16px;
  transition: all 0.3s ease;
}
.laisla-prev-next img:hover {
  filter: brightness(70%);
}
.laisla-prev-next .bf-all-projects {
  border-bottom: 1px solid #F33E04;
}
.laisla-prev-next .bf-all-projects:hover {
  border-bottom: 1px solid #B02D03;
}

.fusion-portfolio-content {
  display: flex;
  flex-wrap: wrap;
}

.fusion-portfolio-content .entry-title {
  font-size: 1.3em !important;
  width: 60%;
}

.fusion-portfolio-meta {
  text-align: right;
  width: 40%;
}

.fusion-post-content {
  width: 100%;
  font-size: 13px;
  margin-top: -8px;
}

/*FONDO DE ARENA EN PROYECTO Y EN FOOTER DE PROYECTO*/
.laisla-background-sand-footer,
.laisla-background-sand-portfolio {
  background-size: 70% !important;
}

/*Proyectos*/
/*Iframe w970 h250 a la derecha*/
.laisla-iframe-proyect-w970-h250-right {
  border-left: 20px solid white;
  width: 990px;
  height: 250px;
}

/*Iframe w970 h250 a la izquierda*/
.laisla-iframe-proyect-w970-h250-left {
  border-right: 20px solid white;
  width: 990px;
  height: 250px;
}

/*Iframe w980 h250 a la derecha*/
.laisla-iframe-proyect-w980-h250-right {
  border-left: 20px solid white;
  width: 1000px;
  height: 250px;
}

/*Iframe w980 h250 a la izquierda*/
.laisla-iframe-proyect-w980-h250-left {
  border-right: 20px solid white;
  width: 1000px;
  height: 250px;
}

/*Iframe w728 h90 centro*/
.laisla-iframe-proyect-w728-h90 {
  border-right: 20px solid white;
  border-left: 20px solid white;
  width: 768px;
  height: 90px;
}

/*Iframe w300 h600*/
.laisla-iframe-proyect-w300-h600 {
  width: 300px;
  height: 600px;
}

/*Iframe w300 h100*/
.laisla-iframe-proyect-w300-h100 {
  width: 300px;
  height: 100px;
}

/*Iframe w320 h100*/
.laisla-iframe-proyect-w320-h100 {
  width: 320px;
  height: 100px;
}

/*Iframe w300 h250*/
.laisla-iframe-proyect-w300-h250 {
  float: left;
  margin-bottom: 20px;
  width: 300px;
  height: 250px;
}

/*Bloques grises*/
.laisla-column-grey-proyect-w100-960-h600 {
  width: calc(100% - 960px);
  height: 600px;
  background-color: #ededed;
}

.laisla-column-grey-proyect-w100-980-h600 {
  width: calc(100% - 980px);
  height: 600px;
  background-color: #ededed;
}

.laisla-column-grey-proyect-w300-h300 {
  width: 300px;
  height: 300px;
  background-color: #ededed;
  margin: 0px 0px 20px 0px;
}

.laisla-column-grey-proyect-w320-h300 {
  width: 320px;
  height: 300px;
  background-color: #ededed;
  margin: 0px 0px 20px 0px;
}

.laisla-column-grey-proyect-w300-h160 {
  width: 300px;
  height: 160px;
  background-color: #ededed;
  margin: 10px 0px 0px 0px;
}

.laisla-column-grey-proyect-w320-h160 {
  width: 320px;
  height: 160px;
  background-color: #ededed;
  margin: 10px 0px 0px 0px;
}

.laisla-column-proyect-w300 {
  width: 300px;
}

.laisla-column-proyect-w320 {
  width: 320px;
}

.laisla-column-grey-proyect-w300-h330 {
  width: 300px;
  height: 330px;
  background-color: #ededed;
  float: left;
}

/*NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW */
/*MENÚ*/
.laisla-menu-normal .menu-item .menu-text {
  border-bottom: 2px solid transparent;
  transition: all 0.6s ease;
}
.laisla-menu-normal .menu-item:hover .menu-text {
  border-bottom: 2px solid white;
}
.laisla-menu-normal .current_page_item .menu-text {
  border-bottom: 2px solid white;
}

.laisla-menu-sticky .menu-item .menu-text {
  border-bottom: 2px solid transparent;
  transition: all 0.6s ease;
}
.laisla-menu-sticky .menu-item:hover .menu-text {
  border-bottom: 2px solid #353e41;
}
.laisla-menu-sticky .current_page_item .menu-text {
  border-bottom: 2px solid #353e41;
}

/*PORTADA*/
@media (min-width: 1080px) {
  /* Estado inicial a 100vh + animación de 5s */
  .laisla-portada {
    min-height: 140vh; /* estado inicial */
    overflow: hidden;
    animation: laisla-altura-portada 22s ease forwards;
  }
  @keyframes laisla-altura-portada {
    from {
      min-height: 140vh;
    }
    to {
      min-height: 85vh;
    }
  }
  /* (Opcional) Respeto a reducción de movimiento */
  /*PORTADA INTRO CONTACTO*/
  /*PORTADA INTRO EQUIPO Y CASOS*/
}
@media (min-width: 1080px) and (prefers-reduced-motion: reduce) {
  .laisla-portada {
    animation: none;
  }
}
@media (min-width: 1080px) {
  .laisla-mar-portada {
    transform: translateY(-10%);
    animation: laisla-subir-mar 5s ease-out forwards;
    will-change: transform; /* rendimiento */
  }
  @keyframes laisla-subir-mar {
    from {
      transform: translateY(-10%);
    }
    to {
      transform: translateY(-15%);
    }
  }
  .laisla-intro-contact-title {
    margin-top: 40vh;
    animation: intro-contact-title 4s forwards;
    opacity: 0%;
  }
  @keyframes intro-contact-title {
    0% {
      margin-top: 40vh;
      opacity: 0%;
    }
    40% {
      margin-top: 40vh;
      opacity: 100%;
    }
    100% {
      margin-top: 20vh;
      opacity: 100%;
    }
  }
  .laisla-intro-equipo-title {
    margin-top: 35vh;
    margin-bottom: 50vh;
    animation: intro-equipo-title 4s forwards;
    opacity: 0%;
  }
  @keyframes intro-equipo-title {
    0% {
      margin-top: 35vh;
      margin-bottom: 50vh;
      opacity: 0%;
    }
    40% {
      margin-top: 35vh;
      margin-bottom: 50vh;
      opacity: 100%;
    }
    100% {
      margin-top: 20vh;
      margin-bottom: 10vh;
      opacity: 100%;
    }
  }
}
.laisla-scroll-aparece-rebote {
  animation-name: laislaAparecerRebote;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-timeline: view();
  animation-range: entry 70% cover 50%;
}

@keyframes laislaAparecerRebote {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.25);
    opacity: 1;
  }
  70% {
    transform: scale(0.95);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.laisla-scroll-move-right {
  animation-name: slide-right;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes slide-right {
  0% {
    transform: translateX(120px);
    opacity: 0;
  }
  40% { /* opacidad ya completa antes de la mitad del movimiento */
    transform: translateX(120px);
    opacity: 0;
  }
  100% {
    transform: translateX(80px);
    opacity: 1;
  }
}
.laisla-scroll-move-right-image {
  animation-name: slide-right-image;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-timeline: view();
  animation-range: entry 0% cover 50%;
}

@keyframes slide-right-image {
  0% {
    transform: translateX(120px);
    opacity: 0;
  }
  70% {
    transform: translateX(120px);
    opacity: 0;
  }
  100% {
    transform: translateX(80px);
    opacity: 1;
  }
}
/* Fallback si el navegador no soporta scroll-driven animations */
@supports not (animation-timeline: view()) {
  .scroll-move-right {
    transform: translateX(0);
  }
}
.laisla-scroll-move-left {
  animation-name: slide-left;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes slide-left {
  0% {
    transform: translateX(20px);
    opacity: 0;
  }
  40% {
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    transform: translateX(80px);
    opacity: 1;
  }
}
.laisla-scroll-move-left-image {
  animation-name: slide-left-image;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-timeline: view();
  animation-range: entry 0% cover 50%;
}

@keyframes slide-left-image {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  70% {
    transform: translateX(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(80px);
    opacity: 1;
  }
}
/* Fallback si el navegador no soporta scroll-driven animations */
@supports not (animation-timeline: view()) {
  .scroll-move-left {
    transform: translateX(0);
  }
}
/*Gaviota*/
.laisla-slide-loop {
  z-index: 999999;
  position: relative;
  animation: slide-left-right 15s linear infinite;
}

@keyframes slide-left-right {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}
.laisla-scroll-move-hoja-left {
  pointer-events: none;
  animation-name: slide-hoja-left;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-timeline: view();
  animation-range: entry 30% cover 40%;
}

@keyframes slide-hoja-left {
  40% {
    transform: translateX(0vw);
    opacity: 1;
  }
  100% {
    transform: translateX(-80%);
    opacity: 1;
  }
}
/* Fallback si el navegador no soporta scroll-driven animations */
@supports not (animation-timeline: view()) {
  .scroll-move-hoja-left {
    transform: translateX(0);
  }
}
.laisla-scroll-move-hoja-right {
  pointer-events: none;
  animation-name: slide-hoja-right;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-timeline: view();
  animation-range: entry 30% cover 40%;
}

@keyframes slide-hoja-right {
  40% {
    transform: translateX(0vw);
    opacity: 1;
  }
  100% {
    transform: translateX(50%);
    opacity: 1;
  }
}
/* Fallback si el navegador no soporta scroll-driven animations */
@supports not (animation-timeline: view()) {
  .scroll-move-hoja-right {
    transform: translateX(0);
  }
}
/*ANIMACIÓN OPACIDAD AL HACER SCROLL*/
.laisla-scroll-opacity {
  animation-name: slide-scroll-opacity;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-timeline: view();
  animation-range: entry 30% cover 40%;
}

@keyframes slide-scroll-opacity {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}
/*POST CARD PROYECTOS*/
.laisla-proyectos-carrusel-post-card-inicio {
  border-radius: 1000px;
}

/*LOTTIE SUPERPUESTO*/
.laisla-position-absolute-lottie-doble {
  position: absolute;
  bottom: 0px;
}

/*Home exitos*/
.laisla-proyectos-carrusel-post-card-inicio {
  padding: 0px 60px !important;
}
.laisla-proyectos-carrusel-post-card-inicio .awb-swiper-button {
  height: 100%;
  width: 50px;
  background-color: #f6f3ef;
  opacity: 100;
  border-radius: 0px;
  overflow: visible;
}
.laisla-proyectos-carrusel-post-card-inicio .awb-swiper-button:hover {
  background-color: #f6f3ef;
  opacity: 100;
}
.laisla-proyectos-carrusel-post-card-inicio .awb-swiper-button-prev {
  left: 0px;
}
.laisla-proyectos-carrusel-post-card-inicio .awb-swiper-button-next {
  right: 0px;
}

.laisla-proyectos-casos-inicio .fusion-column-wrapper {
  display: flex;
  align-items: center;
  align-content: center;
}
.laisla-proyectos-casos-inicio img {
  filter: grayscale(100%);
  transition: all 1s ease;
}
.laisla-proyectos-casos-inicio:hover img {
  filter: grayscale(0%);
}

/* CASOS EXITO */
.laisla-exitos .fusion-grid {
  justify-content: center !important;
}
.laisla-exitos .fusion-filters {
  max-width: 1200px;
  border: none !important;
  margin: auto;
  margin-bottom: 80px !important;
}
.laisla-exitos .fusion-filters .fusion-filter {
  margin: 10px 0 !important;
  padding: 0px 15px;
  border-right: 1px solid #5EBED4;
}
.laisla-exitos .fusion-filters .fusion-filter.fusion-active a {
  font-weight: 600;
  border-top: none !important;
  border-bottom: 2px solid #5EBED4;
}
.laisla-exitos .fusion-filters .fusion-filter:last-child {
  border-right: 0px;
}
.laisla-exitos .fusion-tb-categories {
  text-align: center;
  line-height: 140%;
}

/* CASO EXITO */
.laisla-portfolio-link {
  display: flex;
  align-items: center;
  gap: 20px;
}
.laisla-portfolio-link .laisla-portfolio-arrow {
  height: 40px !important;
}
.laisla-portfolio-link .laisla-portfolio-title {
  font-weight: 800;
  color: #353E41;
}
.laisla-portfolio-link:hover .laisla-nav-title {
  text-decoration: underline;
}
.laisla-portfolio-prev .laisla-portfolio-title {
  text-align: right !important;
}
.laisla-portfolio-categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.laisla-portfolio-category {
  display: flex;
  background-color: #ffffff;
  padding: 5px 10px;
  border-radius: 100px;
}

/*CASOS DE ÉXITO*/
.laisla-post-card-page-casos .laisla-portfolio-categories {
  gap: 0 2px;
}
.laisla-post-card-page-casos .laisla-portfolio-categories .laisla-portfolio-category {
  padding: 0px;
  background-color: transparent;
  font-size: 13px;
  line-height: 140%;
  color: #809bab;
}
.laisla-post-card-page-casos .laisla-portfolio-categories .laisla-portfolio-category:after {
  content: ",";
  color: #809bab;
}
.laisla-post-card-page-casos .laisla-portfolio-categories .laisla-portfolio-category:last-child:after {
  content: "";
}

/* CTA FLOTANTE */
.laisla-cta-flotante {
  position: fixed !important;
  bottom: 0 !important;
  right: 0 !important;
  z-index: 10000 !important;
}
.laisla-cta-flotante a {
  opacity: 1 !important;
}

/*CONTACTO*/
#isla-form-contact label, #isla-form-contact a {
  color: white !important;
}
#isla-form-contact-info-legal-title {
  color: white !important;
  font-size: 14px;
}
#isla-form-contact-info-legal-text {
  color: white !important;
  font-size: 12px;
  line-height: 140%;
}

/*---------------------------------Animación POP al hacer scroll*/
/* Estado inicial (antes de entrar) */
.laisla-scroll-pop {
  opacity: 0;
  transform: scale(0.92);
  transform-origin: center;
}

/* Accesibilidad: sin animación si el usuario lo pide */
@media (prefers-reduced-motion: reduce) {
  .laisla-scroll-pop {
    opacity: 1 !important;
    transform: none !important;
  }
}
.laisla-hoja-izq {
  /* estado inicial */
  --dx: -50px; /* distancia horizontal inicial (negativo = desde la izq) */
  opacity: 0.5;
  transform: translateX(var(--dx));
  will-change: opacity, transform;
}

/* Accesibilidad: si el usuario prefiere menos movimiento, deja todo final */
@media (prefers-reduced-motion: reduce) {
  .laisla-hoja-izq {
    opacity: 1;
    transform: translateX(0);
  }
}
.laisla-lottie-superpuesto-absolute {
  position: absolute;
}

.laisla-contacto-flotante {
  opacity: 1;
  transition: all 1s ease;
}

.laisla-contacto-flotante.oculto {
  opacity: 0;
  pointer-events: none;
  transition: all 1s ease;
}

/*NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN NEW FIN */
/*1500px*/
@media screen and (max-width: 1200px) {
  .laisla-foto-1 img {
    background-size: calc(100% - 30px);
  }
  .laisla-foto-2 img {
    background-size: calc(100% - 40px);
  }
  .laisla-foto-3 img {
    background-size: calc(100% - 40px);
  }
}
/*BOTÓN FILTROS MÓVIL PORTFOLIO*/
.laisla-desplegar-filtros {
  display: flex !important;
  justify-content: flex-start !important;
}

@media (max-width: 1080px) {
  .laisla-exitos .fusion-filters {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    display: flex !important;
    padding: 0px;
  }
  .laisla-exitos .fusion-filters li {
    border-bottom: none;
    padding-left: 0px;
    margin-right: 15px !important;
  }
  .laisla-exitos .fusion-filters.visible {
    opacity: 1;
    border-bottom: 1px solid #353e41;
    margin-bottom: 40px !important;
  }
  .laisla-exitos .fusion-filters.visible li {
    border-bottom: none;
    padding-left: 0px;
    margin-right: 15px !important;
  }
}
/*RESPONSIVE TABLET*/
@media screen and (max-width: 1080px) {
  .fusion-header-wrapper .fusion-mobile-menu-design-flyout .fusion-header .fusion-row .fusion-header-has-flyout-menu-content .fusion-flyout-mobile-menu-icons {
    background-color: #F33E04;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fusion-header-wrapper .fusion-mobile-menu-design-flyout .fusion-header .fusion-row .fusion-header-has-flyout-menu-content .fusion-flyout-mobile-menu-icons:hover {
    background-color: #B02D03;
  }
  .fusion-header-wrapper .fusion-header .sub-menu {
    background-color: #ffffff;
  }
  .fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(1),
  .fusion-header-has-flyout-menu.fusion-flyout-menu-active .fusion-flyout-menu-icons .fusion-flyout-menu-toggle .fusion-toggle-icon-line:nth-child(3) {
    position: relative;
    left: 6px;
  }
  .laisla-portfolio-iframe-wrapper iframe {
    border-width: 10px !important;
    margin: 15px;
  }
  .laisla-portfolio-iframe-wrapper .fusion-column-wrapper {
    justify-content: center !important;
    border-width: 0 !important;
  }
  .laisla-portfolio-iframe-wrapper > .fusion-column-wrapper {
    border-width: 10px !important;
  }
  /* HOME */
  .laisla-link-interes-home {
    display: flex;
  }
}
/*RESPONSIVE MOVIL*/
@media screen and (max-width: 800px) {
  /*HOME*/
  /*Vídeo*/
  .laisla-parche-video {
    clip-path: circle(50% at 50% 50%);
    margin-left: -100px;
    margin-top: -150px;
  }
  .laisla-foto-1 img {
    background-size: calc(100% - 40px);
  }
  .laisla-foto-2 img {
    background-size: calc(100% - 50px);
  }
  .laisla-foto-3 img {
    background-size: calc(100% - 50px);
  }
  /*Iconos linkedin Equipo*/
  .laisla-icon-linkedin {
    position: relative;
    top: 0;
    left: 25%;
  }
  /* MENU */
  .fusion-logo img {
    width: 70% !important;
  }
  /* HOME */
  .isla-link-icons .image {
    width: 60%;
  }
  .laisla-link-interes-home {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
  }
  .laisla-link-interes-home .fusion-column,
  .laisla-link-interes-home .fusion-column:nth-child(2n) {
    margin-right: auto !important;
  }
  .laisla-link-interes-home .content-box-column {
    margin-bottom: 0 !important;
  }
  .laisla-link-interes-home .content-box-column-1 {
    margin: 0 auto;
    width: 50% !important;
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .laisla-link-interes-home .content-box-column-2 {
    margin: 0 auto;
    width: 100% !important;
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .laisla-link-interes-home .content-box-column-3 {
    margin: 0 auto;
    width: 100% !important;
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .laisla-proyectos-sobre-fondo-azul .fusion-image-wrapper img {
    width: 100%;
  }
  .laisla-proyectos-sobre-fondo-azul .fusion-portfolio-content {
    justify-content: space-between;
  }
  .laisla-proyectos-sobre-fondo-azul .fusion-portfolio-meta {
    width: auto !important;
  }
  #content {
    margin-bottom: 0px !important;
  }
  /* DISPLAY */
  .laisla-display-title h4 {
    margin-top: 0 !important;
  }
  .laisla-display-text .fusion-text {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 5%;
  }
  /*FILTROS PORTFOLIO*/
  .laisla-casos-exito-column .laisla-exitos .fusion-filters {
    display: flex !important;
  }
  .laisla-casos-exito-column .laisla-exitos .fusion-filters li {
    border: none !important;
    width: 50%;
    padding: 0px !important;
    margin: 5px 0px !important;
  }
  .laisla-casos-exito-column .laisla-exitos .fusion-filters .fusion-active a {
    border: none;
  }
}/*# sourceMappingURL=style.css.map */