/*
Theme Name: Astra Child
Template: astra
Author: yiwu
Description: Tema hijo de Astra
Version: 1.0
*/

/* Aquí irá tu CSS personalizado */

/* Asegurar que el logo no se vuelve blanco en cabecera transparente */
.ast-header-transparent .ast-site-identity img {
    filter: none !important;  /* Elimina cualquier filtro que pueda estar afectando al logo */
}

/* Si el logo sigue siendo blanco en cabecera normal, asegúrate de que no tenga un fondo blanco */
.ast-site-identity img {
    filter: none !important; /* Elimina filtros que puedan hacer que el logo se vea blanco */
	 
  
  

	
	 transition: transform 0.3s ease, box-shadow 0.3s ease; /* Suaviza el efecto */
    cursor: pointer; /* Cambia el cursor para indicar que es interactivo */
	
	
}




@media (min-width:1024px){
	.ast-site-identity img {
		border-radius:50%;
		padding:20px;
		background-color:#f9f7f8;

  object-fit: cover; /* Asegura que la imagen no se distorsione */
    object-position: center; /* Centra la imagen dentro del contenedor */
	
    position: relative;  /* Asegura que el logo esté encima de todo */
    z-index: 9999;  /* Lo coloca encima de otros elementos */
	margin-bottom:-100px;

	
	 

}
	
	
	/* Efecto de salto cuando el logo se toca (hover) */
.ast-site-identity img:hover {
    transform: scale(1.1);  /* Hace que el logo aumente de tamaño */
    box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.8); /* Resplandor blanco alrededor */
}
}
	/* Efecto de salto y resplandor en el logo solo en PC */



[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 20px;
    height: 20px;
    fill: #5a03ef;
	

}


/* BUSCADOR*/

#woocommerce-product-search-field-0{
	width:500px !important;
}






/*QUITAR ESPACIO ENTRE EL MENU PRINCIPAL Y EL BANER*/
.ast-primary-header-bar{
	padding-top:0px !important;
	margin-top:0px !important;
		padding-bottom:0px !important;
	margin-bottom:0px !important;
}
/*FIN QUITAR ESPACIO ENTRE EL MENU PRINCIPAL Y EL BANER*/








/*QUITANDO EL TEXTO + FREE SHIPPING*/
.ast-shipping-text  {
  display: none !important;
}
/*OCULTANDO EL SUSBTOTAL INCLUIDO IGV*/
tr.cart-subtotal {
    display: none !important;
}

/*OCULTANDO EL MONTO IGV QUE SE MUESTRA EN INCLUYE IGV*/
.includes_tax .woocommerce-Price-amount {
    display: none !important;
}



/*CATEGORIAS DE PRODUCTOS*/
.categorias-productos-con-imagen {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columnas por defecto en pantallas grandes */
  gap: 20px;
  margin: 0 auto;
  max-width: 1200px; /* Ajuste según el ancho de tu página */
}

.categoria-producto {
  position: relative;
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.imagen-contenedor {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagen-contenedor img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease; /* Efecto suave de zoom */
}

.descripcion-categoria {
  position: absolute;
  top:80%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff; /* Color blanco para el texto */
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); /* Sombra para el texto */
  padding:5px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7); /* Fondo oscuro */
  width: 100%; /* Hacer que el fondo negro ocupe todo el ancho */
  box-sizing: border-box; /* Asegura que el padding no afecte el tamaño del contenedor */
}

.descripcion-categoria h3 {
  color: #fff; /* Título en blanco */
  font-size: 18px; /* Ajuste de tamaño para el título */
  font-weight: bold; /* Título en negrita */
}

.categoria-producto:hover .imagen-contenedor img {
  transform: scale(1.1); /* Zoom suave al pasar el mouse */
}

.categoria-producto p {
  font-size: 14px;
  margin-top: 10px;
  color: #fff;
}

/* Media Queries para pantallas pequeñas y tabletas */
@media (max-width: 1024px) {
  .categorias-productos-con-imagen {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas para tabletas y pantallas medianas */
  }
}

@media (max-width: 768px) {
  .categorias-productos-con-imagen {
    grid-template-columns: 1fr; /* 1 columna para móviles */
  }

  .descripcion-categoria {
    padding: 10px; /* Ajusta el padding en dispositivos más pequeños */
    font-size: 14px; /* Ajuste de tamaño de texto */
  }

  .categoria-producto p {
    font-size: 12px; /* Ajuste de tamaño de texto en descripción */
  }
}

/* Media Queries para pantallas muy pequeñas (como teléfonos en modo vertical) */
@media (max-width: 480px) {
  .descripcion-categoria {
    font-size: 12px; /* Texto más pequeño en pantallas muy pequeñas */
    padding: 8px; /* Menos espacio en móviles pequeños */
  }

  .categoria-producto p {
    font-size: 10px; /* Asegura que el texto sea legible sin sobrecargar el espacio */
  }
}



















