/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.17.4.1656502661
Updated: 2022-06-29 11:37:41

*/

html{
	box-sizing:border-box;
}
/* Header */
/*fondo top*/


.et_pb_column{
	margin-bottom:0!important;
}
.et_pb_row_0_tb_header{
	align-items:center;
}

.et_pb_column_1_tb_header{
	margin-top:0px!important;
}


/* ESTILOS DE TEXTO */

	body,  h2, h3, h4, h5, h6, p{
		color: #32491B;
	}


h1 {
	font-family: 'Alegreya', Georgia, "Times New Roman", serif!important;
	font-size: 4.5rem !important; /* 72px */
	font-weight: 600 !important;
}

h2 {
	font-family: "Montserrat", sans-serif !important;
	font-size: 2.5rem !important; /* 45px */
	font-weight: 600 !important;
}

h3 {
	font-family: "Montserrat", sans-serif !important;
	font-size: 2.2rem !important; /* 40px */
	font-weight: 500 !important;
}

h4 {
	font-family: "Montserrat", sans-serif !important;
	font-size: 2.1875rem !important; /* 35px */
	font-weight: 500 !important;
}

h5 {
	font-family: "Montserrat", sans-serif !important;
	font-size: 2rem !important; /* 32px */
	font-weight: 400 !important;
}

h6 {
	font-family: "Montserrat", sans-serif !important;
	font-size: 1.5rem !important; /* 24px */
	font-weight: 400 !important;
	color: #001C3A !important;
}
p{
	font-size: 1rem !important; /* 24px */

}



/* Responsive: Tablets y móviles */

@media (max-width: 1024px) {
	h1 { font-size: 3rem !important; } /* 48px */
	h2 { font-size: 2rem !important; } /* 36px */
	h3 { font-size: 1.8rem !important; } /* 32px */
	h4 { font-size: 1.75rem !important; } /* 30px */
	h5 { font-size: 1.6rem !important; } /* 28px */
	h6 { font-size: 1.375rem !important; } /* 22px */
}

@media (max-width: 768px) {
	h1 { font-size: 2.5rem !important; } /* 40px */
	h2 { font-size: 1.8rem !important; } /* 32px */
	h3 { font-size: 1.68rem !important; } /* 28px */
	h4 { font-size: 1.55rem !important; } /* 26px */
	h5 { font-size: 1.3rem !important; } /* 24px */
	h6 { font-size: 1.25rem !important; } /* 20px */
}

@media (max-width: 480px) {
	h1 { font-size: 2rem !important; } /* 32px */
	h2 { font-size: 1.7rem !important; } /* 28px */
	h3 { font-size: 1.5rem !important; } /* 24px */
	h4 { font-size: 1.375rem !important; } /* 22px */
	h5 { font-size: 1.25rem !important; } /* 20px */
	h6 { font-size: 1.125rem !important; } /* 18px */
}

body {
	color:#32491B!important;
	font-family: "Montserrat", sans-serif !important;
}
.cita {
	font-family: 'Alegreya', Georgia, "Times New Roman", serif;
    font-size: 1.7rem;
}

@media (max-width: 768px) {
    .cita {
        font-size: 1.6rem;
    }
}

@media (max-width: 480px) {
    .cita {
        font-size: 1.4rem;
    }
}

#banner .txt-banner {
	font-family: "Montserrat", sans-serif !important;
	font-size: 40px !important;
	font-weight: 400 !important;
}
@media (max-width: 980px) {
	h1 {
		font-size: 35px !important;
	}
	h2 {
		font-size: 25px !important;
	}
	#banner .txt-banner {
		font-size: 30px !important;
	}
}
/* FIN ESTILOS DE TEXTO */

#main-footer {
	display: none;
}
.et_pb_row_4_tb_footer{
	align-items:center!important;
}


.woocommerce div.product p.price span.woocommerce-Price-amount {
	color: #000000 !important;
}

/* separador */
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
    border-color: #000000  !important;
}

/*fondo desplegable*/

/*.et_mobile_menu {
    left: -10vw !important;
    width: 100vw !important;
}*/


/* Telón que definitivamente no es un header*/
/* Hace falta comentarlo para poder editar en Divi gráficamente*/
#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
	background-color: #ffffff !important;
}


