/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2026
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
p {
	color:white;
	font-family:'Bricolage grotesque', sans-serif;
	font-weight:200;
		font-size:1em;
}
h1, h2, h3 {
	font-family:'Bricolage grotesque', sans-serif;
}
/***** header *****/
#header-inicio {
    background: url('https://aldoballerini.cl/wp-content/uploads/2026/05/aldo-bkg-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
alignment-baseline
}

#branding {
    /* Eliminamos position: absolute para que pueda empujar el contenido de abajo */
    position: relative; 
    width: 100%;
    padding: 1.5em;
    
    /* Flexbox con envoltura */
    display: flex;
    align-items: center;
    justify-content: space-between; /* Logo a la izquierda, Burger a la derecha */
}

#branding .logo {
    display: flex;
    align-items: center;
	position:relative;
	width:55%;
}

#branding .logo img {
    width: 85%; /* Controla el ancho automáticamente */
    /*max-height: 40px; /* Ajusta la altura máxima de tu logo a tu gusto */
}

#aldo {
    width: 100%;
    height:auto;
	position:relative;
}
.bajada-home {
	   width: 100%;
    margin: 0 auto;
    padding: 2em 1em;
    font-size: 1.2em;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    background: #000653;
    font-weight: 500;
    line-height: 1.2em;
    color: #43dbe5;
}
img#foto-aldo {
	width:90%;
	position:relative;
	left:-15%;
	display:block;
}

img#inspirar {
	width: 60%;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    right: 10%;
    bottom: 20%;
}

/***** menu ******/
/* Reset del botón hamburguesa */
button.burger {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

button.burger .dashicons {
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: white;
}
.menu {
	padding:3em 2em;
}
.menu li {
	font-family:'Bricolage Grotesque', sans-serif;
	padding:0 1rem;
	border:1px solid white;
	border-radius:30px;
	width:fit-content;
}
/* --- Control de estados en Móvil --- */
@media (max-width: 767px) {
    #menu {
        display: none;
        /* Forzamos a que el menú ocupe todo el ancho inferior dentro de #branding */
        flex-basis: 100%; 
        order: 3; /* Asegura que se posicione al final (debajo de logo y burger) */
        padding-top: 1em; /* Espacio entre la barra superior y los ítems */
    }

    #menu.is-active {
        display: block; /* Al ser bloque y tener flex-basis 100%, baja y empuja */
    }

    /* Estilos opcionales para tus ítems de menú en móvil (en lista vertical) */
    #menu ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    #menu ul li a {
        color: white;
        text-decoration: none;
        display: block;
        padding: 8px 0;
    }
}
.escudo img {
	width:20%;
}
.escudo {
	padding:2em;
	text-align:right;
	border-bottom:1px solid #d9d8d8;
}
.branding-menu {
	display:flex;
	position:relative;
	justify-content:space-between;
	flex-direction:column;
}
#descarga-programa {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
}
.descarga-programa-home {
	padding:.5em 1em; border:1px solid #3bf9e6; margin:1em auto; border-radius:30px; width:fit-content; text-align:center;
}
.descarga-programa-home a {
	text-decoration:none;
	color:unset;
}
.descarga-programa-home:hover{
	background:#23edd926;
}
#descarga-programa h2 {
	font-size:3em;
}
#descarga-programa img {
	width:100%;
}
.icon-pdf {
	text-align:center;
}
.page-id-95 .menu-pie {
	margin-bottom:4em;
}
.bajada-home-video{
    width: 100%;
    margin: 0 auto;
    /* padding: 2em 1em; */
    font-size: 1.2em;
    text-align: center;
    /* font-family: 'Nunito Sans', sans-serif; */
    /* background: #000653; */
    font-weight: 500;
    line-height: 1.2em;
    BACKGROUND: #000653;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.bajada-home-video video {
	width:auto;
	height:40vh;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* --- Escritorio --- */
@media (min-width: 768px) {
    button.burger {
        display: none;
    }
	#header-inicio {
		position:relative;
	}
    #menu {
        display: block !important;
        flex-basis: auto; /* Restablece el ancho en escritorio */
    }

    #menu ul {
        display: flex;
        gap: 20px;
    }

    #menu ul li a {
        color: white;
        text-decoration: none;
    }
	#aldo {
		width:100%;
	}
	img#foto-aldo {
		width:40%;
		left:15%;
	}
	img#inspirar {
		width: 40%;
        right: 20%;
		bottom:10%;
	}
	#branding {
		width:40%;
	}
	#branding .logo {
		width:100%;
	}
	#branding .logo img {
   	 width: 70%;
	max-height: 60px;
		margin:2em;
	}

	.branding-menu {
		flex-direction:row;
	}
	.escudo img {
	width:10%;
	}
	#menu {
		/*position:absolute;*/
		right:5%;
		top:5%;
	}
	#menu li {
		padding:.5em 1em;
	}
	.bajada-home {
	  padding: 2em 8em;
		font-size:1.8em;
	}
	#frase-cita {
	font-size: 1.8rem;
    line-height: 2rem;
	}
	#frase-cita p {
		width: 70%;
        margin: 3em auto;
        padding: unset !important;
        font-size: 1.7rem;
        line-height: 2rem;
	}
	.fondo-verde {
		padding: 2em 0!important;
	}
	#trayectoria-caja p {
		width:50%;
		margin:0 auto;
		padding-bottom:2em;
		padding-bottom:20px;
	}
	img#trayectoria-caja {
		margin:2em auto;
	}
	#trayectoria-texto {

	}
	#caja-trayectoria-foto img{
		height:70%;
	}
	#trayectoria-foto-texto {
		display:flex;
	}
	#caja-trayectoria-foto {
		width:100%;
		background:lightgray;
		text-align:center;
	}
	#frase-cita-bottom img{
		width:100%!important;
	}
	.programa-extendido {
		width:30%;
		margin:0 auto;
	}
	.trayectoria-extendida {
		width:40%;
		margin:0 auto;
		padding:1.5em 0!important;
	}
	#caja-trayectoria-foto-2 {
		width:100%;
		background:#3bf9e6;
		text-align:center;		
	}

	.bajada-home-video video {
	height:90vh;
	}
	.reel-home {
		margin:0 .5em;
	}
}

