/* 
░█░░░█▀█░█▀▀░█▀█░█▀▄░█▀█░█▀█
░█░░░█▀█░█░░░█▀█░█▀▄░█▀▀░█▀█
░▀▀▀░▀░▀░▀▀▀░▀░▀░▀░▀░▀░░░▀░▀
- Octubre 2 del 2024 
*/

@font-face {
font-display: swap;
font-style: normal;
font-family: 'titulo00-lacarpa';
/* Sale del folder css-lacarpa y apunta a folder FONT */
src: url('../font/LeagueSpartan-SemiBold.woff2') format("woff2"); 
}

.contenedor-carrousel-00 {
display: flex;
justify-content: center;
top: 56px;
/*background-color: yellow;*/
background-image: url(img-lacarpa/logo-blanco.png);
background-repeat: repeat;
}

.paseFotos {
position: absolute;
    top: 736px;
display: flex;
/*flex-direction: row;*/
gap: 45px;
/*width: 100px;
transform: scale(2);
color: red;
background-color: white;
padding: 4px;*/
border-radius: 20px;
left: 50%;
transform: translate(-50%);
z-index: 3;
padding: 1rem;
/*filter: blur(4px);*/
backdrop-filter: blur(12px);
border: 1px solid #ffffff75;
/*background-color: #919fbb00;*//*Cuidado ojo blur background:filter: blur(4px); aplica a todo el elemento. backdrop-filter: blur(12px); aplica solo al fondo de ese elemento
*/
}

.nuevo_pase_fotos_arriba {
position: absolute;
display: flex;
/*flex-direction: row;*/
gap: 45px;
/*width: 100px;
transform: scale(2);
color: red;
background-color: white;
padding: 4px;*/
border-radius: 20px;
left: 50%;
transform: translate(-50%);
z-index: 3;
padding: 1rem;
/*filter: blur(4px);*/
backdrop-filter: blur(12px);
border: 1px solid #ffffff75;
/*background-color: #919fbb00;*//*Cuidado ojo blur background:filter: blur(4px); aplica a todo el elemento. backdrop-filter: blur(12px); aplica solo al fondo de ese elemento
*/
}

.nuevo_pase_fotos_arriba div {
  width: 24px;
  height: 24px;
  cursor: pointer;
  /*  background: #aaa;*/
  border-radius: 100%;
  border: 2.2px solid white;
}

.nuevo_pase_fotos_arriba div:hover{transform: scale(1.2);}
.nuevo_pase_fotos_arriba div.resaltado {background-color: #fff;}

.paseFotos div {
  width: 24px;
  height: 24px;
  cursor: pointer;
  /*  background: #aaa;*/
  border-radius: 100%;
  border: 2.2px solid white;
}

.paseFotos div:hover{transform: scale(1.2);}
.paseFotos div.resaltado {background-color: #fff;}

.secuenciaImagenes00 {
margin: 0 auto;
display: grid;
grid-auto-flow: column;
/*gap: 1rem;*/
/*width: 98%;*/
/*padding: 0px 20.25rem;*/
/*height: 680px;*/
overflow-y: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: none;
scroll-behavior: smooth;
}

/* SÓLO para el deslizamiento táctil, centra y detiene (como iman) la imagen */
/* Debe ser indicado en cada div, no en el contenedor secuencia 'secuenciaImagenes00' */
.secuenciaImagenes00 > div {
scroll-snap-align: center;
scroll-snap-stop: always;
}

/*contain*/
.secuenciaImagenes00 img {
object-fit: contain;
border-radius: 22px;
padding-left: 3px;
}

/*.secuenciaImagenes00::-webkit-scrollbar {display: none;}*/