.elementor-567 .elementor-element.elementor-element-67cd779{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;--overlay-opacity:0;}.elementor-567 .elementor-element.elementor-element-67cd779::before, .elementor-567 .elementor-element.elementor-element-67cd779 > .elementor-background-video-container::before, .elementor-567 .elementor-element.elementor-element-67cd779 > .e-con-inner > .elementor-background-video-container::before, .elementor-567 .elementor-element.elementor-element-67cd779 > .elementor-background-slideshow::before, .elementor-567 .elementor-element.elementor-element-67cd779 > .e-con-inner > .elementor-background-slideshow::before, .elementor-567 .elementor-element.elementor-element-67cd779 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-567 .elementor-element.elementor-element-67cd779, .elementor-567 .elementor-element.elementor-element-67cd779::before{--border-transition:0.3s;}.elementor-567 .elementor-element.elementor-element-08610d8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-567 .elementor-element.elementor-element-9c9ccde .elementor-heading-title{color:var( --e-global-color-text );font-family:"Manrope", Sans-serif;font-size:4em;font-weight:700;}.elementor-567 .elementor-element.elementor-element-122fd90 .elementor-heading-title{color:var( --e-global-color-text );font-family:"Manrope", Sans-serif;font-size:1.2em;font-weight:normal;}.elementor-567 .elementor-element.elementor-element-2b99a3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-8e160c5{text-align:left;}.elementor-567 .elementor-element.elementor-element-4caa47d .elementor-heading-title{color:#222222;font-family:"Manrope", Sans-serif;font-size:2.5em;font-weight:700;}.elementor-567 .elementor-element.elementor-element-e8a4e6f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-d78ab6e{--display:flex;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-7805b75{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-840ff18{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-2dc4be8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-567 .elementor-element.elementor-element-4a11965{text-align:center;}.elementor-567 .elementor-element.elementor-element-4a11965 .elementor-heading-title{color:var( --e-global-color-primary );font-family:"Manrope", Sans-serif;font-size:3em;font-weight:700;}.elementor-567 .elementor-element.elementor-element-c2a020f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-12ea5e4{--display:flex;--background-transition:0.3s;}.elementor-567 .elementor-element.elementor-element-548d750{--icon-box-icon-margin:15px;}.elementor-567 .elementor-element.elementor-element-548d750.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-0bbd06e );}.elementor-567 .elementor-element.elementor-element-548d750.elementor-view-framed .elementor-icon, .elementor-567 .elementor-element.elementor-element-548d750.elementor-view-default .elementor-icon{fill:var( --e-global-color-0bbd06e );color:var( --e-global-color-0bbd06e );border-color:var( --e-global-color-0bbd06e );}.elementor-567 .elementor-element.elementor-element-548d750 .elementor-icon-box-title, .elementor-567 .elementor-element.elementor-element-548d750 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:1.2em;font-weight:700;}.elementor-567 .elementor-element.elementor-element-651d484{--display:flex;--background-transition:0.3s;}.elementor-567 .elementor-element.elementor-element-633d08a{--icon-box-icon-margin:15px;}.elementor-567 .elementor-element.elementor-element-633d08a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-39fafc9 );}.elementor-567 .elementor-element.elementor-element-633d08a.elementor-view-framed .elementor-icon, .elementor-567 .elementor-element.elementor-element-633d08a.elementor-view-default .elementor-icon{fill:var( --e-global-color-39fafc9 );color:var( --e-global-color-39fafc9 );border-color:var( --e-global-color-39fafc9 );}.elementor-567 .elementor-element.elementor-element-633d08a .elementor-icon-box-title, .elementor-567 .elementor-element.elementor-element-633d08a .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:1.2em;font-weight:700;}.elementor-567 .elementor-element.elementor-element-9ca8753{--display:flex;--background-transition:0.3s;}.elementor-567 .elementor-element.elementor-element-dc84c84{--icon-box-icon-margin:15px;}.elementor-567 .elementor-element.elementor-element-dc84c84.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-567 .elementor-element.elementor-element-dc84c84.elementor-view-framed .elementor-icon, .elementor-567 .elementor-element.elementor-element-dc84c84.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-567 .elementor-element.elementor-element-dc84c84 .elementor-icon-box-title, .elementor-567 .elementor-element.elementor-element-dc84c84 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:1.2em;font-weight:700;}.elementor-567 .elementor-element.elementor-element-5425ac2{--display:flex;--background-transition:0.3s;}.elementor-567 .elementor-element.elementor-element-8a23240{--icon-box-icon-margin:15px;}.elementor-567 .elementor-element.elementor-element-8a23240.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-4af1bf7 );}.elementor-567 .elementor-element.elementor-element-8a23240.elementor-view-framed .elementor-icon, .elementor-567 .elementor-element.elementor-element-8a23240.elementor-view-default .elementor-icon{fill:var( --e-global-color-4af1bf7 );color:var( --e-global-color-4af1bf7 );border-color:var( --e-global-color-4af1bf7 );}.elementor-567 .elementor-element.elementor-element-8a23240 .elementor-icon-box-title, .elementor-567 .elementor-element.elementor-element-8a23240 .elementor-icon-box-title a{font-family:"Manrope", Sans-serif;font-size:1.2em;font-weight:700;}.elementor-567 .elementor-element.elementor-element-f445212{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--margin-top:0%;--margin-bottom:4%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-567 .elementor-element.elementor-element-037095f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-037095f:not(.elementor-motion-effects-element-type-background), .elementor-567 .elementor-element.elementor-element-037095f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-39fafc9 );}.elementor-567 .elementor-element.elementor-element-037095f, .elementor-567 .elementor-element.elementor-element-037095f::before{--border-transition:0.3s;}.elementor-567 .elementor-element.elementor-element-d9b7865{--display:flex;--justify-content:center;--background-transition:0.3s;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-567 .elementor-element.elementor-element-d9b7865.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-567 .elementor-element.elementor-element-b74f889{text-align:left;}.elementor-567 .elementor-element.elementor-element-050d690 .elementor-heading-title{color:var( --e-global-color-text );font-family:"Manrope", Sans-serif;font-size:2.5em;font-weight:700;}.elementor-567 .elementor-element.elementor-element-bee118f{text-align:left;}.elementor-567 .elementor-element.elementor-element-bee118f .elementor-heading-title{color:var( --e-global-color-text );font-family:"Manrope", Sans-serif;font-size:1em;font-weight:normal;line-height:1.5em;}.elementor-567 .elementor-element.elementor-element-11ec0f5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-567 .elementor-element.elementor-element-11ec0f5 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );background-color:#22222200;}.elementor-567 .elementor-element.elementor-element-3338293{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-2c47c78 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-567 .elementor-element.elementor-element-2c47c78{text-align:center;}.elementor-567 .elementor-element.elementor-element-2c47c78 img{width:75%;}@media(max-width:1024px){.elementor-567 .elementor-element.elementor-element-11ec0f5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-567 .elementor-element.elementor-element-67cd779{--min-height:50vh;}.elementor-567 .elementor-element.elementor-element-08610d8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-9c9ccde{text-align:center;}.elementor-567 .elementor-element.elementor-element-9c9ccde .elementor-heading-title{font-size:10vw;}.elementor-567 .elementor-element.elementor-element-122fd90{text-align:center;}.elementor-567 .elementor-element.elementor-element-122fd90 .elementor-heading-title{font-size:3.5vw;}.elementor-567 .elementor-element.elementor-element-2b99a3b{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-567 .elementor-element.elementor-element-8e160c5 img{width:20%;}.elementor-567 .elementor-element.elementor-element-4caa47d{text-align:left;}.elementor-567 .elementor-element.elementor-element-4caa47d .elementor-heading-title{font-size:6vw;}.elementor-567 .elementor-element.elementor-element-2dc4be8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-567 .elementor-element.elementor-element-4a11965 .elementor-heading-title{font-size:10vw;}.elementor-567 .elementor-element.elementor-element-c2a020f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-567 .elementor-element.elementor-element-f445212{--margin-top:0%;--margin-bottom:15%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-567 .elementor-element.elementor-element-d9b7865{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-567 .elementor-element.elementor-element-050d690 .elementor-heading-title{font-size:5vw;}.elementor-567 .elementor-element.elementor-element-bee118f .elementor-heading-title{font-size:3.5vw;}.elementor-567 .elementor-element.elementor-element-11ec0f5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-567 .elementor-element.elementor-element-3338293{--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-567 .elementor-element.elementor-element-2b99a3b{--content-width:1400px;}.elementor-567 .elementor-element.elementor-element-2dc4be8{--content-width:1400px;}.elementor-567 .elementor-element.elementor-element-f445212{--content-width:1400px;}.elementor-567 .elementor-element.elementor-element-d9b7865{--width:60%;}}/* Start custom CSS for html, class: .elementor-element-1f160f3 *//* Añadir las fuentes */
@font-face {
  font-family: 'Manrope Bold';
  src: url('https://milat.vessel4u.com/wp-content/uploads/2024/08/Manrope-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope Regular';
  src: url('https://milat.vessel4u.com/wp-content/uploads/2024/08/Manrope-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Estilos para card-1 */
.card-1 {
  position: relative;
  height: 70vh;
  overflow: hidden;
  transition: transform 0.3s;
  border-radius: 15px; /* Bordes redondeados */
}

.card-1 .card-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.card-1 .card-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  color: #222222;
  text-align: left;
  background: #BA4814;
  padding: 10px 20px;
  transition: transform 0.3s, background 0.3s, height 0.3s;
  height: 25%;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  font-family: 'Manrope Regular', Arial, sans-serif;
}

.card-1 .card-hover-text {
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: translateY(20%);
}

.card-1:hover .card-content {
  background: #BA4814;
  height: 45%;
}

.card-1:hover .card-hover-text {
  opacity: 1;
  transform: translateY(0);
}

.card-1 .card-top {
  display: flex;
  justify-content: flex-start;
}

.card-1 .card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.card-1 .card-title {
  font-family: 'Manrope Bold', Arial, sans-serif;
  font-size: 2em;
  font-weight: normal;
  margin: 0;
}

.card-1 .card-cta {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.3s, border-color 0.3s;
}

.card-1 .card-cta .chevron-icon {
  width: 50px;
  height: 50px;
  transition: transform 0.3s;
}

.card-1 .card-cta:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

.card-1:hover .card-cta .chevron-icon {
  transform: rotate(90deg); /* Rotar solo 90 grados */
}

/* Media Queries para hacerlo responsive */
@media (max-width: 1200px) {
  .card-1 {
    height: 70vh;
  }
  .card-1 .card-title {
    font-size: 1.5em; /* Ajuste del tamaño del título */
  }
  .card-1 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-1 .card-cta .chevron-icon {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 992px) {
  .card-1 {
    height: 60vh;
  }
  .card-1 .card-title {
    font-size: 1.5em; /* Ajuste del tamaño del título */
  }
  .card-1 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-1 .card-cta .chevron-icon {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 768px) {
  .card-1 {
    height: 50vh; /* Altura ajustada para dispositivos móviles */
  }
  .card-1 .card-content {
    padding: 10px;
    height: 30%;
  }
  .card-1:hover .card-content {
    height: 50%;
  }
  .card-1 .card-title {
    font-size: 1.2em; /* Ajuste del tamaño del título */
  }
  .card-1 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-1 .card-cta .chevron-icon {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 576px) {
  .card-1 {
    height: 50vh; /* Altura ajustada para dispositivos móviles */
  }
  .card-1 .card-content {
    padding: 15px;
    height: 30%;
  }
  .card-1:hover .card-content {
    height: 50%;
  }
  .card-1 .card-title {
    font-size: 1.5em; /* Ajuste del tamaño del título */
  }
  .card-1 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-1 .card-cta .chevron-icon {
    width: 2em;
    height: 2em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ac75e8 *//* Añadir las fuentes */
@font-face {
  font-family: 'Manrope Bold';
  src: url('https://milat.vessel4u.com/wp-content/uploads/2024/08/Manrope-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope Regular';
  src: url('https://milat.vessel4u.com/wp-content/uploads/2024/08/Manrope-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Estilos para card-2 */
.card-2 {
  position: relative;
  height: 70vh;
  overflow: hidden;
  transition: transform 0.3s;
  border-radius: 15px; /* Bordes redondeados */
}

.card-2 .card-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.card-2 .card-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  color: #222222;
  text-align: left;
  background: #FCBA04;
  padding: 10px 20px;
  transition: transform 0.3s, background 0.3s, height 0.3s;
  height: 25%;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  font-family: 'Manrope Regular', Arial, sans-serif;
}

.card-2 .card-hover-text {
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: translateY(20%);
}

.card-2:hover .card-content {
  background: #FCBA04;
  height: 45%;
}

.card-2:hover .card-hover-text {
  opacity: 1;
  transform: translateY(0);
}

.card-2 .card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.card-2 .card-title {
  font-family: 'Manrope Bold', Arial, sans-serif;
  font-size: 2em;
  font-weight: normal;
  margin: 0;
}

.card-2 .card-cta {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.3s, border-color 0.3s;
}

.card-2 .card-cta .chevron-icon {
  width: 50px;
  height: 50px;
  transition: transform 0.3s;
}

.card-2 .card-cta:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

.card-2:hover .card-cta .chevron-icon {
  transform: rotate(90deg); /* Rotar solo 90 grados */
}

/* Media Queries para hacerlo responsive */
@media (max-width: 1200px) {
  .card-2 {
    height: 70vh;
  }
  .card-2 .card-title {
    font-size: 1.5em; /* Ajuste del tamaño del título */
  }
  .card-2 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-2 .card-cta .chevron-icon {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 992px) {
  .card-2 {
    height: 60vh;
  }
  .card-2 .card-title {
    font-size: 1.5em; /* Ajuste del tamaño del título */
  }
  .card-2 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-2 .card-cta .chevron-icon {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 768px) {
  .card-2 {
    height: 50vh; /* Altura ajustada para dispositivos móviles */
  }
  .card-2 .card-content {
    padding: 10px;
    height: 30%;
  }
  .card-2:hover .card-content {
    height: 50%;
  }
  .card-2 .card-title {
    font-size: 1.2em; /* Ajuste del tamaño del título */
  }
  .card-2 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-2 .card-cta .chevron-icon {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 576px) {
  .card-2 {
    height: 50vh; /* Altura ajustada para dispositivos móviles */
  }
  .card-2 .card-content {
    padding: 15px;
    height: 30%;
  }
  .card-2:hover .card-content {
    height: 50%;
  }
  .card-2 .card-title {
    font-size: 1.5em; /* Ajuste del tamaño del título */
  }
  .card-2 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-2 .card-cta .chevron-icon {
    width: 2em;
    height: 2em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c48f7a *//* Añadir las fuentes */
@font-face {
  font-family: 'Manrope Bold';
  src: url('https://milat.vessel4u.com/wp-content/uploads/2024/08/Manrope-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope Regular';
  src: url('https://milat.vessel4u.com/wp-content/uploads/2024/08/Manrope-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Estilos para card-3 */
.card-3 {
  position: relative;
  height: 70vh;
  overflow: hidden;
  transition: transform 0.3s;
  border-radius: 15px; /* Bordes redondeados */
}

.card-3 .card-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.card-3 .card-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  color: #222222;
  text-align: left;
  background: #7EA8B2;
  padding: 10px 20px;
  transition: transform 0.3s, background 0.3s, height 0.3s;
  height: 25%;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  font-family: 'Manrope Regular', Arial, sans-serif;
}

.card-3 .card-hover-text {
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: translateY(20%);
}

.card-3:hover .card-content {
  background: #7EA8B2;
  height: 45%;
}

.card-3:hover .card-hover-text {
  opacity: 1;
  transform: translateY(0);
}

.card-3 .card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.card-3 .card-title {
  font-family: 'Manrope Bold', Arial, sans-serif; /* Asegúrate de que 'Manrope Bold' esté aplicado */
  font-size: 2em;
  font-weight: normal;
  margin: 0;
}

.card-3 .card-cta {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.3s, border-color 0.3s;
}

.card-3 .card-cta .chevron-icon {
  width: 50px;
  height: 50px;
  transition: transform 0.3s;
}

.card-3 .card-cta:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

.card-3:hover .card-cta .chevron-icon {
  transform: rotate(90deg); /* Rotar solo 90 grados */
}

/* Media Queries para hacerlo responsive */
@media (max-width: 1200px) {
  .card-3 {
    height: 70vh;
  }
  .card-3 .card-title {
    font-size: 1.5em; /* Ajuste del tamaño del título */
  }
  .card-3 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-3 .card-cta .chevron-icon {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 992px) {
  .card-3 {
    height: 60vh;
  }
  .card-3 .card-title {
    font-size: 1.5em; /* Ajuste del tamaño del título */
  }
  .card-3 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-3 .card-cta .chevron-icon {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 768px) {
  .card-3 {
    height: 50vh; /* Altura ajustada para dispositivos móviles */
  }
  .card-3 .card-content {
    padding: 10px;
    height: 30%;
  }
  .card-3:hover .card-content {
    height: 50%;
  }
  .card-3 .card-title {
    font-size: 1.2em; /* Ajuste del tamaño del título */
  }
  .card-3 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-3 .card-cta .chevron-icon {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 576px) {
  .card-3 {
    height: 50vh; /* Altura ajustada para dispositivos móviles */
  }
  .card-3 .card-content {
    padding: 15px;
    height: 30%;
  }
  .card-3:hover .card-content {
    height: 50%;
  }
  .card-3 .card-title {
    font-size: 1.5em; /* Ajuste del tamaño del título */
  }
  .card-3 .card-content p {
    font-size: 0.7em; /* Tamaño del texto del contenido */
  }
  .card-3 .card-cta .chevron-icon {
    width: 2em;
    height: 2em;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://milat.vessel4u.com/wp-content/uploads/2024/08/Manrope-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://milat.vessel4u.com/wp-content/uploads/2024/08/Manrope-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://milat.vessel4u.com/wp-content/uploads/2024/08/Manrope-ExtraLight.ttf') format('truetype');
}
/* End Custom Fonts CSS */