/* --- Control de estados en Móvil --- */
@media (max-width: 767px) {
    #menu {
        display: none; /* Oculto por defecto en móviles */
    }

    #menu.is-active {
        display: block; /* Se muestra cuando JS añade la clase */
        /* Aquí puedes agregar posición absoluta, fondos, etc. */
    }
}
/* ---- tablet ------*/
@media (min-width: 650px) {
	#footer {
		display:flex;
		width:100%;
		justify-content:space-between;
		padding-bottom:5em!important;
	}
	#footer #logo {
		width:20%!important;
		margin:unset!important;
	}
	.footer-menu {
		flex-direction:row!important;
		padding:0!important;
	}
}
/* --- Escritorio --- */
@media (min-width: 768px) {
    button.burger {
        display: none; /* Ocultar la hamburguesa en pantallas grandes */
    }

    #menu {
        display: block !important; /* Asegurar que el menú se vea en escritorio */
    }
}
/******** inicio ***********/
.fondo-verde{
	background-color:#3bf9e6;
	width:100%;
	padding:1.5em 0;
}
.fondo-gris {
	background-color:lightgray;
	width:100%;
	padding:0;

}
.boton:hover {
	background:#108fbf!important;
}
.boton a {
	color:white;
	text-decoration:none;
}
.fondo-verde .boton, .fondo-gris .boton {
	padding: .7em 1em;
    border-radius: 30px;
    width: fit-content;
    background: #000653;
    color:lightgray;
	margin:0 auto;
}
.reel-home {
	margin:1em;
}
/**** swipe*****/
/* Importar Swiper CSS desde CDN (si tu tema ya no lo incluye) */
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');
.swiper {
	background-color:#3bf9e6!important;
}
.lineamiento-card {
	box-shadow:unset!important;
}
.container-lineamientos {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0 60px 0; /* Espacio abajo para que no tapen los puntos */
    position: relative;
}

/* Tarjeta individual */
.lineamiento-card {
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
	font-family:'Bricolage grotesque', sans-serif;
}

.lineamiento-imagen img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.lineamiento-contenido {
    padding: 20px 45px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
	background-color: #3bf9e6;
}

.lineamiento-contenido h3 {
    margin: 0 0 10px 0;
    font-size: 1.3rem;
	text-align:left;
	font-weight:500;
}

.lineamiento-contenido h3 a, #trayectoria-texto h3 a {
    color: #333;
    text-decoration: none;
}

