/*
Theme Name: Blocksy Child
Description: Blocksy Child Theme
Author: Nemesys
Template: blocksy
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-child
*/

/* ajustes estilos tema */

:root {
	--theme-content-vertical-spacing: 0;
}

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    --theme-text-transform: none;
}

.contenedorBloquesPorque {
	padding-top: 25px;
}

.contenedorBloquesPorque div {
	margin-bottom: 25px;
}

.bloquePorque {
	min-height: 150px;
}

.bloquePorque figure {
	margin: 5px!important;
}

.contenedorBloquesPorque .wp-container-content-4 {
    align-self: baseline;
}

/* estilos propios varios */

/* Menu principal */
#menu-item-34 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px; /* Mantiene la altura total del elemento */
}

#menu-item-34 a {
    display: block; /* Permite aplicar padding y height */
    padding: 10px; /* Añade 10px de padding en todos los lados, sumando 20px de altura total al contenido */
    background-color: #tuColorDeFondo; /* Aplica el color de fondo deseado */
    height: auto; /* Ajusta la altura automáticamente en base al contenido, más el padding */
    background-color: var(--theme-button-background-initial-color);
	border-radius: 12px;
}

#menu-item-34 a:hover {
	color:  var(--wp--preset--color--palette-color-2);
}

#menu-item-34.current-menu-item a {
	color:  var(--wp--preset--color--palette-color-2);
}

/* Slider Portada */
.sliderPortada {
	margin-bottom: 6rem!important;
}

.sliderPortada .caption-wrap {
	position: unset!important;
	background-color: unset!important;
	font-family: Nunito;
}

.sliderPortada .caption {
	color: var(--wp--preset--color--palette-color-4);
}

/* Bloque FAQ portada */ 
.bloqueFAQ {
	font-family: Nunito;
}

.tituloFAQ {
	margin-bottom:10px!important;
}

.preguntaFAQ {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

imagenFAQ:over {
	cursor: pointer;
}

.respuestaFAQ {
	display: none;
	color: var(--wp--preset--color--palette-color-2);
}

/* Pie */
.ct-footer [data-column=widget-area-2] {
    background: var(--wp--preset--color--palette-color-3);
	padding: 10px;
}

.ct-footer [data-column=widget-area-2] p {
	font-weight: bold!important;
	font-size: 85%;
}

.ct-footer [data-column=widget-area-2] {
  width: 325px;
	margin-left: auto;
	margin-right: auto;
}

.ct-footer [data-column=widget-area-3] ul {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ct-footer [data-column=widget-area-3] li {
	font-weight: 700;
	font-size: 80%;
	margin-bottom: 5px;
}

.ct-footer [data-column=widget-area-3] li a {
	color: var(--wp--preset--color--palette-color-4);
}

/* Páginas interiores */

.h1Interior {
	margin-top: 2rem;
}

body:not(.home) h2 {
	margin-top: 2rem;
}

.entry-content {
	font-size: 80%;
}

/* 404 */

.fondo404 {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100vh; /* O ajusta según sea necesario */
}

.fondo404 h1 {
	  position: absolute;
    top: 100px;
    left: 52%;
    display: inline-block;
}

.fondo404 p {
    position: absolute;
    top: 250px;
    left: 52%;
}

/* MOVIL */ 
@media (max-width: 1000px) {
	.has-background:is(p,.wp-block-group) {
    padding: 0;
}
	
	h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
    padding: 0;
}
	
	.home h1 {
		font-size: 40px!important;
	}
	
	body .is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    width: 100%;
}

	:is(.entry-content,.is-layout-flow,.is-layout-constrained)>*:not(h1,h2,h3,h4,h5,h6) {
    margin-bottom: 0;
}
	
	.wp-block-columns {
		margin-top: 0
	}
	
	.botonesQuiero {
		padding-bottom: 1em;
	}
	
	.botonesQuiero .wp-block-button {
		width: 90%;
	}
	
	.botonesQuiero .wp-block-button a {
		width: 100%;
	}
	
	.contenedorBloquesPorque div {
		margin-bottom: 1em;
	}
	
	.contenedorBloquesPorque .wp-container-core-group-layout-2.wp-container-core-group-layout-2, 	.contenedorBloquesPorque .wp-container-core-group-layout-3.wp-container-core-group-layout-3 {
		gap: 10px;	
	}
	
	.bloquePorque {
	min-height: 300px;
 }
	
	.bloquePorque figure {
		float: none!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	
	.bloqueFAQ {
	    padding: 1.25em .5em;	
	}
	
	.preguntaFAQ img {
	display: none;
}

.respuestaFAQ {
	display: block;
}

/* 404 */

	.fondo404 h1 {
	  position: absolute;
		width: 100%;
    top: 10px;
		left: 5px
}

.fondo404 p {
    top: 75px;
    left: 10px;
    font-size: 20px;
}
	
	/* pie */
	
	.ct-footer [data-column=widget-area-1] img {
  width: 75%;
}
	
	.ct-footer [data-column=widget-area-3] ul {
  position: relative;
		top: unset;
		transform: unset;
}
}