/*
 Theme Name:   Astra Child
 Theme URI:    https://tusitio.com/
 Description:  Child theme de Astra para personalizaciones.
 Author:       Tu Nombre
 Author URI:   https://tusitio.com/
 Template:     astra
 Version:      1.0.0
*/

/* ESTO ES PARA QUE NO SE MUEVA EN EL CELULAR PARA LOS COSTADOS*/

* {
  font-display: swap;
}

html, body {
  overflow-x: hidden;
}

.elementor-section {
  overflow-x: hidden;
}

selector {
  overflow-x: hidden;
}

/* ==== SUB-MENÚ ==== */
/* Fondo y sombra */
.main-header-menu .sub-menu {
  background-color: #f3f4f4 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Texto, familia y tamaño */
.main-header-menu .sub-menu li.menu-item > a {
  font-family: 'Work Sans', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  color: #363633 !important;
}

/* Hover en sub‑menú */
.main-header-menu .sub-menu li.menu-item > a:hover {
  color: #b8b8b5 !important;
  opacity: 1 !important;
}

/* Hover en menú principal */
.main-header-menu > .menu-item > a:hover {
  color: #b8b8b5 !important;
  opacity: 1 !important;
}

/* SE AGRANDA LA IMAGEN CUANDO PASO EL MOUSE - SERVICIOS */
.grow-hover {
  transition: transform 0.3s ease;
}

.grow-hover:hover {
  transform: scale(1.05);
	
}

/* Contenedor principal con imagen y texto */
.overlay-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

@media (max-width: 767px) {
    .overlay-card {
        max-width: 50% !important;
    }
}

/* Imagen oscurecida por defecto */
.overlay-card img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(60%);
  transition: filter 0.4s ease;
}

/* Imagen se aclara al pasar el mouse */
.overlay-card:hover img {
  filter: brightness(100%);
}


.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  opacity: 1;
  transition: opacity 0.4s ease;
  z-index: 2;
}

/* El texto desaparece al hacer hover */
.overlay-card:hover .overlay-text {
  opacity: 0.5;
}

/* Efecto zoom + opacidad en la galería básica */
.hover-gallery .gallery-item img {
  transition: transform 0.3s ease, filter 0.3s ease;
  transform-origin: center center;
}

.hover-gallery .gallery-item:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
}

/* Importante: recorte para que la imagen no sobresalga */
.hover-gallery .gallery-item {
  overflow: hidden;
}

/* Aplica flexbox al contenedor padre para alinear horizontalmente */
.servicios-grid {
  display: flex;
  justify-content: center;
  gap: 1px; /* espacio pequeño entre tarjetas */
  flex-wrap: wrap;
}

/* Agranda levemente las imágenes dentro de cada tarjeta */
.servicios-grid img {
  width: 110%;
  transform: translateX(-5%);
}

/* Asegura que las imágenes no se salgan del contenedor */
.servicios-grid .overlay-card {
  overflow: hidden;
}

/* PIE DE PAGINA*/
/* Icono más cerca del título */
.elementor-icon-box-wrapper .elementor-icon-box-icon {
  margin-bottom: 1px !important
}		

.plantilla-individual{
	 transform: scale(1.02);
  cursor: pointer;
}
.carrusel-plantilla{
	  justify-self: right; 
}

.carrusel-plantilla img,
.carrusel-plantilla-apaisada img {
  width: 70%;   /* Ajusta el porcentaje según lo que quieras */
  height: auto; /* Mantiene proporciones */
  object-fit: contain; /* Opcional, si querés que se mantenga centrada sin recortar */
}

.carrusel-plantilla .elementor-swiper-button-prev {
  left: 65px !important;
}
.carrusel-plantilla .elementor-swiper-button-next {
  right: 70px !important;
}
.carrusel-plantilla .swiper-pagination {
  bottom: -15px !important; /* Aumentá este valor para alejarlos más de la imagen */
}

@media (max-width: 768px) {
 .carrusel-plantilla .elementor-swiper-button-prev {
  left: 45px !important;
}
.carrusel-plantilla .elementor-swiper-button-next {
  right: 50px !important;
}
.carrusel-plantilla .swiper-pagination {
  bottom: -20px !important; /* Aumentá este valor para alejarlos más de la imagen */
}
}


@media (max-width: 1024px) {
	
.carrusel-plantilla-apaisada img {
  width: 90% !important;  /* Ajusta el porcentaje según lo que quieras */
  height: auto; /* Mantiene proporciones */
  object-fit: contain; /* Opcional, si querés que se mantenga centrada sin recortar */
}
}

@media (max-width: 768px) {
 .carrusel-plantilla-apaisada  .elementor-swiper-button-prev {
  left: 15px !important;
}
.carrusel-plantilla-apaisada  .elementor-swiper-button-next {
  right: 30px !important;
}
.carrusel-plantilla-apaisada  .swiper-pagination {
  bottom: -20px !important; /* Aumentá este valor para alejarlos más de la imagen */
}
}

@media (max-width: 937px) {
.carrusel-plantilla-apaisada img {
  width: 80% !important;  /* Ajusta el porcentaje según lo que quieras */
  height: auto; /* Mantiene proporciones */
  object-fit: contain; /* Opcional, si querés que se mantenga centrada sin recortar */
}
}

.carrusel-plantilla-apaisada .swiper-pagination {
  bottom: -15px !important; /* Aumentá este valor para alejarlos más de la imagen */
}


@media (max-width: 937px) {
 .carrusel-plantilla-apaisada  .elementor-swiper-button-prev {
  left: 30px !important;
}
.carrusel-plantilla-apaisada  .elementor-swiper-button-next {
  right: 35px !important;
}
.carrusel-plantilla-apaisada  .swiper-pagination {
  bottom: -20px !important; /* Aumentá este valor para alejarlos más de la imagen */
}
}


.editor-texto-plantilla {
	font-family: 'Work Sans' !important;
	font-weight: 400 !important;
	color: #363633 !important;
}

.editor-texto {
  justify-self: left; /* lo empuja al final del grid cell */
	max-height:85% !important;
}

.mi-clase-carrusel img {
   /* max-width: 600px; o cualquier tamaño que prefieras */
    width: 90%;      /* hace que sea responsive dentro del contenedor */
    height: auto;     /* mantiene la proporción */
    object-fit: contain; /* asegura que no se distorsione ni recorte */
}

/*Boton hacer pedido un poco mas corto*/
.wa-btn a {
 max-width: 100%;
 /*margin-left: 10%;*/
}
 
.texto-preguntas strong  {
	font-size: 20px !important;
	line-height: 2.6 !important;
}

.textSobreNiviso  {
	font-size: 18px !important;
	
}

/*estilos texto contaco*/
.wa-btn-contacto {
	line-height: 2.6 !important;
	font-size: 18px !important;
}

@media (max-width: 767px) {
    .wa-btn-contacto {
      	line-height: 1.6 !important;
		font-size: 14px !important;
    }
}

/*Boton un poco mas corto*/
.wa-btn-contacto .qodef-qi-button.qodef-size--full {
    width: 90% !important;
    margin-left: 3%
}

/*Esto es para que no aparezca el titulo en el Archivo de medios a NIVEL GLOBAL*/
.elementor-slideshow__title {
  display: none !important;
}

.elementor-widget-container a{
	color: #7A7A7A;
}