.lfr-layout-structure-item-container {padding: 0;}.lfr-layout-structure-item-row {overflow: hidden;}.lfr-layout-structure-item-76890aa6-5e84-5591-3509-892d55c59a3c {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-76890aa6-5e84-5591-3509-892d55c59a3c {
.generalTitle, .generalTitle-text {
font-weight: 400;
margin-bottom: 1rem;
}


.carousel-indicators{
margin: auto !important;
}
h3 {
font-size: 3rem
}


}

.has-edit-mode-menu .generalTitle {
  display:none!important;
}.lfr-layout-structure-item-3ca6787b-645f-adb4-5ce9-69295ef284a8 {
overflow: visible !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-59351164-6b68-a1b6-12a4-ebc4db0c866b {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-59351164-6b68-a1b6-12a4-ebc4db0c866b) !important;
margin-left: -30px !important;
margin-right: -30px !important;
min-height: 150px !important;
}
.lfr-layout-structure-item-59351164-6b68-a1b6-12a4-ebc4db0c866b {

}


.seccion-imagen-marte{
	background-image: url('/documents/d/welgso/fondo-marte') !important;
  background-size: cover; /* o contain según el diseño */
  background-position: center;
}
.lfr-layout-structure-item-721c9751-8848-193b-338f-f42b9d09481d {
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-8c7c1006-0582-eced-ba1c-6a3df9f5629f {
aspect-ratio: 16 / 11;
width: 100%;

a:hover, a:focus, button:hover, button:focus {
    outline: 0.2rem solid #ffd8a1!important;
    outline-offset: -0.2rem;
}
}
.has-edit-mode-menu .d-none {
    display: block !important;
}.lfr-layout-structure-item-6617c40c-7e3e-e87f-bc36-f966ca87e56b {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-a59891a9-2fc3-13e4-8446-ec7092f02377 {
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-a59891a9-2fc3-13e4-8446-ec7092f02377 {
.banner-landing-tripulacion{
font-weight: 400;
}
}.lfr-layout-structure-item-1c5631d4-c2c1-ca59-dd54-3dbf483b3bcc {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-1c5631d4-c2c1-ca59-dd54-3dbf483b3bcc) !important;
margin-left: -30px !important;
margin-right: -30px !important;
color: #465055 !important;
}
.lfr-layout-structure-item-1c5631d4-c2c1-ca59-dd54-3dbf483b3bcc {
position: relative;
.fade-container {
 opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
}

.fade-container.show{
 opacity: 1 !important;
 visibility: visible;
}

/* Estilos para las transiciones fade */
.landing-banner-portada,
.landing-video-portada {
    transition: opacity 0.5s ease-in-out;
}



}


.seccion-banner-video{
	background-image: url('/documents/d/welgso/fondo-astronauta') !important;
  background-size: cover; /* o contain según el diseño */
  background-position: center;
}

.lfr-layout-structure-item-d12ee3e6-b12d-182b-f472-7865b86b764d {
overflow: visible !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-d12ee3e6-b12d-182b-f472-7865b86b764d {
img {
max-height: 7rem;
}
}.lfr-layout-structure-item-1ee092f4-641f-66b7-5568-9e3f3bdfaf66 {
background-color: #FFF1DC !important;
margin-left: -30px !important;
margin-right: -30px !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-cb49149d-00e2-8f3b-cdde-fe6560632e37 {
max-width: 1400px !important;
padding-left: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-cb49149d-00e2-8f3b-cdde-fe6560632e37 {

aspect-ratio: 16 / 11;
width: 100%;
}.lfr-layout-structure-item-134a82ec-239c-479c-40c2-30d623499b3c {
overflow: visible !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-9eb7e825-4c72-ea37-59da-71bf1319d9ba {
font-family: 'CheltenhamStd';
}

#main-content:not(.gso__insidelayout) {
padding-top: 50px !important;
}
 
.has-edit-mode-menu #content {
    padding-top: 6rem !important;
    margin-top: 40px !important;
}

.signed-in section#content {
    padding-top: 0rem;
    margin-top: 30px;
}.lfr-layout-structure-item-3dc2e8e6-4fa3-b05e-72a7-c757166978fb {
max-width: 1000px !important;
padding-bottom: var(--spacer-7,6rem) !important;
padding-top: var(--spacer-8,7.5rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-3dc2e8e6-4fa3-b05e-72a7-c757166978fb {
.banner-landing-tripulacion{
color: #ffd8a1;
font-weight: 400;
font-size: 3.2rem;
}

.plusUp {
    top: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    right: -100px;
}

.plusDown {
    bottom: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    left: 10px;
}
.yearUp {
height: 43px;
    position: absolute;
    top: 35px;
    left: 9px;
}


.yearDown {
    height: 58px;
    position: absolute;
    bottom: 35px;
    right: 10px;
}

.worldIcon {
width: 50px ;
height: 50px;
  background-color: #FFF0C9; 
  mask: url('/documents/d/welgso/wold_icon') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

}

.lfr-layout-structure-item-cefcced8-02bc-fce4-9841-ffafc4671c70 {
overflow: visible !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-e3986ded-14e2-b073-76d0-0467550e776c {
overflow: visible !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-088f5f5c-b737-1b36-cbb5-db9d623bef8b {
a:hover, a:focus, button:hover, button:focus {
    outline: 0.2rem solid #ffd8a1!important;
    outline-offset: -0.2rem;
}
font-family: "Avenir LT Std", sans-serif;
 
}

/* Contenedor principal con flexbox y wrap */
.bloque-tripulacion-new .videos-verticales {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Tarjeta de video: ancho normal 264px con transiciones */
.bloque-tripulacion-new .videos-verticales .video-tripulacion {
  width: 264px;  
  min-height: 570px;
  position: relative;
  transition: width 0.6s linear;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

/* Contenedor del reproductor con transición suave */
.bloque-tripulacion-new .videos-verticales section .reproductorVideoOnce {
  width: 264px !important;
  flex-shrink: 0;
  overflow: visible;
  padding: 4px;
  transition: width 0.6s linear;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Contenedor del video con altura fija */
.bloque-tripulacion-new .videos-verticales section .reproductorVideoOnce .onceVideo {
  min-height: 456px;
  width: 100%;
  flex-shrink: 0;
  position: relative;
}

/* Video adaptado al contenedor manteniendo proporción */
.bloque-tripulacion-new .videos-verticales section video {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

.bloque-tripulacion-new .reproductor-videos-verticales {
 /* min-width:132px;*/
  display: flex;
  justify-content: center;
  align-items: center; 
  align-self: flex-start;
  padding: 0!important;
}

/* Botón de reproducción con gradiente */
.bloque-tripulacion-new .videos-verticales button.big-play-button {
    background: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 30%, transparent 100%);
    overflow: hidden
}

.bloque-tripulacion-new .videos-verticales button.big-play-button:hover, 
.bloque-tripulacion-new .videos-verticales button.big-play-button:focus{
    outline-offset: 0;
    outline: .3rem solid #5d2812!important;
}

.bloque-tripulacion-new .videos-verticales .big-play-button img {
    width: 50px;
    position: absolute;
    bottom: 11px;
    left: calc(50% - 25px);
}

/* Transición de opacidad del video */
.bloque-tripulacion-new .videos-verticales video {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}
  
.bloque-tripulacion-new .videos-verticales video.fade-out {
    opacity: 0;
}

/* Nombre del tripulante sobre el video */
.bloque-tripulacion-new .tripulanteNombre {
    font-family: "Ayuthaya";
    position: absolute;
    top: 45%;
    left: 0;
    width: 60%;
    padding: 14px;
    z-index: 10;
    pointer-events: none;
    color: #465055;
    font-size: 18px;
    text-align: center;
    background: #ffd8a1;
    border-radius: 5px;
    margin: 0 20%;
}

/* Ocultar nombre del botón cuando el video está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .big-play-button .tripulanteNombre {
    display: none !important;
}

/* Estado expandido: 500px cuando está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing {
  width: 500px !important;
  flex-shrink: 0;
}
    
/* Estado reducido: 132px para videos en la misma fila */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced {
  width: 132px !important;
  flex-shrink: 0;
  flex-grow: 0;
}

/* Ajuste del nombre en tarjetas reducidas */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced .reproductorVideoOnce .onceVideo .tripulanteNombre {
  width:119%;
  margin: 0 -10px
}

/* Ancho del reproductor cuando está reducido */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced .reproductorVideoOnce {
    width: 132px !important;
}

/* Ancho del reproductor cuando está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .reproductorVideoOnce {
    width: 264px !important;
}

/* Transición suave del poster */
.bloque-tripulacion-new .videos-verticales section .video-poster-overlay {
  transition: opacity 0.5s ease-in-out;
}

/* Controles en el flujo normal debajo del video */
.bloque-tripulacion-new .videos-verticales section .controls {
    width: 100%;
    flex-shrink: 0;
}

/* Ocultar controles cuando el video no está visible */
.bloque-tripulacion-new .videos-verticales section[data-state="hidden"] .controls {
    display: none !important;
}

/* Mostrar controles cuando el video está visible */
.bloque-tripulacion-new .videos-verticales section[data-state="visible"] .controls {
    display: block !important;
}

/* Texto del tripulante oculto por defecto */
.bloque-tripulacion-new .texto-tripulante  {
  display: none;
}

/* Texto oculto durante la transición para evitar desbordamiento */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante {
  display: none;
  width: 235px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  padding: 0 7%;
}

/* Mostrar texto con fade después de la transición */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante.visible {
  display: block !important;
  opacity: 1;
}

/* Estilo del nombre dentro del texto del tripulante */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante .tripulanteNombre {
    background: #4a0102;
    position: relative;
    width: 100%;
    padding: 6px;
    margin: 24px 0;
    color: #ffd8a1;
}

/* Párrafos del texto del tripulante */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante p {
  display: block;
  font-size: 1.3rem;
}


/* VISTA EDICIÓN: Estilos para el modo de edición */
.has-edit-mode-menu .codigo-videos-verticales {
    min-height: 40px;
}

.has-edit-mode-menu .texto-tripulante {
  width:40px;
  display: block;
  width:200px;
  position: relative;
  top: 470px;
  left: -256px;
}

.has-edit-mode-menu .texto-tripulante .tripulanteNombre {
  display:none;
}.lfr-layout-structure-item-4a336e1c-723e-fe43-e7da-55635852da41 {
background-color: #FFF1DC !important;
margin-left: -30px !important;
margin-right: -30px !important;
margin-top: -5px !important;
padding-bottom: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-4a336e1c-723e-fe43-e7da-55635852da41 {

}


.carrusel-mundo-mejor h2 {
  transition: opacity 0.5s ease-in-out;
}

.carrusel-mundo-mejor h2.fade-out {
  opacity: 0;
}


.gso__skipcarousel a {
  position: absolute;
  left: -9999px;
  top: 0;
}

.gso__skipcarousel a:focus {
  position: static;
  left: auto;
}

.finalCarousel {
  position: absolute;
  left: -9999px;
  top: 0;
}

.finalCarousel:focus{
  position: static;
  left: auto;;
}.lfr-layout-structure-item-59ff9dcb-61f7-15bc-6308-49c015cba25a {
overflow: visible !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-5bec6811-ecdf-6d13-932e-d509a5e24205 {
margin-left: -30px !important;
margin-right: -30px !important;
min-height: 437px !important;
}
.lfr-layout-structure-item-5bec6811-ecdf-6d13-932e-d509a5e24205 {
background: linear-gradient(to bottom, #7f2f08, #994116)!important;
position:relative;
overflow-x: hidden;
}.lfr-layout-structure-item-0dc53592-277d-36a6-55a8-b7bff77b80bc {
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-0dc53592-277d-36a6-55a8-b7bff77b80bc {
img {
max-height: 5rem;
max-width: 11rem;
object-fit: contain;
}
}.lfr-layout-structure-item-7191b712-90c1-5e0e-63b2-894836bf6298 {
max-width: 872px !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-7191b712-90c1-5e0e-63b2-894836bf6298 {
.descripcionVideo {
display:none;
}

}
.portlet-body .h3 {
display:none!important
}.lfr-layout-structure-item-c0a44c5f-2051-fa33-5930-326b36bdabb6 {
font-weight: 400 !important;
height: 60% !important;
max-width: 60% !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-9,9rem) !important;
}
.lfr-layout-structure-item-c0a44c5f-2051-fa33-5930-326b36bdabb6 {
.plusUp {
     width: 650px;
      height: auto;
      display: inline-block;
       top: 100px;
       position: absolute;
       right: 0;
}



.yearDown {
       height: 78px;
        position: absolute;
        top: 300px;
        right: 50px;
}

.worldIcon {
        width: 80px;
        height: 80px;
        background-color: #FFF0C9;
        mask: url(/documents/d/welgso/wold_icon) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain;
        display: block;
        position: absolute;
        top: 10px;
        right: 40px;
}
}
.lfr-layout-structure-item-735e0a15-2edd-a89c-f1ce-68ff78da149b {
overflow: visible !important;
padding-bottom: var(--spacer-3,1rem) !important;
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-fee14a59-70a2-d84e-26e4-6b25e36d7573 {
max-width: 1000px !important;
padding-bottom: var(--spacer-7,6rem) !important;
padding-top: var(--spacer-8,7.5rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-fee14a59-70a2-d84e-26e4-6b25e36d7573 {
.banner-landing-tripulacion{
color: #ffd8a1;
font-weight: 400;
font-size: 3.2rem;
}
.plusUp {
    top: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    right: -100px;
}

.plusDown {
    bottom: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    left: 10px;
}
.yearUp {
height: 43px;
    position: absolute;
    top: 35px;
    left: 9px;
}


.yearDown {
    height: 58px;
    position: absolute;
    bottom: 35px;
    right: 10px;
}

.worldIcon {
width: 50px ;
height: 50px;
  background-color: #ffd8a1; 
  mask: url('/documents/d/welgso/wold_icon') no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
        display: block;
        margin: 0 calc(50% - 25px);
}

}.lfr-layout-structure-item-aa397684-a371-bc9b-0b5c-e7b34df69366 {
margin-left: -30px !important;
margin-right: -30px !important;
overflow: hidden !important;
}
.lfr-layout-structure-item-aa397684-a371-bc9b-0b5c-e7b34df69366 {
background: linear-gradient(to bottom, #7f2f08, #994116)!important;
position:relative;
overflow-x: hidden;
}@media screen and (max-width: 991px) {.lfr-layout-structure-item-76890aa6-5e84-5591-3509-892d55c59a3c {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-6617c40c-7e3e-e87f-bc36-f966ca87e56b {
padding-left: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-cb49149d-00e2-8f3b-cdde-fe6560632e37 {
padding-left: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-3dc2e8e6-4fa3-b05e-72a7-c757166978fb {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-3dc2e8e6-4fa3-b05e-72a7-c757166978fb {
.banner-landing-tripulacion{
color: #FFF0C9;
font-weight: 400;
font-size: 3rem;
}
}

.plusUp {
    top: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    right: -100px;
}

.plusDown {
    bottom: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    left: 10px;
}
.yearUp {
display:none
}

.yearDown {
display:none
}
.lfr-layout-structure-item-088f5f5c-b737-1b36-cbb5-db9d623bef8b {
a:hover, a:focus, button:hover, button:focus {
    outline: 0.2rem solid #ffd8a1!important;
    outline-offset: -0.2rem;
}
font-family: "Avenir LT Std", sans-serif;
 
}

/* Contenedor principal con flexbox y wrap */
.bloque-tripulacion-new .videos-verticales {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Tarjeta de video: ancho normal 264px con transiciones */
.bloque-tripulacion-new .videos-verticales .video-tripulacion {
  width: 264px;  
  min-height: 570px;
  position: relative;
  transition: width 0.6s linear;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

/* Contenedor del reproductor con transición suave */
.bloque-tripulacion-new .videos-verticales section .reproductorVideoOnce {
  width: 264px !important;
  flex-shrink: 0;
  overflow: visible;
  padding: 4px;
  transition: width 0.6s linear;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Contenedor del video con altura fija */
.bloque-tripulacion-new .videos-verticales section .reproductorVideoOnce .onceVideo {
  min-height: 456px;
  width: 100%;
  flex-shrink: 0;
  position: relative;
}

/* Video adaptado al contenedor manteniendo proporción */
.bloque-tripulacion-new .videos-verticales section video {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

.bloque-tripulacion-new .reproductor-videos-verticales {
  /*min-width:132px;*/
  display: flex;
  justify-content: center;
  align-items: center; 
  align-self: flex-start;
  padding: 0!important;
}

/* Botón de reproducción con gradiente */
.bloque-tripulacion-new .videos-verticales button.big-play-button {
    background: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 30%, transparent 100%);
    overflow: hidden
}

.bloque-tripulacion-new .videos-verticales button.big-play-button:hover, 
.bloque-tripulacion-new .videos-verticales button.big-play-button:focus{
    outline-offset: 0;
    outline: .3rem solid #5d2812!important;
}

.bloque-tripulacion-new .videos-verticales .big-play-button img {
    width: 50px;
    position: absolute;
    bottom: 11px;
    left: calc(50% - 25px);
}

/* Transición de opacidad del video */
.bloque-tripulacion-new .videos-verticales video {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}
  
.bloque-tripulacion-new .videos-verticales video.fade-out {
    opacity: 0;
}

/* Nombre del tripulante sobre el video */
.bloque-tripulacion-new .tripulanteNombre {
    font-family: "Ayuthaya";
    position: absolute;
    top: 45%;
    left: 0;
    width: 60%;
    padding: 14px;
    z-index: 10;
    pointer-events: none;
    color: #465055;
    font-size: 18px;
    text-align: center;
    background: #ffd8a1;
    border-radius: 5px;
    margin: 0 20%;
}

/* Ocultar nombre del botón cuando el video está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .big-play-button .tripulanteNombre {
    display: none !important;
}

/* Estado expandido: 500px cuando está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing {
  width: 412px !important;
  flex-shrink: 0;
}
    
/* Estado reducido: 132px para videos en la misma fila */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced {
  width: 132px !important;
  flex-shrink: 0;
  flex-grow: 0;
}

/* Ajuste del nombre en tarjetas reducidas */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced .reproductorVideoOnce .onceVideo .tripulanteNombre {
  width:119%;
  margin: 0 -10px
}

/* Ancho del reproductor cuando está reducido */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced .reproductorVideoOnce {
    width: 132px !important;
}

/* Ancho del reproductor cuando está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .reproductorVideoOnce {
    width: 264px !important;
}

/* Transición suave del poster */
.bloque-tripulacion-new .videos-verticales section .video-poster-overlay {
  transition: opacity 0.5s ease-in-out;
}

/* Controles en el flujo normal debajo del video */
.bloque-tripulacion-new .videos-verticales section .controls {
    width: 100%;
    flex-shrink: 0;
}

/* Ocultar controles cuando el video no está visible */
.bloque-tripulacion-new .videos-verticales section[data-state="hidden"] .controls {
    display: none !important;
}

/* Mostrar controles cuando el video está visible */
.bloque-tripulacion-new .videos-verticales section[data-state="visible"] .controls {
    display: block !important;
}

/* Texto del tripulante oculto por defecto */
.bloque-tripulacion-new .texto-tripulante  {
  display: none;
}

/* Texto oculto durante la transición para evitar desbordamiento */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante {
  display: none;
  width: 145px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  padding: 0 1%;
}

/* Mostrar texto con fade después de la transición */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante.visible {
  display: block !important;
  opacity: 1;
}

/* Estilo del nombre dentro del texto del tripulante */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante .tripulanteNombre {
    background: #4a0102;
    position: relative;
    width: 100%;
    padding: 6px;
    margin: 24px 0;
    color: #ffd8a1;
}

/* Párrafos del texto del tripulante */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante p {
  display: block;
  font-size: 1.2rem;
}


/* VISTA EDICIÓN: Estilos para el modo de edición */
.has-edit-mode-menu .codigo-videos-verticales {
    min-height: 40px;
}

.has-edit-mode-menu .texto-tripulante {
  width:40px;
  display: block;
  width:200px;
  position: relative;
  top: 470px;
  left: -256px;
}

.has-edit-mode-menu .texto-tripulante .tripulanteNombre {
  display:none;
}.lfr-layout-structure-item-7191b712-90c1-5e0e-63b2-894836bf6298 {
max-width: 680px !important;
}
.lfr-layout-structure-item-c0a44c5f-2051-fa33-5930-326b36bdabb6 {
padding-left: var(--spacer-3,1rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-c0a44c5f-2051-fa33-5930-326b36bdabb6 {
.plusUp {
     width: 650px;
      height: auto;
      display: inline-block;
       top: 60px;
       position: absolute;
       right: 0;
}



.yearDown {
dispaly:none
}

.worldIcon {
        width: 50px;
        height: 50px;
        background-color: #FFF0C9;
        mask: url(/documents/d/welgso/wold_icon) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain;
        display: block;
        position: absolute;
        top: 10px;
        right: 40px;
}
}
.lfr-layout-structure-item-fee14a59-70a2-d84e-26e4-6b25e36d7573 {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-3dc2e8e6-4fa3-b05e-72a7-c757166978fb {
.banner-landing-tripulacion{
color: #FFF0C9;
font-weight: 400;
font-size: 3rem;
}
}

.plusUp {
    top: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    right: -100px;
}

.plusDown {
    bottom: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    left: 10px;
}
.yearUp {
display: none
}

.yearDown {
    display: none
}
.lfr-layout-structure-item-088f5f5c-b737-1b36-cbb5-db9d623bef8b {
a:hover, a:focus, button:hover, button:focus {
    outline: 0.2rem solid #ffd8a1!important;
    outline-offset: -0.2rem;
}
font-family: "Avenir LT Std", sans-serif;
 
}

/* Contenedor principal con flexbox y wrap */
.bloque-tripulacion-new .videos-verticales {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Tarjeta de video: ancho normal 264px con transiciones */
.bloque-tripulacion-new .videos-verticales .video-tripulacion {
  width: 264px;  
  min-height: 570px;
  position: relative;
  transition: width 0.6s linear;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

/* Contenedor del reproductor con transición suave */
.bloque-tripulacion-new .videos-verticales section .reproductorVideoOnce {
  width: 264px !important;
  flex-shrink: 0;
  overflow: visible;
  padding: 4px;
  transition: width 0.6s linear;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Contenedor del video con altura fija */
.bloque-tripulacion-new .videos-verticales section .reproductorVideoOnce .onceVideo {
  min-height: 456px;
  width: 100%;
  flex-shrink: 0;
  position: relative;
}

/* Video adaptado al contenedor manteniendo proporción */
.bloque-tripulacion-new .videos-verticales section video {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

.bloque-tripulacion-new .reproductor-videos-verticales {
  /*min-width:132px;*/
  display: flex;
  justify-content: center;
  align-items: center; 
  align-self: flex-start;
  padding: 0!important;
}

/* Botón de reproducción con gradiente */
.bloque-tripulacion-new .videos-verticales button.big-play-button {
    background: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 30%, transparent 100%);
    overflow: hidden
}

.bloque-tripulacion-new .videos-verticales button.big-play-button:hover, 
.bloque-tripulacion-new .videos-verticales button.big-play-button:focus{
    outline-offset: 0;
    outline: .3rem solid #5d2812!important;
}

.bloque-tripulacion-new .videos-verticales .big-play-button img {
    width: 50px;
    position: absolute;
    bottom: 11px;
    left: calc(50% - 25px);
}

/* Transición de opacidad del video */
.bloque-tripulacion-new .videos-verticales video {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}
  
.bloque-tripulacion-new .videos-verticales video.fade-out {
    opacity: 0;
}

/* Nombre del tripulante sobre el video */
.bloque-tripulacion-new .tripulanteNombre {
    font-family: "Ayuthaya";
    position: absolute;
    top: 45%;
    left: 0;
    width: 60%;
    padding: 14px;
    z-index: 10;
    pointer-events: none;
    color: #465055;
    font-size: 18px;
    text-align: center;
    background: #ffd8a1;
    border-radius: 5px;
    margin: 0 20%;
}

/* Ocultar nombre del botón cuando el video está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .big-play-button .tripulanteNombre {
    display: none !important;
}

/* Estado expandido: 500px cuando está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing {
  width: 412px !important;
  flex-shrink: 0;
}
    
/* Estado reducido: 132px para videos en la misma fila */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced {
  width: 132px !important;
  flex-shrink: 0;
  flex-grow: 0;
}

/* Ajuste del nombre en tarjetas reducidas */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced .reproductorVideoOnce .onceVideo .tripulanteNombre {
  width:119%;
  margin: 0 -10px
}

/* Ancho del reproductor cuando está reducido */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced .reproductorVideoOnce {
    width: 132px !important;
}

/* Ancho del reproductor cuando está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .reproductorVideoOnce {
    width: 264px !important;
}

/* Transición suave del poster */
.bloque-tripulacion-new .videos-verticales section .video-poster-overlay {
  transition: opacity 0.5s ease-in-out;
}

/* Controles en el flujo normal debajo del video */
.bloque-tripulacion-new .videos-verticales section .controls {
    width: 100%;
    flex-shrink: 0;
}

/* Ocultar controles cuando el video no está visible */
.bloque-tripulacion-new .videos-verticales section[data-state="hidden"] .controls {
    display: none !important;
}

/* Mostrar controles cuando el video está visible */
.bloque-tripulacion-new .videos-verticales section[data-state="visible"] .controls {
    display: block !important;
}

/* Texto del tripulante oculto por defecto */
.bloque-tripulacion-new .texto-tripulante  {
  display: none;
}

/* Texto oculto durante la transición para evitar desbordamiento */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante {
  display: none;
  width: 145px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  padding: 0 1%;
}

/* Mostrar texto con fade después de la transición */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante.visible {
  display: block !important;
  opacity: 1;
}

/* Estilo del nombre dentro del texto del tripulante */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante .tripulanteNombre {
    background: #4a0102;
    position: relative;
    width: 100%;
    padding: 6px;
    margin: 24px 0;
    color: #ffd8a1;
}

/* Párrafos del texto del tripulante */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante p {
  display: block;
  font-size: 1.2rem;
}


/* VISTA EDICIÓN: Estilos para el modo de edición */
.has-edit-mode-menu .codigo-videos-verticales {
    min-height: 40px;
}

.has-edit-mode-menu .texto-tripulante {
  width:40px;
  display: block;
  width:200px;
  position: relative;
  top: 470px;
  left: -256px;
}

.has-edit-mode-menu .texto-tripulante .tripulanteNombre {
  display:none;
}.lfr-layout-structure-item-c0a44c5f-2051-fa33-5930-326b36bdabb6 {
padding-top: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-c0a44c5f-2051-fa33-5930-326b36bdabb6 {
.plusUp {
     width: 650px;
      height: auto;
      display: inline-block;
       top: 60px;
       position: absolute;
       right: 0;
}



.yearDown {
dispaly:none
}

.worldIcon {
        width: 50px;
        height: 50px;
        background-color: #FFF0C9;
        mask: url(/documents/d/welgso/wold_icon) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain;
        display: block;
        position: absolute;
        top: 10px;
        right: 40px;
}
}
}@media screen and (max-width: 575px) {.lfr-layout-structure-item-76890aa6-5e84-5591-3509-892d55c59a3c {

.carousel-indicators{
margin: auto !important;
}
h3 {
font-size: 2rem
}
}.lfr-layout-structure-item-6617c40c-7e3e-e87f-bc36-f966ca87e56b {
font-family: 'Ayuthaya';
}.lfr-layout-structure-item-cb49149d-00e2-8f3b-cdde-fe6560632e37 {
height: 315px !important;
}
.lfr-layout-structure-item-3dc2e8e6-4fa3-b05e-72a7-c757166978fb {
.banner-landing-tripulacion{
color: #FFF0C9;
font-weight: 400;
font-size: 3rem;
}
}

.plusUp {
    top: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    right: -100px;
}

.plusDown {
    bottom: 50px;
    position: absolute;
    width: 440px;
    height: auto;
    left: -100px;
}
.yearUp {
height: 43px;
    position: absolute;
    top: 70px;
    left: -100px;
}

.yearDown {
    display: none
}
.lfr-layout-structure-item-088f5f5c-b737-1b36-cbb5-db9d623bef8b {
a:hover, a:focus, button:hover, button:focus {
    outline: 0.2rem solid #ffd8a1!important;
    outline-offset: -0.2rem;
}
font-family: "Avenir LT Std", sans-serif;
  
}

/* Contenedor principal con flexbox y wrap */
.bloque-tripulacion-new .videos-verticales {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Tarjeta de video: mantener siempre 264px sin transiciones (mobile) */
.bloque-tripulacion-new .videos-verticales .video-tripulacion {
  width: 264px !important;
  min-height: 570px;
  position: relative;
  transition: none;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  will-change: auto;
}

/* Mantener 264px cuando está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing {
  width: 264px !important;
  flex-shrink: 0;
}

/* Mantener 264px cuando está reducido */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced {
  width: 264px !important;
  flex-shrink: 0;
  flex-grow: 0;
}

/* Contenedor del reproductor sin transiciones */
.bloque-tripulacion-new .videos-verticales section .reproductorVideoOnce {
  width: 264px !important;
  flex-shrink: 0;
  overflow: visible;
  padding: 4px;
  transition: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  will-change: auto;
}

/* Ancho fijo en estado reducido */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced .reproductorVideoOnce {
    width: 264px !important;
}

/* Ancho fijo en estado playing */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .reproductorVideoOnce {
    width: 264px !important;
}

/* Contenedor del video con altura fija */
.bloque-tripulacion-new .videos-verticales section .reproductorVideoOnce .onceVideo {
  min-height: 456px;
  width: 100%;
  flex-shrink: 0;
  position: relative;
}

/* Video adaptado al contenedor manteniendo proporción */
.bloque-tripulacion-new .videos-verticales section video {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

.bloque-tripulacion-new .reproductor-videos-verticales {
  display: flex;
  justify-content: center;
  align-items: center; 
  align-self: flex-start;
  padding: 0!important;
}

/* Botón de reproducción con gradiente */
.bloque-tripulacion-new .videos-verticales button.big-play-button {
    background: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 30%, transparent 100%);
    overflow: hidden
}

/* Botón transparente cuando está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing button.big-play-button {
    background: transparent;
}

.bloque-tripulacion-new .videos-verticales button.big-play-button:hover, 
.bloque-tripulacion-new .videos-verticales button.big-play-button:focus{
    outline-offset: 0;
    outline: .3rem solid #5d2812!important;
}

.bloque-tripulacion-new .videos-verticales .big-play-button  img {
    width: 50px;
    position: absolute;
    bottom: 11px;
    left: calc(50% - 25px);
}

/* Transición de opacidad del video */
.bloque-tripulacion-new .videos-verticales video {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}

.bloque-tripulacion-new .videos-verticales video.fade-out {
    opacity: 0;
}

/* Nombre del tripulante sobre el video */
.bloque-tripulacion-new .tripulanteNombre {
    font-family: "Ayuthaya";
    position: absolute;
    top: 44%;
    left: 0;
    width: 60%;
    padding: 14px;
    z-index: 10;
    pointer-events: none;
    color: #465055;
    font-size: 18px;
    text-align: center;
    background: #ffd8a1;
    border-radius: 5px;
    margin: 0 20%;
}

/* Ocultar nombre del botón cuando el video está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .big-play-button .tripulanteNombre {
    display: none !important;
}

/* Mantener tamaño normal del nombre en estado reducido */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-reduced .reproductorVideoOnce .onceVideo .tripulanteNombre {
  width: 60%;
  margin: 0 20%;
}

/* Transición suave del poster */
.bloque-tripulacion-new .videos-verticales section .video-poster-overlay {
  transition: opacity 0.5s ease-in-out;
}

/* Controles en el flujo normal debajo del video */
.bloque-tripulacion-new .videos-verticales section .controls {
    width: 100%;
    flex-shrink: 0;
}

/* Ocultar controles cuando el video no está visible */
.bloque-tripulacion-new .videos-verticales section[data-state="hidden"] .controls {
    display: none !important;
}

/* Mostrar controles cuando el video está visible */
.bloque-tripulacion-new .videos-verticales section[data-state="visible"] .controls {
    display: block !important;
}

/* Velo degradado sobre el video cuando está reproduciéndose */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: 456px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 5;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}

/* Mostrar velo cuando tiene la clase velo-visible */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing.velo-visible::before {
  opacity: 1;
}

/* Texto del tripulante oculto por defecto */
.bloque-tripulacion-new .texto-tripulante  {
  display: none;
}

/* Texto posicionado sobre el video con velo */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante {
  display: block !important;
  position: absolute;
  top: 277px;
  left: 50%;
  transform: translateX(-50%);
  width: 257px;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
  padding: 0 4%;
  text-align: center;
  height: 185px;
  background: linear-gradient(to top, rgba(0, 0, 0, .7) 60%, rgba(0, 0, 0, 0) 100%, transparent 100%);
}

/* Mostrar texto con fade */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante.visible {
  opacity: 1;
  z-index: 2;
}

/* Estilo del nombre dentro del texto sobre el video */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante .tripulanteNombre {
   background: #ffd8a1;
   position: relative;
   width: 70%;
   padding: 6px;
   margin: 0 15px 7px 15%;
   color: #465055;
   font-size: 18px;
}

/* Párrafos del texto sobre el video */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante p {
  display: block;
  opacity: 1;
  font-size: 1.2rem;
  color: #ffd8a1;
  margin: 4px 0;
  text-align: center;
}

/* Visibilidad de párrafos durante efecto typing */
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante p.typing,
.bloque-tripulacion-new .videos-verticales .video-tripulacion.video-playing .texto-tripulante p.typed {
  opacity: 1;
}

/* Cursor parpadeante durante efecto typing */
.bloque-tripulacion-new .texto-tripulante p.typing::after {
  content: '|';
  animation: blink 0.7s infinite;
  margin-left: 2px;
}

/* Animación de parpadeo del cursor */
@keyframes blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}

/* VISTA EDICIÓN: Estilos para el modo de edición */
.has-edit-mode-menu .codigo-videos-verticales {
    min-height: 40px;
}

.has-edit-mode-menu .texto-tripulante {
  width: 40px;
  display: block;
  width: 200px;
  position: relative;
  top: 470px;
  left: -256px;
}

.has-edit-mode-menu .texto-tripulante .tripulanteNombre {
  display: none;
}.lfr-layout-structure-item-5bec6811-ecdf-6d13-932e-d509a5e24205 {
background: linear-gradient(to bottom, #7f2f08, #994116)!important;
position:relative;
overflow-x: hidden;
}.lfr-layout-structure-item-c0a44c5f-2051-fa33-5930-326b36bdabb6 {
height: 80% !important;
max-width: 80% !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-c0a44c5f-2051-fa33-5930-326b36bdabb6 {
.plusUp {
     width: 4400px;
      height: auto;
      display: inline-block;
       top: 40px;
       position: absolute;
       right: 0;
}



.yearDown {
dispaly:none
}

.worldIcon {
        width: 30px;
        height: 30px;
        background-color: #FFF0C9;
        mask: url(/documents/d/welgso/wold_icon) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain;
        display: block;
        position: absolute;
        top: 10px;
        right: 40px;
}
}
.lfr-layout-structure-item-aa397684-a371-bc9b-0b5c-e7b34df69366 {
background: linear-gradient(to bottom, #7f2f08, #994116)!important;
position:relative;
overflow-x: hidden;
}}