/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

.pagebodyer h3{
  padding-bottom: 10px;
}
.pagebodyer p {
  text-align:justify;
}

/* Contenedor principal dentro del Listing */
.box {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate; /* Crea un nuevo contexto de apilamiento sin romper el z-index */
}

/* Capa de fondo con pseudoelemento */
.box::before {
  content: "";
  position: absolute;
  inset: 0; /* Cubre top, right, bottom y left al 100% */
  width: 100%;
  height: 100%;
  
  /* Carga de imagen */
  background-image: var(--bg-url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
  /* Transición y capa */
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1; 
  pointer-events: none; /* Previene interferencias de clic */
}

/* Efecto Hover sobre la imagen */
.box:hover::before {
  transform: scale(1.1);
}



.intro1 p{
  font-size: 25px;
  font-family: var(--wp--preset--font-family--lato);
  line-height: 1.2;
  color: var(--green1);
  text-align: justify;
}

.intro1 strong{
  font-size: 1.03em;
  font-weight: 700;
}


.intro2-txttxt h3{
  color: var(--color1);
	font-size: 37px;
	font-weight: 400;
	line-height: 1.1;	
}

.intro2-txttxt > h3 strong{
	font-size: 1.1em;
}

.intro2-txttxt hr{
	width: 35%;
	border: none;
	border-top: 5px dotted var(--color1);
	margin: 25px 0;
}

.intro2-txttxt p{
	color: #fff;
	font-size: 21px;
	line-height: 1.25;
	text-align: justify;
}

.intro2-txttxt > p strong{
	font-size: 1.04em;
	font-weight: 700;
	line-height: 1.2;
}


ul.ulintro {
  font-size: 20px; 	
	color: #fff;
	list-style-type: disc; 	
  
}

ul.ulintro li {
	padding-bottom: 15px; 
}





li.current-menu-item > a{
	color: #ffc107 !important;
}
#menu-mainmenu li > a:hover{
  color: #ffc107 !important;
}



/* Selector de tu botón hamburguesa */
.bricks-mobile-menu-toggle {
  margin-left: auto !important;
  margin-right: 0 !important;
  right: 10px; 
}

/* Opcional: Modificar grosor de las líneas y espacios individuales */
.bricks-mobile-menu-toggle span {
  height: 3px; /* Grosor de las barras */
}

.bricks-mobile-menu-toggle .bar-center {
  top: 9px; /* Posición barra central */
}

.bricks-mobile-menu-toggle .bar-bottom {
  top: 18px; /* Posición barra inferior */
}

/* Cambiar el color del icono si no lo hiciste desde el panel */
.bricks-mobile-menu-toggle {
  color: var(--orange1); /* Color de las barras */
}


.prodd_body h3{
  padding-bottom: 13px !important;
}
.prodd_body p{
  text-align: justify !important;
}

 /* Estilos para móviles muy pequeños */
@media (max-width: 479px) {
	/* Cambiar tamaño, grosor y escala general del menú hamburguesa */
	.bricks-mobile-menu-toggle {
		transform: scale(1.9); /* Escala global del botón */
		transform-origin: right center;			
	}
  .intro1 h3{
    font-size: 37px;
    font-family: var(--wp--preset--font-family--poppins);
    color: var(--green1);
    text-align: center;
    line-height: 1.1;
    margin-bottom: 15px;
  }
}

/* --- Media Query para Tablets (en orientación vertical y algunos móviles grandes en horizontal) --- */
@media (min-width: 768px) {
	/* Cambiar tamaño, grosor y escala general del menú hamburguesa */
	.bricks-mobile-menu-toggle {
	transform: scale(1.3); /* Escala global del botón */
	transform-origin: right center;
	}
  .intro1 h3{
    font-size: 35px;
    font-family: var(--wp--preset--font-family--poppins);
    color: var(--green1);
  }
}

/* --- Media Query para Laptops pequeñas y Tablets grandes (en orientación horizontal) --- */
@media (min-width: 992px) {
  .intro1 h3{
    font-size: 37px;
    font-family: var(--wp--preset--font-family--poppins);
    color: var(--green1);
  }
}

/*
  Este breakpoint es para la mayoría de los PCs de escritorio y laptops grandes.
  A partir de 1200px de ancho.
*/
@media (min-width: 1200px) {}

/* --- Media Query para pantallas muy grandes (opcional) --- */
/*
  Puedes añadir un breakpoint para pantallas 4K o monitores ultra anchos
  si tu diseño lo requiere.
*/
@media (min-width: 1600px) {}