/*excepción footer*/
@media (min-width: 1024px) and (max-width: 1519px) {	
	#footer .et_pb_image_0_tb_footer{
		margin-right: 1rem!important;
	}
	#footer .et_pb_image_2_tb_footer{
		margin-right: 1rem!important;
		margin-left: 1rem!important;
	}
}

/*BOTONES WHATSAPP WEB Y ACCESIBILIDAD*/
/*boton joinchat*/
.joinchat__button{
    background: #5293e4!important;
}

/*posiciones*/
.joinchat__button {
    bottom: 3.7vw!important;
    right: -1.3rem!important;
    border-radius: 0!important;
    box-shadow: none!important;
}
@media only screen and (max-width: 767px){
	.joinchat__button {
		bottom: -1.5vw!important;
		right: -1.5vw!important;
	}
}
@media (min-width: 768px) and (max-width: 980px){
	.joinchat__button {
		bottom: 9vw!important;
		right: -2.6vw!important;
	}
}
.et_pb_scroll_top.et-visible{
	bottom:200px;
}
.et_pb_scroll_top.et-pb-icon{
	bottom:200px;
}
.pojo-a11y-toolbar-toggle{
    border: 1px solid #663635;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-open {
    top: 51.7% !important;
}

@media only screen and (max-width: 767px){
	#pojo-a11y-toolbar.pojo-a11y-toolbar-open {
		top: 39.7% !important;
	}
}
/*FIN BOTONES WHATSAPP WEB Y ACCESIBILIDAD*/


/*VIDEO*/
#mi-video video {
  width: 100%;
  height: auto;
  object-fit: cover;
  border: none;
  pointer-events: none; /* evita interacción si solo es decorativo */
}

#mi-video video::-webkit-media-controls {
  display: none !important;
}

.campo-formulario{
	
}

/* box-middle */
#doble-bloque{
	display:flex;
}
/*@media(max-width:780px){
	.box-middle {
		width:50%!important;
	}
}*/
/* Fila flexible, con wrap para que en responsive se apilen las columnas */
.row-equal-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* clave para que las columnas tengan misma altura */
    max-width: 1200px; /* opcional: ancho máximo */
    margin: 0 auto 3rem auto; /* centrar y espacio entre filas */
    box-sizing: border-box;
}

/* Columna de imagen */
.row-equal-columns .col-image {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    min-height: 400px; /* o el alto que tú quieras */
}

/* Módulo imagen */
.row-equal-columns .col-image .image-fill {
    flex: 1;
    display: flex;
}

/* Imagen: cubrir columna completa */
.row-equal-columns .col-image .image-fill img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Columna de contenido */
.row-equal-columns .col-content {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
    box-sizing: border-box;
}

/* Responsive: en móvil apilar */
@media (max-width: 768px) {
    .row-equal-columns {
        flex-direction: column;
    }
    .row-equal-columns .col-image,
    .row-equal-columns .col-content {
        flex: 1 1 100%;
    }
}
@media(max-width:980px){
	.row-reverse{
		flex-direction: column-reverse!important;
		}
	}

/* Imágenes de la sección "Coñecenos" */
.section-quienes-somos img {
    width: 100% !important;
    height:50vh!important;
    object-fit: cover !important;
    display: block !important;
}

@media (max-width: 768px) {
    .section-quienes-somos img {
        height: 200px !important;
    }
}
/*formulario*/
.et_contact_bottom_container {
    float: left;
	margin-top:0.5rem;
}
.et_parallax_bg_phone_exist,
.parallax-drch > .et_parallax_bg_wrap >.et_parallax_bg {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 500px;
}
.parallax-izq > .et_parallax_bg_wrap >.et_parallax_bg{
	 background-repeat: no-repeat;
    background-position: left -20px top;
    background-size: auto 500px;
}
.parallax-hero > .et_parallax_bg_wrap >.et_parallax_bg{
	background-repeat: no-repeat;
    background-position: center bottom 50px;
}
.parallax-hero-dos > .et_parallax_bg_wrap >.et_parallax_bg{
	background-repeat: no-repeat;
    background-position: center top -400px;
}

.align-center{
	align-items: center;
}

.et_pb_row_2_tb_footer p a, .et_pb_row_2_tb_footer p {
    color: #E3E4DF!important;
}

@media only screen and (max-width: 980px) {
    .et_pb_slide_content.et-hide-mobile {
        display: block !important;
    }
}