/*PLUGIN DE SCROL DE BLOG*/ 
/*boton*/
#wplp_widget_1888.wplp_container .read-more {  

	text-transform: uppercase; 
	text-align:center;
	
	background-color:#ffffff;
	border-color:1px solid #ffffff !important;
	margin-top:10px;
	font-weight:500;
	color:#000 !important ;
  content: "leer mas >>"; 
	font-size: 0;!important;
		border-radius:10px;

}
#wplp_widget_1888.wplp_container .read-more:hover{
		background-color:#000000;
		color:#fff!important ;	
		border-color:1px solid #000000 !important;
	
}

#wplp_widget_1888.wplp_container .read-more::after {
 content: "leer mas >>";
	font-size:16px;align-content;
	padding:20px;
}
/*titulo*/
.wplp_container.default .wpcu-front-box.top .title {
    margin-top: 20px;
	 margin-bottom: 10px;
	
	color:#fff !important;
		font-family: 'Quicksand',sans-serif;
	font-weight:400;
	font-size:1em !important;
	text-transform: uppercase; 
   
}
/*texto de contenido*/
.line_limit{
	color:#fff;
	font-size:16px ;
	font-weight:300px;

}


/*fecha*/
.wplp-box-item .date{
	color:#94e527;
		font-size:16px !important;
	font-weight:300px;
		padding-top:20px !important;
	padding-bottom:20px !important;
	
}
/*contenedor*/
.swiper-slide {
display: inline-block !important;
background-color:#473bcf;
	padding:30px;
 display: flex !important; justify-content: center !important; align-items: center !important;
	border-radius:15px;
	
	
}

/*CSS DE LALISTA DE NOTICIAS*/
/*TITULO*/
.post-content h2 a{
	color:#3858e9;
	font-weight:500;
	

}
/*BOTON LEER MAS*/
.post-content .read-more a{
	background-color:#333;
	padding:10px;
	color:#ffffff;
	font-weight:500;
	border-radius:5px;
}
.post-content .read-more a:hover{
	background-color:#3858e9;
	
	color:#ffffff;
	font-weight:500;
}





/*ANIMACION DE MOVIMIENTO DE CONTENEDOR DE NOTICIA*/
.blog article {
	background-color:#ffffff !important;
	transition: transform 0.3s ease,		
    background-color 0.3s ease;
		border-radius:10px 
	
}
.blog article:hover{	
	background-color:#CCC !important;
	transform: translateY(-5px);
!important;	
}













/*IMAGEN*/
.ast-blog-layout-5-grid .ast-blog-featured-section img
Specificity: (0,2,1)
 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding-top: 20px;
}
/*-------FIN DE BLOG--------*/

/*-------METODO DE PAGO----------------------*/

#capa_bcp{
transition: transform 0.3s easy,background-color 0.3s easy;		
}
#capa_bcp:hover{

	transform:translateY(-20px);
	background-color:#376e9e !important;
	
}
#capa_yape{
	transition:transform 0.3s easy,background-color 0.3s easy;
}
#capa_yape:hover{
	transform:translateY(-20px);
	background-color:#444444;
}






/* Elimina los bordes redondeados del enlace para no interferir */
li.mega-menu-item.mega-menu-item-has-children:hover > a {
 
	 border-top-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: transparent !important;
}


/*CORRIGIENDO PAGINA DE DETALLO DE WOOCOMERCE*/
.ast-separate-container.single-product .ast-article-single {
    margin: 0;
    padding: 30px;
    display: inline-block;
    width: 100%;
}











/* BARRA LATERAL NOTICIA*/
.sidebar-main .widget {
	background-color:#333 !important;
	color:#ffffff !important;
	border-radius:5px;

}
.sidebar-main .widget a {
	color:#ffffff !important;
}

.sidebar-main .widget h2{

	color:#ffffff !important;
	font-weight:500;
	border-bottom:1px solid #fff;
}	
/*boton*/
.sidebar-main .wp-block-search__button {
  background-color: #473bcf !important;
  color: white !important;
  border: none !important;
  padding: 10px 10px !important;
  border-radius: 5px !important;
	font-weight:300 !important;
	text-transform:lower !important;
 
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.sidebar-main .wp-block-search__button:hover {
  background-color: #93e527 !important;
}

/*DETALLE NOTICIA*/
.single-post article {
	
background-color:#ffffff !important;
	transition: transform 0.3s ease,		
    background-color 0.3s ease;
	border-radius:10px !important;
	

}
.single-post article:hover{
		background-color:#ededed !important;
	transform: translateY(-5px);
	
}
.ast-post-format- h1 {
	color:#5a03ef;
	font-weight:500;
	
}

/*PAGOS YAPE*/
.form-row {
    text-align: left;
}
.text-bold {
  display: block;
}