.lineamiento-contenido .extracto {
    font-size: 0.95rem;
    color: #666;
    margin-bottom:10px;
    line-height: 1.5;
	text-align:left;
}
.leer-mas {
    margin:1.2em auto 1em;
    text-align: center;
    font-size: .9em;
    padding: .5em 1em;
    border-radius: 30px;
    /* background-color: white; */
    color: #000653;
    width: fit-content;
    border: #000653 1px solid;
    text-decoration: none;
}
.leer-mas:hover {
	background:lightgray!important;
}
.leer-mas a{
	color:green;
}
.swiper-button-next, .swiper-button-prev {
	color:#000653!important;
}

/* Contenedor de las flechas: achicamos el área y cambiamos el tamaño del icono */
.container-lineamientos .swiper-button-next,
.container-lineamientos .swiper-button-prev {
    width: 32px;  /* Ancho del área interactiva */
    height: 32px; /* Alto del área interactiva */
    background: unset; /* Opcional: un fondo sutil blanco redondo */
    border-radius: unset;
    box-shadow: unset; /* Opcional: una sombra suave */
}

/* Reducir el tamaño de la flecha en sí */
.container-lineamientos .swiper-button-next::after,
.container-lineamientos .swiper-button-prev::after {
    font-size: 16px; /* Tamaño del icono (por defecto suele ser como 44px) */
    font-weight: bold;
}

/* Separarlas un poco más de los bordes si es necesario */
.container-lineamientos .swiper-button-prev {
    left: 10px;
}
.container-lineamientos .swiper-button-next {
    right: 10px;
}

.container-lineamientos .swiper-pagination-bullet-active {
    background: #0073aa;
}
#frase-cita {
	color: #494949;
    font-family: 'Bricolage grotesque', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5rem;
	background-color:#dddbdb;
	display:flex;
	flex-direction:column;
	align-items:end;
	padding-bottom:2em; 
}
#frase-cita-bottom {
	color: #494949;
    font-family: 'Bricolage grotesque', sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5rem;
	background-color:#000F45;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	padding-bottom:2em;
}
#frase-cita-bottom img{
	width:80%;
	margin:1em auto;
}
#frase-cita p {
	color: #575757;
    text-align: center;
    font-weight: 500;
	padding: 2em 1em 0;
}
#frase-cita-bottom p {
	color: #f0f0f0;
    text-align: center;
    font-weight: 500;
	padding: 2em 1em 0;
}
#trayectoria-caja {
	background-color:#3bf9e6;
	padding:1em 0 0;
}
#trayectoria-caja .wp-block-image {
	margin:0;
}
#trayectoria-caja p {
	font-size: 0.95rem;
    color: #666;
    margin-bottom: 10px;
    line-height: 1.5;
    /*text-align: center;*/
	font-weight:400;
	padding:0 2em;
}
#foto-aldo-cita {
	width:50%;
	display:none;
}
#foto-aldo-cita .wp-block-image {
	margin:0!important;
}
/******  pagina intrior ****/
 h1.entry-title {
	display:none;
}
.programa-extendido {
	padding:2em 2em 0;
}
.programa-extendido h3 {
    font-size: 1.3rem;
    text-align: center;
    font-weight: 500;
	font-family:'Bricolage Grotesque', sans-serif;
	margin: 0 auto 0;
	width:70%;
}
.programa-extendido h2 {
	font-size:3em;
	color:white;
	font-weight:500;
	font-family:'Bricolage Grotesque', sans-serif;
	margin: 2rem auto 0;

}
.programa-extendido p {
	font-size: 0.95rem;
    color: #666;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: left;
	margin:0 auto;

}
.trayectoria-extendida {
	padding:1em 0;
}
.trayectoria-extendida p {
	font-size: 0.95rem;
    color: #000653;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: left;
	margin:0 auto 1.5rem;
	padding:0 2em;

}
.wp-block-image {
    margin: 0;
}
/****** footer*****/

#footer {
	background-color:#102a87;
	padding:2em;
}
#footer #logo {
	width: 70%;
    margin: 0 auto;
}
.footer-menu {
    padding: 1em;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-menu li {
	font-family:'Bricolage Grotesque', sans-serif;
	padding:.5em 1em;
	width:fit-content;
	margin:.3rem;
	border:white 1px solid;
	border-radius:20px;
}
.footer-menu li a {
	font-size:.7em;
	color:white;
	text-decoration:none;
}