.et_pb_slide_description .et_pb_slide_content  p{
	color: #e3e4df !important;
}
@media(max-width:781px){
	.align-center-contacto{
		display: flex!important;
		flex-direction:column-reverse;
		align-content: center;
		flex-wrap:wrap;
		align-items: center!important;
		gap:2rem;
	}
}

.more-link {
	color: #32491B!important;
}
.et_pb_row.et_pb_equal_columns, .et_pb_row_1_tb_header{
	display: flex;
    align-items: center;
}

/*representaciones didácticas*/
@media(max-width:480px){
	.cards-gap{
		flex-wrap:wrap;
		gap:30px!important;
	}
	.cards-gap-son{
		box-sizing:border-box;
		flex-wrap:wrap;
		gap:30px!important;
	}
}

.cards-home-display{
	gap:30px!important;
}



@media (max-width:1000px){
	.cards-gap,
	.cards-home-display{
		display:flex!important;
		flex-direction:column!important;
		gap:30px!important;
	}
}

@media(max-width:781px){
    .bloque-gap{
		display:flex;
		flex-wrap:wrap;
		gap:2rem!important;
  }
}

/*menu hamburguesa*/
@media (max-width:980px){
  .mobile_menu_bar,
  .et_pb_menu__toggle{
    position:relative!important;
    z-index:1000000!important;
  }

  /* Ocultar hamburguesa nativa */
  body.menu-opening .mobile_menu_bar:before,
  body.menu-open .mobile_menu_bar:before,
  body.menu-opening .et_pb_menu__toggle:before,
  body.menu-open .et_pb_menu__toggle:before{
    opacity:0!important;
    visibility:hidden!important;
  }

  /* Base del icono (Material Symbol) */
  .mobile_menu_bar::after,
  .et_pb_menu__toggle::after{
    content:"close_small";
    font-family:"Material Symbols Outlined";
    font-size:40px;
    color:#fff;
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%) scale(.85) rotate(-90deg);
    width:100%;height:100%;
    display:flex;align-items:center;justify-content:center;
    opacity:0;visibility:hidden;
    pointer-events:none;
    transition:transform .18s ease,opacity .18s ease,visibility 0s linear .18s;
  }

  /* Mostrar icono al instante al abrir (menu-opening y menu-open) */
  body.menu-opening .mobile_menu_bar::after,
  body.menu-opening .et_pb_menu__toggle::after,
  body.menu-open .mobile_menu_bar::after,
  body.menu-open .et_pb_menu__toggle::after{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) scale(1) rotate(0deg);
    transition:transform .18s ease,opacity .18s ease;
  }

  @media (prefers-reduced-motion:reduce){
    .mobile_menu_bar::after,
    .et_pb_menu__toggle::after{
      transition:opacity .12s linear!important;
      transform:translate(-50%,-50%)!important;
    }
    body.menu-opening .mobile_menu_bar::after,
    body.menu-open .mobile_menu_bar::after,
    body.menu-opening .et_pb_menu__toggle::after,
    body.menu-open .et_pb_menu__toggle::after{
      transform:translate(-50%,-50%)!important;
    }
  }
}


/*paxina Xavier*/
html{
	scroll-behavior:smooth;
}
.titulo h1 span{
	font-size:8vw;
}

@media (max-width: 781px) {
  .titulo h1 span {
    font-size: 12vw; 
  }
}

/* ↓ Cuando el ancho sea menor o igual a 381px */
@media (max-width: 381px) {
	.titulo h1 span{
    font-size: 18vw; 
	}
}
/*spotify*/
.TrackListWidget_widgetContainer__VVETD {
	border-radius:0!important;
}
 

/*tabindex*/

.skip-link {
	position: absolute;
	top: -1000px;
	left: -1000px;
	background: #000;
	color: #fff;
	padding: .75rem 1rem;
	border-radius: .25rem;
	z-index: 99999;
	font-weight: 600;
}
.skip-link:focus {
	top: 10px;
	left: 10px;
	outline: 2px solid #fff;
}


/*paginas legales*/
body .entry-content div#bloque-legal{
	width:80%!important;
}

@media(max-width:781px){
	figure .xavier-img img{
		width:200px;
	}
}

/*política de cookies*/

#cmplz-document h2,
#cmplz-document p,
#cmplz-document ul li{
	color:white!important;
}