@import url('stilo-720.css');
@import url('stilo-letra.css');
@import
url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Just+Another+Hand&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Delius&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Princess+Sofia&display=swap");
@import
url('https://fonts.googleapis.com/css2?family=Libertinus+Serif:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');


#navbar{
background-color: #FFF9F4;
top: 0;
width: 100%;
transition: top 0.8s;
color: black;
}
#navbar a{
float: left;
display: block;
color: #103C7B;
text-align: center;
padding: 15px;
text-decoration: none;
font-size: 18px;
font-weight: bold;
}
.searchbar {
margin-bottom: auto;
height: 60px;
background-color: #e2e1e1;
border-radius: 30px;
padding: 10px;
}
.search_input {
color: rgb(119, 114, 114);
border: 0;
outline: 0;
background: none;
width: 0;
caret-color: transparent;
line-height: 40px;
transition: width 0.4s linear;
}
.searchbar:hover > .search_input {
padding: 0 10px;
width: 150px;
caret-color: red;
transition: width 0.4s linear;
}
.searchbar:hover > .search_icon {
background: rgb(255, 251, 251);
color: black;
}
.search_icon {
height: 40px;
width: 40px;
float: right;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: rgb(170, 19, 19);
text-decoration: none;
position:relative;
right: 1px;
}
.masthead {
width: 100%;
height: 100vh;
min-height: 500px;
background-image: url("../assets/new-cheese/banners/foto-principal.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/* transition:
transform 2s,
filter 1.5s ease-in-out;
transform-origin: center center;
filter: brightness(50%); */
-webkit-box-shadow: -4px 27px 53px -15px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -4px 27px 53px -15px rgba(0, 0, 0, 0.75);
box-shadow: -4px 27px 53px -15px rgba(0, 0, 0, 0.75);
margin-bottom: 0%;
border-radius: 0px 0px 350px 0px; /* four values */
background-color: #FFF9F4;
}
/* .masthead:hover {
width: 100%;
filter: brightness(100%);
transform: scale(1);
}
*/
.stilo-frase {
font-family: "Lexend", bold;
font-size: 40px;
color: #103C7B;
text-align: center;
margin-top: 0%;
text-shadow: 1px 1px #000000;
background-color: #103C7B;
}
.stilo-frase2{
font-family: "Lexend", bold;
font-size: 40px;
color: #103C7B;
text-align: center;
margin-top: 1%;
text-shadow: 1px 1px #000000;
background-color: #103C7B;
}
.frase-priv{
font-family: "Lexend", sans-serif;
font-size: 10px;
color: white;
text-align: left;
text-shadow: 1px 1px #000000;
background-color: #103C7B;
}
.title-1 {
font-family: "Dancing Script", bold;
font-size: 150px;
font-weight: 800;
color: #103C7B;
text-align: center;
margin-top: 15%;
text-shadow:
-5px -5px 0 #FFF9F4,
3px -3px 0 #FFF9F4,
-5px 5px 0 #FFF9F4,
3px 3px 0 #FFF9F4;
line-height: 0.8; /* Reduce espacio entre líneas */
}

.title-2 {
font-family: "Dancing Script", bold;
font-size: 100px;
font-weight: 600;
color: #103C7B;
text-align: center;
margin-top: -1%;
background-color:#FFF9F4 ;
}
.title-sucursales {
font-family: "Dancing Script", bold;
font-size: 100px;
font-weight: 600;
color: #103C7B;
text-align: center;
margin-top: 0%;
background-color:#FFF9F4 ;
}
.fondo-sucursales{
  background-color: #FFF9F4;
  margin-top: 7%;
}
.title-info {
font-family: "Lexend", bold;
font-size: 40px;
font-weight: 800;
color: #103C7B;
text-align: center;
margin-top: -2%;
}
.title-info-2 {
font-family: "Lexend", bold;
font-size: 30px;
font-weight: 600;
color: #000000;
text-align: center;
margin-top: 1%;
justify-content: center;
}
.tit-prod-fav{
font-family: "Lexend", bold;
font-size: 1em;
color: #FFF9F4;
margin-top: 5%;
}

@media screen and (max-width: 914px) {
  .tit-prod-fav{
    font-family: "Lexend", bold;
    font-size: 35%;
    color: #FFF9F4;
    margin-top: 5%;
  }
}

@media screen and (max-width: 940px) {
  .tab-1-image {
    display: none;
  }

  /* .edit-img-yoga {
    display: none;
  } */

}



.tit-prod-fav-1{
font-family: "Lexend", bold;
font-size: 50px;
color: #103C7B;
margin-top: 1%;
}
.tit-prod-fav-2{
font-family: "Lexend", bold;
font-size: 110px;
color: #103C7B;
margin-top: 5%;
}
.tit-prod-fav-2-1{
font-family: "Lexend", bold;
font-size: 50px;
color: #103C7B;
margin-top: 1%;
}
/* .sub-tit-prod-fav{
font-family: "faustina",serif ;
font-size: 35px;
color: #FFF9F4;
margin-top: 2%;
padding-top: 2%;
} */
.foot-fig{
--border-radius-top: 30% 70% 70% 30% / 30% 30% 70% 70%;
background: linear-gradient(45deg, #4ecdc4, #44a08d);
box-shadow: 0px 11px 25px -6px rgba(0,0,0,0.65);
-webkit-box-shadow: 0px 11px 25px -6px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 11px 25px -6px rgba(0,0,0,0.65);
}
.fondo{
  color: #000000;
  background-color: #FFF9F4;
}
.tab-1{
  margin-top: 5%;
}
.tab-2{
  margin-bottom: -2%;
}
.stilo-section-prod-fav {
/* box-shadow: 0px 11px 25px -6px rgba(0,0,0,0.65);
-webkit-box-shadow: 0px 11px 25px -6px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 11px 25px -6px rgba(0,0,0,0.65); */
padding: 0;
margin-top: 0%;
}
.stilo-section-prod-fav-1 {
/* box-shadow: 0px 11px 25px -6px rgba(0,0,0,0.65);
-webkit-box-shadow: 0px 11px 25px -6px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 11px 25px -6px rgba(0,0,0,0.65); */
margin-top: -5%;
}
.stilo-section-prod-fav-3{
margin-top: -2%;
margin-bottom: -2%;
}
.stilo-prod-fav{
font-family: "Lexend", bold;
font-size: 200px;
color: #103C7B;
text-align: center;
margin-top: 2%;
background-color: #F4C366;
padding-bottom: 10%;
}
.stilo-prod-fav-1{
font-family: "Lexend", bold;
font-size: 200px;
color: #103C7B;
text-align: center;
margin-top: 2%;
background-color: #FFF9F4;
padding-bottom: 5%;
}
.stilo-prod-fav-3{
font-family: "Lexend", bold;
font-size: 200px;
color: #103C7B;
text-align: center;
margin-top: 5%;
background-color: #F4C366;
padding-bottom: 10%;
}
.subtit-prod-fav{
font-family: "Lexend", sans-serif;
font-size: 25%;
color: #FFF9F4;
text-align: center;
margin-top: -20%;
background-color: #F4C366;
}
.subtit-prod-fav-1{
font-family: "Lexend", sans-serif;
font-size: 10%;
color: #FFF9F4;

}
.subtit-prod-fav-2{
font-family: "Lexend", sans-serif;
font-size: 25%;
color: #103C7B;
text-align: center;
margin-top: -8%;
background-color: #FFF9F4;
}
.subtit-prod-fav-3{
font-family: "Lexend", sans-serif;
font-size: 25%;
color: #103C7B;
margin-top: 15%;
}
.subtit-prod-fav-4{
font-family: "Lexend", sans-serif;
font-size: 15%;
color: #103C7B;
margin-top: 10%;
text-align: justify;
text-align-last: center;
}
.subtit-prod-fav-2-1{
font-family: "Lexend", sans-serif;
font-size: 10%;
color: #FFF9F4;
}

.edit-img-yog{
position: absolute;
top: -20%;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 180%;
/* border-radius: 20px; */
/* border: 6px solid white; */
/* box-shadow: 0 15px 35px rgba(0,0,0,0.3); */
object-fit: cover;
z-index: 3;
margin-top: -5%; ;
}
@media screen and (max-width: 2336px) {
  .edit-img-yog{
          position: absolute;
          top: -10%;
          left: 50%;
          transform: translateX(-50%);
          width: 80%;
          height: 120%;
          /* border-radius: 20px; */
          /* border: 6px solid white; */
          /* box-shadow: 0 15px 35px rgba(0,0,0,0.3); */
          object-fit: cover;
          z-index: 3;
          margin-top: 15%; 
  }
}
@media screen and (max-width: 1604px) {
  .edit-img-yog{
          position: absolute;
          top: -10%;
          left: 50%;
          transform: translateX(-50%);
          width: 80%;
          height: 85%;
          /* border-radius: 20px; */
          /* border: 6px solid white; */
          /* box-shadow: 0 15px 35px rgba(0,0,0,0.3); */
          object-fit: cover;
          z-index: 3;
          margin-top: 25%; 
  }
}
@media screen and (max-width: 1396px) {
  .edit-img-yog{
          position: absolute;
          top: -10%;
          left: 40%;
          transform: translateX(-50%);
          width: 90%;
          height: 85%;
          /* border-radius: 20px; */
          /* border: 6px solid white; */
          /* box-shadow: 0 15px 35px rgba(0,0,0,0.3); */
          object-fit: cover;
          z-index: 3;
          margin-top: 35%; 
  }
}





.banner-onda{
width: 100%;
height: auto;
margin-top: -5%;
/* margin-bottom: -25%; */
z-index: 2;
}
.texto-normal {
color: #333; /* Color igual al texto normal */
text-decoration: none; /* Sin subrayado */
cursor: text; /* Cursor de texto normal */
border: none; /* Sin bordes */
background: none; /* Sin fondo */
outline: none; /* Sin outline al hacer focus */
}
.img-logo-tiempo {
width: 25%;
height: 25%;
margin-top: 5%;
/* margin-left: -10%; */
}
.texto-fidel{
  /* font-family: ; */
margin-left: 1%;
font-size: 35px;
color: #103C7B;
}
.title-love-1 {
font-family: "Imperial Script", cursive;
font-size: 280px;
font-weight: 800;
color: #103C7B;
margin-top: 160%;
margin-left: -150%;
text-shadow:
-5px -5px 0 #FFF9F4,
3px -3px 0 #FFF9F4,
-5px 5px 0 #FFF9F4,
3px 3px 0 #FFF9F4;
line-height: 0.9; /* Reduce espacio entre líneas */
/* background-color: #FFF9F4; */
}
.title-love-2 {
font-family: "Lexend", bold;
font-size: 150px;
font-weight: 800;
color: #103C7B;
margin-top: -13%;
margin-left: -90%;
text-shadow:
-5px -5px 0 #FFF9F4,
3px -3px 0 #FFF9F4,
-5px 5px 0 #FFF9F4,
3px 3px 0 #FFF9F4;
line-height: 0.9; /* Reduce espacio entre líneas */
}
.title-3 {
font-family: "Lexend", bold;
font-size: 60px;
color: black;
text-align: center;
margin-top: -30%;
text-shadow: 2px 2px white;
}
.title-4 {
font-family: "Lexend", bold;
font-size: 60px;
color: black;
text-align: center;
margin-top: 0%;
text-shadow: 2px 2px white;
}
.title-5 {
font-family: "Lexend", bold;
font-size: 80px;
color: white;
text-align: left;
margin-top: 0%;
text-shadow: 2px 2px black;
}
.title-6 {
font-family: "Imperial Script", cursive ;
font-size: 150px;
color: white;
text-align: left;
margin-top: 0%;
}
.title-7 {
font-family: "Imperial Script", cursive ;
font-size: 150px;
color: white;
text-align: left;
margin-top: 0%;
}
.title-8 {
font-family: "Dancing Script", bold; 
font-size: 100px;
color: #103C7B;
text-align: center;
margin-top: -8%;
font-weight: 600;
}
.title-9 {
font-family: "Lexend", bold ;
font-size: 15px;
color: #FFF9F4;
text-align: center;
margin-top: -3%;
text-align: left;
}
.title-10 {
font-family: "Lexend", bold ;
font-size: 30px;
color: #000000;
text-align: center;
margin-top: -3%;
margin-bottom: 15%;

}
.tiitle-quejas{
font-family: "Lexend", bold;
font-size: 3em;
color: white;
text-align: left;
margin-top: 0%;
/* text-shadow: 3px 4px black; */
}
.tiitle-description{
font-family: "Lexend", bold;
font-size: 30px;
color: #103C7B;
text-align: left;
margin-top: 0%;
}
.content-section {
margin-top: 2%;
}
.title-carrusel-1{
font-family:"Lexend", bold;
font-size: 120px;
font-weight: 400;
color: white;
text-align: left;
margin-bottom: 0%;
text-shadow: 1px 1px #000000;
}
.subtitle-carrusel-2{
font-family: "Lexend", bold;
font-size: 40px;
font-weight: 400;
color: white;
text-align: left;
margin-top: 0%;
text-shadow: 1px 1px #000000;
}
.masthead1 {
width: 100%;
height: 100vh;
min-height: 500px;
background-image: url("../assets/new-cheese/historias/Fotografía-sobre-nosotros.jpeg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
/* transition:
transform 2s,
filter 1.5s ease-in-out;
transform-origin: center center;
filter: brightness(50%); */
-webkit-box-shadow: -4px 27px 53px -15px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -4px 27px 53px -15px rgba(0, 0, 0, 0.75);
box-shadow: -4px 27px 53px -15px rgba(0, 0, 0, 0.75);
margin-bottom: 0%;
border-radius: 0px 0px 350px 0px; /* four values */
}
/* .masthead1:hover {
filter: brightness(100%);
transform: scale(1);
} */
.categ{
margin-bottom: -5%;
}
.info-somos{
 font-family: "Lexend", sans-serif;
  font-size: 50px;
  color: #000000;
  text-align: justify;
  margin-top: 8%;
  margin-bottom: 5%;

}
.info-tit {
font-size: 100px;
font-weight: 600;
color: #103C7B;
text-align: center;
margin-top: -1%;
margin-bottom: -5%;
}
.info-tit-1 {
font-size: 100px;
font-weight: 600;
color: #103C7B;
text-align: center;
margin-top: -1%;
}
.sect-1{
  margin-top: -5%;
}
.info-somos-1{
 font-family: "Lexend", sans-serif;
 text-align: center;
 margin-bottom: 5%;
 margin-top: 5%;
 font-size: 60px;
}
.info-tit-ce{
font-size: 100px;
font-weight: 600;
color: #103C7B;
text-align: center;
margin-top: -1%;
margin-bottom: -5%;
}
.masthead2 {
width: 100%;
height: 50vh;
min-width: 100%;
min-height: 150px;
background-color: #5f0f11;
background-image: url('../assets/new-cheese/pruebas-banners/header-vacas.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.txt-catego {

font-family: "Dancing Script", bold;
font-size: 150px;
font-weight: 800;
color: #ffffff;
text-align: center;
margin-top: 10%;
/* text-shadow:
-5px -5px 0 #FFF9F4,
3px -3px 0 #FFF9F4,
-5px 5px 0 #FFF9F4,
3px 3px 0 #FFF9F4;
line-height: 0.8; /* Reduce espacio entre líneas */ 
}
.txt-catego-foot {
font-family: "Dancing Script", bold;
font-size: 25px;
font-weight: 200;
color: #ffffff;
text-align: left;
margin-top: -5%;
/* text-shadow:
-5px -5px 0 #FFF9F4,
3px -3px 0 #FFF9F4,
-5px 5px 0 #FFF9F4,
3px 3px 0 #FFF9F4;
line-height: 0.8; /* Reduce espacio entre líneas */ 
}
.txt-tittle-sect{
font-family: "Lexend", bold;
color: black;
font-size: 300%;
text-align: center;
margin-top: 550px;
}
.masthead3 {
width: 100%;
height: 50vh;
min-width: 100%;
min-height: 250px;
background-image: url("../assets/new-cheese/pruebas-banners/banner-oaxaca-prueba-1.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition:
transform 2s,
filter 1.5s ease-in-out;
transform-origin: center center;
filter: brightness(40%);
-webkit-box-shadow: -4px 27px 53px -15px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -4px 27px 53px -15px rgba(0, 0, 0, 0.75);
box-shadow: -4px 27px 53px -15px rgba(0, 0, 0, 0.75);
}
.masthead3:hover {
filter: brightness(80%);
transform: scale(1);
}
.title-art {
font-family: "Lexend", bold;
margin-top: 28%;
/* margin-right: -110%; */
font-size: 75px;
color: white;
text-align: center;
text-shadow: 1px 1px #000000;
}
#background-video {
width: 850px;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
#mapa {
width: 100%;
height: 100%;
}
#tam-l {
font-size: 80px;
}
.flip-box {
background-color: transparent;
width: 300px;
height: 200px;
perspective: 1000px;
}
.flip-box-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner {
transform: rotateX(180deg);
}
.flip-box-front,
.flip-box-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-box-back {
transform: rotateX(180deg);
}
.dropdownList a {
color: #000000;
background-color: #e2e1e1;
padding: 10px;
text-align: center;
font-size: 50px;
width: 100%;
}
.dropdownList:hover a {
background-color: #f1f1f1;
text-decoration: none;
padding: 10px;
display: block;
text-align: left;
font-size: 50px;
}
.hover-zoom--brightness img {
transition:
transform 2s,
filter 1.5s ease-in-out;
transform-origin: center center;
filter: brightness(50%);
}
.hover-zoom--brightness:hover img {
filter: brightness(100%);
transform: scale(1);
}
.portfolio-item {
display: block;
overflow: hidden;
max-width: 530px;
margin: auto auto 1rem;
-webkit-box-shadow: 2px 7px 34px -8px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 7px 34px -8px rgba(0, 0, 0, 0.75);
box-shadow: 2px 7px 34px -8px rgba(0, 0, 0, 0.75);
}
.portfolio-item .caption {
display: flex;
height: 100%;
width: 100%;
background-color: rgba(33, 37, 41, 0.2);
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
}
.portfolio-item .caption .caption-content {
color: #fff;
margin: auto 2rem 2rem;
}
.portfolio-item .caption .caption-content h2,
.portfolio-item .caption .caption-content .h2 {
font-size: 0.8rem;
text-transform: uppercase;
}
.portfolio-item .caption .caption-content p {
font-weight: 300;
font-size: 1.2rem;
}
@media (min-width: 992px) {
.portfolio-item {
max-width: none;
margin: 0;
}
.portfolio-item .caption {
transition:
background-color 0.7s,
-webkit-clip-path 0.25s ease-out;
transition:
clip-path 0.25s ease-out,
background-color 0.7s;
transition:
clip-path 0.25s ease-out,
background-color 0.7s,
-webkit-clip-path 0.25s ease-out;
-webkit-clip-path: inset(0px);
clip-path: inset(0px);
}
.portfolio-item .caption .caption-content {
transition: opacity 0.25s;
margin-left: 5rem;
margin-right: 5rem;
margin-bottom: 5rem;
}
.portfolio-item img {
transition: -webkit-clip-path 0.25s ease-out;
transition: clip-path 0.25s ease-out;
transition:
clip-path 0.25s ease-out,
-webkit-clip-path 0.25s ease-out;
-webkit-clip-path: inset(-1px);
clip-path: inset(-1px);
}
.portfolio-item:hover img {
-webkit-clip-path: inset(2rem);
clip-path: inset(2rem);
}
.portfolio-item:hover .caption {
background-color: rgba(29, 128, 159, 0.9);
-webkit-clip-path: inset(2rem);
clip-path: inset(2rem);
}
}
.parallax {
width: 100%;
margin-top: 5%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 1080px;
position: relative;
}
.parallax-caption {
position: absolute;
bottom: 20px;
left: 20px;
color: #fff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.parallax-caption h3 {
font-size: 2rem;
font-weight: bold;
}
.parallax-caption p {
font-size: 1.2rem;
}
.parallax-1 {
width: 100%;
background-image: url("../assets/new-cheese/provolone/provoleta-rodajas-2.jpg");
-webkit-box-shadow: -1px 3px 51px -12px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -1px 3px 51px -12px rgba(0, 0, 0, 0.75);
box-shadow: -1px 3px 51px -12px rgba(0, 0, 0, 0.75);
}
.parallax-2 {
width: 100%;
background-image: url("../assets/new-cheese/edam/edam-01.jpg");
-webkit-box-shadow: -1px 3px 51px -12px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -1px 3px 51px -12px rgba(0, 0, 0, 0.75);
box-shadow: -1px 3px 51px -12px rgba(0, 0, 0, 0.75);
}
.parallax-3 {
width: 100%;
background-image: url("../assets/new-cheese/chester/chester-chihuahua.jpg");
-webkit-box-shadow: -1px 3px 51px -12px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -1px 3px 51px -12px rgba(0, 0, 0, 0.75);
box-shadow: -1px 3px 51px -12px rgba(0, 0, 0, 0.75);
}
.login {
min-height: 100vh;
}
.bg-image {
background-image: url("../assets/new-cheese/chapata/chapata-SF.png");
background-size: cover;
background-position: center;
background-size: 100% 100%;
/* position: fixed;
z-index: -1; */
/* box-shadow: 0px 9px 31px -1px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 9px 31px -1px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 9px 31px -1px rgba(0,0,0,0.6); */
}
.bg-image img{
box-shadow: 0px 9px 31px -1px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 9px 31px -1px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 9px 31px -1px rgba(0,0,0,0.6);
}
@media screen and (max-width: 768px) {
.bg-image {
display: none;
/* background-image: url('../assets/new-cheese/chapata/chapata-SF.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat; */
}
}
.login-heading {
/* font-weight: 300; */
color: #103C7B;
font-family: "Lexend", bold;
}
.btn-login {
font-size: 0.9rem;
letter-spacing: 0.05rem;
padding: 0.75rem 1rem;
}
.text-delius {
font-family: "Delius", cursive;
font-size: 15;
color: white;
}
.txt-progress-bar {
font-family: "Poppins", serif;
font-weight: 400;
font-style: normal;
color: black;
margin-top: 5%;
}
.custom-file-upload {
display: inline-block;
padding: 6px 12px;
cursor: pointer;
background-color: #f0f0f0;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type="file"] {
display: none;
}


.cont-color {
margin-top: 0%;
width: 100%;
background-color: #FFF9F4;
color: #103C7B;
padding: 10px;
box-shadow: -5px 4px 50px -7px rgba(0, 0, 0, 0.51);
-webkit-box-shadow: -5px 4px 50px -7px rgba(0, 0, 0, 0.51);
-moz-box-shadow: -5px 4px 50px -7px rgba(0, 0, 0, 0.51);
margin-bottom: -5%;
}



.cont-color2 {
width: 100%;
background-color: #103C7B;
color: white;
padding: 10px;
box-shadow: -5px 4px 50px -7px rgba(0, 0, 0, 0.51);
-webkit-box-shadow: -5px 4px 50px -7px rgba(0, 0, 0, 0.51);
-moz-box-shadow: -5px 4px 50px -7px rgba(0, 0, 0, 0.51);
}
.caj-prod {
margin-top: 2%;
margin-bottom: 2%;
border-radius: 10px;
padding: 20px;
/* box-shadow: 0px 4px 8px rgba(0,0,0,0.1); */
/* box-shadow: -5px 4px 50px -7px rgba(0,0,0,0.51);
-webkit-box-shadow: -5px 4px 50px -7px rgba(0,0,0,0.51);
-moz-box-shadow: -5px 4px 50px -7px rgba(0,0,0,0.51); */
}
.caj-prod-1 {
box-shadow: -5px 4px 50px -7px rgba(0, 0, 0, 0.51);
-webkit-box-shadow: -5px 4px 50px -7px rgba(0, 0, 0, 0.51);
-moz-box-shadow: -5px 4px 50px -7px rgba(0, 0, 0, 0.51);
}
.carousel-item {
height: 50vh;
min-height: 450px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


/* Desde aqui empieza el nuevo */

.visuallyhidden {
  position: absolute;
  z-index: -1;
  right: 0;
  opacity: 0;
  
}

.titleNewCarousel{
  font-family: "Lexend", bold;
  color: #103C7B;
  margin-top: 0%;
  font-size: 110px;
  margin-bottom: 1%;
  text-align: center;
}

.subTitleNewCarousel {
   font-family: "Lexend", bold;
 /*  padding-bottom: 0; */
  /* background: rgba(0,0,0,.3); */
  text-align: center;
  font-size: 50px;
  color: #103C7B;
    margin-bottom: 5%;
  /* border-radius: .2em; */
 /*  display: inline-block; */
  transform: translateX(calc((100vw - 100%) / 2));
 
}

.subTitleNewCarousel a {
  color: #ffc107
}

.containerNewCarousel {
  overflow: hidden;
  padding: 60px 20px;
  background-color: #FFF9F4;
  margin-top: 0%;
/*   background: rgba(0,0,0,.1) */
}

.card-carousel {
  --card-width: 90%;
  --card-max-width: 1000px;
  --card-height: 500px;
  /* --carousel-min-width: 600px; */
  z-index: 1;
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: var(--card-height);
  min-width: var(--carousel-min-width);
  transition: filter .3s ease;
}

.card-carousel.smooth-return {
  transition: all .2s ease;
}

.card-carousel .card {
  background:  rgba(255, 255, 255, 0);
  width: var(--card-width);
  max-width: var(--card-max-width);
  text-align: center;
  padding: 1em;
  min-width: 250px;
  /* height: var(--card-height); */
  position: absolute;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.144);
  transition: inherit;
  /* -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
  border-radius: 1em;*/
  border: 0;
  filter: brightness(.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.text_card_description{
  font-size: 2em;
}

.card.highlight {
  filter: brightness(1);
  color: rgba(0, 0, 0, 0.74);
  background:  rgba(255, 255, 255, 0);
}

.card.highlight .image-container{
  opacity: 1;
}

.image-container {
  width: 24em;
  height: 24em;
  position: relative;
  border-radius: 100%;
  overflow: hidden; /* importante para que la img quede circular */
  padding: 0; /* ya no necesitamos padding interno */
  box-shadow: inset 0px 0px 17px 0px rgba(0, 0, 0, 0.562);
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* mantiene la proporción y rellena el contenedor */
  object-position: center;
  display: block;
  border-radius: 50%;
  padding: 10px;
  box-sizing: border-box;
}

.image-container:hover {
  opacity: 1;
}

.image-container::after {
  content: "";
  display: block;
  width: 100%; /* 120% */
  height: 100%; /* 120% */
  border: solid 3px rgba(0,0,0,.1);
  border-radius: 50%;
  position: absolute;
  top: calc(0%); /* calc(-10% - 3px); */
  left: calc(0%); /* calc(-10% - 3px); */
  background-color: #92d3ff9a;
  z-index: -1;
}

@media screen and (max-width: 1040px) {
  .image-container {
    width: 18em;
    height: 18em;
  }

  .card-carousel {
    --card-width: 90%;
    --card-max-width: 800px;
    --card-height: 400px;
    /* --carousel-min-width: 800px; */
    width: 100%;
    margin-left: calc((100vw - var(--carousel-min-width) - 40px) / 2)
  }

  .text_card_description{
  font-size: 2em;
}
}

@media screen and (max-width: 840px) {
  .image-container {
    width: 12em;
    height: 12em;
  }

  .text_card_description{
  font-size: 1.8em;
}
}

@media screen and (max-width: 640px) {
  .card-carousel {
    --card-width: 80%;
    --card-max-width: 450px;
    --card-height: 350px;
    /* --carousel-min-width: 600px; */
    width: 100%;
    margin-left: calc((100vw - var(--carousel-min-width) - 40px) / 2)
  }

  .image-container {
    width: 10em;
    height: 10em;
  }

  .text_card_description{
  font-size: 1.5em;
}
}

@media screen and (max-width: 440px) {
  .card-carousel {
    --card-width: 80%;
    --card-max-width: 400px;
    --card-height: 300px;
    /* --carousel-min-width: 400px; */
    width: 100%;
    margin-left: calc((100vw - var(--carousel-min-width) - 40px) / 2)
  }

  .image-container {
    width: 8em;
    height: 8em;
  }

  .text_card_description{
    font-size: 1.2em;
  }
}


/* mapa */
.mapas{
  margin-top:10%;
}
.telefono-contacto{
 text-decoration: none;
}

/* Estilo para evitar descarga de imagenes */
.img-wrapper {
  position: relative;
  display: inline-block;
}

.img-wrapper img {
  display: block;
  pointer-events: none; /* evita clic derecho directamente */
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent; /* Puedes poner negro con opacidad si quieres taparla visualmente */
  z-index: 10;
  pointer-events: auto; /* bloquea interacción con la imagen */
}
.txt-links{
  font-family: "Lexend", bold;
  font-size: 15px;
  color: #FFFFFF;
  text-decoration: none;

}
.txt-links:hover{
 color: #FFFFFF;
  text-decoration: none;
}