/* DALILA
- Document: dalila.css
- Version:  1.0
- Author:   Aleo Estudio <marco.barbosa@aleoestudio.com>
*/

/* Tipografía */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@200;400;600&family=Bebas+Neue&display=swap');
/* Colores */

:root {
	--fondo-gris: #f4f4f4;
	--gris: #333;
	--amarillo: #ffd30b;
	--rojo: #e42924;
	--verde: #209d38;
	--azul: #009fe3;
}

/* Base */

html {
	scroll-behavior: smooth;
}

body {
	background-color: white;
	color: var(--gris);
	font-family: 'Barlow', sans-serif;
	line-height: 1.5rem;
	font-weight: 400;
	/* font-size: .4rem; */
}

h1, h2, h3, h4, h5, h6 {
	/* font-family: 'Caveat Brush', sans-serif; */
	font-weight: 600;
	padding: .5rem 0;
	line-height: 1;
}

h1 {
	font-size: 2rem;
	text-align: center;
}

h2 {
	font-size: 1.8rem;
}

h3 {
	font-size: 1.6rem;
}

h4 {
	font-size: 1.4rem;
}

h5 {
	font-size: 1.2rem;
}

h6 {
	font-size: 1.1rem;
}

a {
	color: var(--verde);
	text-decoration: none;
	transition: all .2s ease-out;
}

a:hover {
	color: var(--rojo);
}

p {
	padding: .5rem 0;
}

strong {
	font-weight: 600;
}

em {
	font-style: italic;
}

.rojo {
	color: var(--rojo);
}
.verde {
	color: var(--verde);
}
.azul {
	color: var(--azul);
}

.tile-rojo {
	background-color: rgba(228, 41, 36, .2)
}
.tile-verde {
	background-color: rgba(32, 157, 56, .2);
}
.tile-azul {
	background-color: rgba(0, 159, 227, .2);
}
.tile-amarillo {
	background-color: rgba(255, 211, 11, .2);
}

/* Elementos */

.container {
	max-width: 1200px;
	margin: 1rem auto 0;
	padding: 0 1rem;
	font-size: .95rem;
}

.container.full {
	max-width: 100%;
	padding: 0;
}

.container.no-margin {
	margin: 0;
}

.feder {
	padding: 1rem 0;
	display: grid;
	grid-template-columns: 1fr 5fr;
	max-width: 1200px;
	margin: 0 auto;
}
.feder img {
	align-self: center;
	justify-self: center;
	width: 250px;
}
.feder p {
	font-size: .7rem;
	font-style: italic;
	line-height: 1.2;
	text-align: justify;
}
.feder p:last-of-type {
	grid-column-start: 2;
}
.feder-a, .feder-a:hover {
	color: var(--gris);
}

/* Intro */

.intro-historia {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 1.5rem;
	align-items: center;
}
.intro-historia img {
	max-width: 100%;
	border-radius: 1.5rem;
}
.intro-historia p {
	font-weight: 200;
	font-size: 1.4rem;
	margin-bottom: 2rem;
}
.intro-historia a {
	background-color: var(--verde);
	color: white;
	padding: .5rem 1rem;
	border-radius: 1rem;
	transition: all .2s ease-out;
}
.intro-historia a:hover {
	background-color: var(--rojo);
	color: white;
}

.intro-escuelas {
	background-color: var(--verde);
	background-image: url(../img/formas-fondo-1.png), url(../img/formas-fondo-2.png);
	background-position: bottom left, top right;
	background-repeat: no-repeat, no-repeat;
	padding: 1.5rem 0;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
	text-align: center;
}
.intro-escuelas h3 {
	padding-bottom: 1.5rem;
	color: white;
}
.intro-escuelas a {
	background-color: white;
	color: var(--verde);
	padding: .8rem 1.6rem;
	margin-top: auto;
	border-radius: 1rem;
	transition: all .2s ease-out;
	font-weight: 600;
}
.intro-escuelas a:hover {
	background-color: white;
	color: var(--rojo);
}

.intro-escuela {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-gap: 1.5rem;
	margin-bottom: 2rem;
}
.intro-escuela a {
	background-color: var(--verde);
	color: white;
	padding: .5rem 1rem;
	border-radius: 1rem;
	transition: all .2s ease-out;
}
.intro-escuela a:hover {
	background-color: var(--rojo);
	color: white;
}
.intro-escuela img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	object-position: center;
	border-radius: 1rem;
}
.intro-escuela p {
	margin-bottom: 1rem;
}
.intro-escuela > div {
	display: flex;
	flex-direction: column;
	background-color: white;
	padding: 1rem;
	text-align: center;
	border-radius: 2rem;
}
.intro-escuela > div:nth-of-type(1) {
	grid-column-start: 2;
}

.intro-cuotas > div {
	display: grid;
	grid-gap: 1.5rem;
	margin: 2rem 0;
}
.intro-cuotas > div[data-cuotas="3"] {
	grid-template-columns: repeat(3,1fr) !important;
}
.intro-cuotas > div[data-cuotas="4"] {
	grid-template-columns: repeat(4,1fr) !important;
}
.intro-cuotas div {
	text-align: center;
}
.intro-cuotas h3 {
	text-align: center;
	padding-top: 1rem;
}
.intro-cuotas h4 {
	color: var(--verde);
	font-size: 1.2rem;
}
.intro-cuotas img {
	width: 120px;
}
.intro-cuotas img.img-proyecto {
	width: 230px;
}

.intro-servicios {
	background-color: #eee;
	background-image: url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png), url(../img/formas-fondo-5.png);
	background-position: center left, 80% 0, center bottom;
	background-repeat: no-repeat, no-repeat, no-repeat;
	padding: 1.5rem 0 4rem;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
}
.intro-servicios > div {
	display: grid;
	grid-template-columns: repeat(6,1fr);
	grid-gap: 1.5rem;
	/* margin: 2rem 0; */
	justify-items: center;
	text-align: center;
}
.intro-servicios img {
	width: 120px;
}
.intro-servicios h3 {
	text-align: center;
	/* padding-top: 2rem; */
}
.intro-servicios h4 {
	text-align: center;
	font-size: 1.2rem;
}

.intro-ventajas {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 1.5rem;
	margin: 2rem 0;
}
.intro-ventajas div {
	text-align: center;
}
.intro-ventajas div:nth-of-type(1) {
	grid-column-start: 2;
}
.intro-ventajas h3 {
	font-size: 1.2rem;
}
.intro-ventajas img {
	width: 120px;
}


.intro-dalila {
	background-color: #f9e080;
	background-image: url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png), url(../img/formas-fondo-5.png);
	background-position: center left, 80% 0, center bottom;
	background-repeat: no-repeat, no-repeat, no-repeat;
	padding: 2.5rem 0 4rem;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
}
.intro-dalila h3 {
	padding-bottom: 1.5rem;
	color: var(--verde);
	text-align: center;
}
.intro-dalila h4 {
	font-size: 1.1rem;
	border-bottom: 1px solid var(--gris);
}
.intro-dalila > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1.5rem;
	width: 80%;
	margin: 0 auto;
}
.intro-dalila > div img {
	border-radius: 1rem;
	background-color: lightgray;
	width: 120px;
	height: 120px;
}
.intro-dalila > div > div {
	background-color: white;
	border-radius: 2rem;
	padding: 1rem;
	display: grid;
	grid-template-columns: min-content 1fr;
	grid-gap: 1.5rem;
}
.intro-dalila > div > div > div {
	align-self: center;
}
.intro-dalila > div > div p:nth-of-type(1) {
	/* font-size: 1rem; */
	font-weight: 600;
	padding: .2rem;
}
.intro-dalila > div > div p:nth-of-type(2) {
	/* font-size: 1rem;s */
	padding: .2rem;
}

.intro-contacto > div {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr;
	grid-gap: 1.5rem;
	margin: 1.5rem 0;
}
.intro-contacto h3 {
	text-align: center;
	margin-bottom: -55px;
	padding-bottom: 0;
}
.intro-contacto > div > div:nth-of-type(2) {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.5rem;
}
.intro-contacto > div div:nth-of-type(2) div {
	align-self: end;
}
.intro-contacto .mapa {
	width: 100%;
	height: 100%;
	/* margin-top: 55px; */
	display: inline-block;
	/* overflow: hidden; */
}
.intro-contacto .mapa iframe {
	width: 100%;
	height: 100%;
	position: relative;
	/* top: -55px; */
	border: none;
}
.intro-contacto form {
	padding-top: 2rem;
}
.intro-contacto form div {
	padding-bottom: 1rem;
}
.intro-contacto form input[type="tel"], .intro-contacto form input[type="text"], .intro-contacto form input[type="email"], textarea {
	width: 100%;
}
.intro-contacto form label[for="privacidad"] {
	font-size: .8rem;
}

/* Cabeceras */

.page-headers {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: left;
}
.page-headers img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: left center;
}
.page-headers h2 {
	font-size: 2.4rem;
	color: white;
	text-transform: uppercase;
	padding-left: 2.5rem;;
}
.page-headers h2, .page-headers img {
	grid-column: 1;
	grid-row: 1;
}



/* Proyecto educativo */

.proyecto-educativo-selector {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 1.5rem;
}
.proyecto-educativo-selector > div {
	color: var(--verde);
	border: 2px solid var(--verde);
	text-align: center;
}
.proyecto-educativo-selector > div:nth-of-type(2) {
	color: var(--rojo);
	border: 2px solid var(--rojo);
}
.proyecto-educativo-selector > div:nth-of-type(3) {
	color: var(--amarillo);
	border: 2px solid var(--amarillo);
}
.proyecto-educativo-selector > div img {
	padding: 2rem 0;
	width: 100%;
}
.proyecto-educativo-selector > div h3 {
	font-size: 1.3rem;
	padding: 1rem 0;
}

.proyecto-educativo-load > div {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 1.5rem;
	margin: 1.5rem 0;
	background-color: #cbe8d1;
	align-items: center;
}
#div-aprenden {
	background-color: #f19391;
}
#div-metodologia {
	background-color: #f9e080;
}
.proyecto-educativo-load > div div {
	padding: 0 1.5rem;
}
.proyecto-educativo-load img:nth-of-type(2){
	position: absolute;
	width: 150px;
	top: 0;
	left: 25%;
}
.proyecto-educativo-load img:nth-of-type(3){
	position: absolute;
	width: 150px;
	bottom: -20px;
	right: 0;
}
.proyecto-educativo-load p:nth-of-type(2) {
	padding-bottom: 1.5rem;
}
.proyecto-educativo-load a {
	background-color: white;
	color: var(--verde);
	padding: .5rem 1rem;
	border-radius: 1rem;
	transition: all .2s ease-out;
}
.proyecto-educativo-load a:hover {
	background-color: white;
	color: var(--rojo);
}


/* Nosotros */

.mision-vision {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1.5rem;
}

.mision-vision > div {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.5rem;
	/* align-items: center; */
	background-color: #cbe8d1;
	background-image: url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png);
	background-position: center left, 80% 0;
	background-repeat: no-repeat, no-repeat;
	/* margin: 1.5rem 0; */
	padding: 1rem;
	border-radius: 1.5rem;
}
.mision-vision > div:nth-of-type(2) {
	background-color: #f9e080;
	background-image: url(../img/formas-fondo-4.png), url(../img/formas-fondo-5.png);
}
.mision-vision img, .valores > img {
	width: 100%;
	max-height: 200px;
	object-fit: cover;
	object-position: center;
	border-radius: 1rem;
}
.historia h2, .valores h2, .intro-dalila h2, .frente-centros h2, .contacto-trabaja h2 {
	text-align: center;
	padding-bottom: 1.5rem;
	/* color: var(--verde); */
}
.mision-vision h2 {
	grid-column: 1 / 3;
	text-align: center;
}
.mision-vision h3 {
	text-align: center;
}

.valores {
	background-color: #eee;
	background-image: url(../img/formas-fondo-5.png), url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png);
	background-position: center left, 80% 0, center bottom;
	background-repeat: no-repeat, no-repeat, no-repeat;
	margin: 2rem 0;
	padding: 1rem;
	border-radius: 1.5rem;
}
.valores-items {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0 auto;
}
.valores-items > div {
	flex-basis: 20%;
	min-width: 300px;
	position: relative;
	padding: 1rem;
}
.valores p {
	text-align: left;
}
.valores h3 {
	text-align: center;
	padding-bottom: 1.5rem;
}
.valores h4 {
	text-align: left;
}

.historia {
	/* background-color: #cbe8d1;
	background-image: url(../img/formas-fondo-5.png), url(../img/formas-fondo-4.png), url(../img/formas-fondo-3.png);
	background-position: center left, 80% 0, center bottom;
	background-repeat: no-repeat, no-repeat, no-repeat; */
	margin: 2rem 0;
	padding: 1rem;
	/* border-radius: 1.5rem; */
}
.historia > div {
	display: grid;
	grid-template-columns: 1fr 4fr;
	gap: 1.5rem;
}

.historia img {
	max-width: 100%;
	align-self: center;
}

.frente-centros {
	background-color: #cbe8d1;
	background-image: url(../img/formas-fondo-4.png), url(../img/formas-fondo-3.png), url(../img/formas-fondo-5.png);
}

.contacto-trabaja {
	margin: 1.5rem 0;
	padding: 1rem;
}

.contacto-trabaja input[type="email"], .contacto-trabaja input[type="tel"], .contacto-trabaja input[type="text"] {
	width: 100%;
	padding: .3rem;
}
.contacto-trabaja form > div {
	padding-bottom: 1rem;
}
.form-col-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 1.5rem;
}

/* Escuelas */

.escuelas-escuelas {
	background-color: var(--verde);
	background-image: url(../img/formas-fondo-1.png), url(../img/formas-fondo-2.png);
	background-position: bottom left, top right;
	background-repeat: no-repeat, no-repeat;
	padding: 1.5rem 0;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
	text-align: center;
}
.escuelas-escuelas h3 {
	padding-bottom: 1.5rem;
	color: white;
}
.escuelas-escuelas a {
	background-color: white;
	color: var(--verde);
	padding: .8rem 1.6rem;
	margin-top: auto;
	border-radius: 1rem;
	transition: all .2s ease-out;
	font-weight: 600;
}
.escuelas-escuelas a:hover {
	background-color: white;
	color: var(--rojo);
}

.escuela-escuela {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 1.5rem;
	margin: 0 2rem;
	/* margin-bottom: 2rem; */
}
.escuela-escuela a {
	background-color: var(--verde);
	color: white;
	padding: .5rem 1rem;
	border-radius: 1rem;
	transition: all .2s ease-out;
}
.escuela-escuela a:hover {
	background-color: var(--rojo);
	color: white;
}
.escuela-escuela img {
	width: 100%;
	height: 100px;
	object-fit: cover;
	object-position: center;
	border-radius: 1rem;
}
.escuela-escuela p {
	margin-bottom: 1rem;
}
.escuela-escuela > div {
	display: flex;
	flex-direction: column;
	background-color: white;
	padding: 1rem;
	text-align: center;
	border-radius: 2rem;
}
/* .escuela-escuela > div:nth-of-type(1) {
	grid-column-start: 2;
} */



.escuela {
	background-color: #eee;
	background-image: url(../img/formas-fondo-5.png), url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png);
	background-position: center left, 80% 0, center bottom;
	background-repeat: no-repeat, no-repeat, no-repeat;
	margin: 1.5rem 0;
	padding: 1.5rem;
	border-radius: 1.5rem;
	position: relative;
}
.escuela h2 {
	text-align: center;
	/* padding-bottom: 1rem; */
}
.escuela h3 {
	text-align: center;
	font-size: 1.6rem;
	padding-bottom: 1.5rem;
}

.plazas-subvencionadas {
	position: absolute;
	z-index: 10;
	top: 0px;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,.5));
}
.segundo-hijo {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	right: 10px;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,.5));
}
.plazas-subvencionadas img, .segundo-hijo  img {
	width: 180px;
}

.escuela-servicios, .escuela-actividades {
	background-color: white;
	padding: 0 1rem;
	border-radius: 1.5rem;
}
.escuela-servicios ul, .escuela-actividades ul {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-gap: 1.5rem;
	justify-items: center;
	text-align: center;
	width: 100%;
}
.escuela-servicios[data-columnas="4"] ul {
	grid-template-columns: repeat(4,1fr);
}
.escuela-servicios[data-columnas="3"] ul {
	grid-template-columns: repeat(3,1fr);
}
.escuela-actividades ul {
	grid-template-columns: repeat(3,1fr);
}
.escuela-servicios ul li i, .escuela-actividades ul li i {
	font-size: 3rem;
	width: 100%;
	color: var(--verde);
}
.escuela-servicios ul li {
	padding-bottom: .5rem;
}
.escuela-servicios ul li img, .escuela-actividades ul li img {
	width: 100px;
}

.escuela-destacado {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-content: center;
}
.escuela-destacado div {
	padding: 1.5rem;
}
.escuela-destacado img {
	height: 160px;
}
.escuela-destacado h4 {
	font-size: 1.3rem;
}

.escuela-direccion {
	display: grid;
	grid-template-columns: 1fr 3fr;
	column-gap: 1.5rem;
	margin: 2rem 0 0;
}
.escuela-direccion > div:nth-of-type(1) {
	display: grid;
	grid-template-columns: min-content 1fr;
	column-gap: 1rem;
	row-gap: .5rem;
	align-items: top;
	align-content: end;
}
.escuela-direccion > div:nth-of-type(1) p, .escuela-direccion > div:nth-of-type(1) i  {
	padding: 0;
	margin: 0;
}
.escuela-direccion > div:nth-of-type(1) i {
	font-size: 1.3rem;
	padding-top: 3px;
	text-align: center;
}

.map-escuela iframe {
	width: 100%;
	height: 220px;
	border-radius: 1.5rem;
}
.escuela-items {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 1.5rem;
	margin-top: 1.5rem;
}
.escuela-items li {
	font-size: .9rem;
}
.escuela-info {
	grid-row: 1 / 3;
}
.escuela-info > div:nth-of-type(2) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	text-align: center;
}
.escuela-info > div:nth-of-type(3) {
	text-align: center;
	margin-bottom: 1rem;
}
.escuela-info > div p {
	margin-top: 0;
	padding-top: 0;
}
.escuela-info img {
	max-width: 100px;
}

.escuela-ayudas {
	margin-top: 1.5rem;
	text-align: center;
}


/* Calculadora */

.calculador {
	background-color: #eee;
	background-image: url(../img/formas-fondo-5.png), url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png);
	background-position: center left, 80% 0, center bottom;
	background-repeat: no-repeat, no-repeat, no-repeat;
	margin: 1.5rem 0;
	padding: 1.5rem;
	border-radius: 1.5rem;
}
.calculador .selectores {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1.5rem;
}
.calculador .selectores > div {
	padding: 1.5rem;
}
.calculador h2 {
	text-align: center;
	color: var(--verde);
}
.calculador h3 span {
	font-size: 1rem;
}
.calculador > p {
	text-align: center;
}
.calculador-datos {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 1.5rem;
}
.calculador-datos-info {
	text-align: center;
}
.calculador-datos > div {
	text-align: center;
	padding: 1.5rem;
}
.calculador-datos input {
	width: 90%;
	margin: 1rem 0;
	padding: .5rem;
}
.calculador-datos label {
	font-weight: 600;
	font-size: 1.1rem;
}
.calculador-info-letra {
	font-size: 1rem;
}
.calculador-parcial {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 1.5rem;	
}
.calculador-parcial > div {
	padding: 1.5rem;
}
.calculador-parcial > div:nth-of-type(1) {

	/* text-align: center; */
	font-size: 1.1rem;
}
.calculador-parcial span{
	font-weight: 600;
}

.calculador-total {
	text-align: center;
}
.calculador-total p {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--verde);
}

.calculador-letra p {
	padding: 0;
	margin: 0;
}
.calculador-letra {
	text-align: center;
	font-size: .7rem;
}


.calculador .alerta {
	color: var(--rojo);
	font-size: 1.2rem;
	padding: 1rem 2rem;
}

.visita-escuela {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: .5rem 1.5rem;
}
.visita-escuela > div {
	padding: 1rem;
}
.visita-escuela input, .visita-escuela select {
	padding: .5rem;
	width: 100%;
	margin: 0 auto;
}
.visita-escuela input[type="radio"] {
	width: auto;
}
.visita-escuela > div:last-of-type {
	grid-column-start: 2;
}
.visita-escuela h3 {
	grid-column: 1 / 4;
	text-align: center;
	margin: 0;
	padding: 0;
}
.visita-escuela label {
	display: block;
	padding: .5rem 0;
}
.visita-escuela label[data-tipo="radio"], .visita-escuela input[data-tipo="radio"] {
	display: inline;
	width: auto;
}
.formulario-politica {
	grid-column-start: 2;
	grid-row: 4;
}

/* Servicios */
.servicios-comedor h2, .servicios-excursiones h2 {
	text-align: center;
}
.servicios-comedor img, .servicios-horario img, .servicios-excursiones img {
	border-radius: 1rem;
}

.servicios-excursiones {
	background-color: #cbe8d1;
	background-image: url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png), url(../img/formas-fondo-5.png);
	background-position: center left, 80% 0, center bottom;
	background-repeat: no-repeat, no-repeat, no-repeat;
	padding: 1.5rem;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
}
.servicios-comedor {
	background-color: #cbe8d1;
	background-image: url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png), url(../img/formas-fondo-5.png);
	background-position: center left, 80% 0, center bottom;
	background-repeat: no-repeat, no-repeat, no-repeat;
	padding: 1.5rem;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
}
.servicios-horario {
	padding: 1.5rem;
	margin: 1.5rem 0;
}
.servicios-comedor img {
	margin: 1.5rem 0;
	max-width: 100%;
	border-radius: 0;
}

.servicios-tri {
	padding: 1.5rem;
	margin: 1.5rem 0;
}

.servicios-tri h2 {
	color: var(--verde);
}

.servicios-tri > div {
	margin-bottom: 1.5rem;
}

.servicios-tri img {
	max-width: 100%;
}

.servicios-tri > div:nth-of-type(1) {
	display: flex;
	gap: 1.5rem;
	align-items: center;
}
.servicios-tri > div:nth-of-type(1) img {
	width: 360px;
}
/* .servicios-tri > div:nth-of-type(2) {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 1.5rem;
	align-items: center;
} */

.servicios-tri ol {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	justify-content: center;
	gap: 1.5rem;
	margin: 1.5rem 0;
}
.servicios-tri li {
	padding: .5rem;
	/* border: 1px solid var(--verde);
	border-radius: 1.5rem; */
	/* font-size: 1.1rem; */
	text-align: center;
}
.servicios-tri li img {
	max-width: 80px;
}

.servicios-ex {
	padding: 1.5rem;
	margin: 1.5rem 0;
}

.servicios-ex {
	display: flex;
	gap: 1.5rem;
	align-items: center;
}
.servicios-ex img {
	width: 360px;
}
.servicios-ex h2 {
	color: var(--verde);
}

.servicios-agenda-multi {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}
/* .servicios-agenda-multi h2 {
	text-align: center;
} */

.servicios-agenda {
	background-color: #eee;
	background-image: url(../img/formas-fondo-5.png);
	background-position: 80% 0;
	background-repeat: no-repeat;
	padding: 1.5rem;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
	text-align: center;
}
.servicios-agenda p {
	text-align: left;
}
.servicios-agenda h2 {
	text-align: left;
}
.servicios-agenda img {
	max-width: 200px;
}

.servicios-multidisciplinar {
	background-color: #fff1b9;
	background-image: url(../img/formas-fondo-3.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 1.5rem;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
	height: 100%;
}
.servicios-multidisciplinar > div {
	display: flex;
}
.servicios-multidisciplinar > div img {
	max-width: 150px;
	align-self: center;
}

.servicios-horario {
	background-color: #cbe8d1;
	background-image: url(../img/formas-fondo-4.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 1.5rem;
	margin: 1.5rem 0;
	margin-top: 0;
	border-radius: 1.5rem;
	height: 100%;
}
.servicios-horario h2 {
	text-align: left;
}
.servicios-agenda-multi > div {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.contacto > div{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}
.contacto > div > div {
	padding: 1rem;
	background-color: var(--fondo-gris);
	border-radius: 1.5rem;
}

.contacto iframe {
	width: 100%;
	height: 200px;
}




/* Proyecto educativo */

.proyecto-felix h2, .proyecto-principios h2, .proyecto-complementarios h2 {
	text-align: center;
	text-transform: uppercase;
	color: var(--verde);
}
.proyecto-felix h3, .proyecto-principios h3, .proyecto-complementarios h3 {
	font-size: 1.2rem;
	padding: 1rem 0;
}
.proyecto-felix h3 {
	padding-top: 0;
}
.proyecto-felix img, .proyecto-principios img, .proyecto-complementarios img {
	max-width: 100%;
	/* border-radius: 1.5rem; */
}
.proyecto-felix img {
	max-width: 1000px;
	/* border-radius: 1.5rem; */
}
.proyecto-felix {
	background-color: #cbe8d1;
	background-image: url(../img/formas-fondo-3.png);
	background-position: 90% 0;
	background-repeat: no-repeat;
	padding: 1.5rem;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
}
.proyecto-felix > div {
	display: grid;
	/* grid-template-columns: repeat(3,1fr); */
	grid-template-columns: 1fr;
	gap: 1.5rem;
	margin-top: 1.5rem;
	text-align: center;
	font-weight: 600;
	font-size: 1.1rem;
}

.proyecto-principios {
	padding: 1.5rem 0;
	margin: 1.5rem 0;
}
.proyecto-principios h2 {
	padding: 1.5rem;
}
.proyecto-principios > div {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 2.5rem;
}
.proyecto-principios > div p {
	text-align: left;
}
.proyecto-principios > div img {
	width: 100%;
	/* height: 300px; */
	/* object-position: center;
	object-fit: cover; */
}
.proyecto-principios > div div {
	/* text-align: center; */
	padding: 1.5rem;
	/* background-color: #fff1b9;
	background-image: url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png);
	background-position: center left, 80% 0;
	background-repeat: no-repeat, no-repeat;
	border-radius: 1.5rem; */
}


.proyecto-complementarios {
	background-color: #ffefb0;
	background-image: url(../img/formas-fondo-4.png);
	background-position: 80% 0;
	background-repeat: no-repeat;
	padding: 1.5rem;
	margin: 1.5rem 0;
	border-radius: 1.5rem;
}
.proyecto-complementarios h2 {
	padding: 1.5rem;
}

.proyecto-complementarios > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
}
.proyecto-complementarios > div > div {
	max-width: 25%;
	padding: 0 1rem;
	min-width: 300px;
}
.proyecto-complementarios > div > div:last-of-type {
	display: grid;
	width: 100%;
	/* height: 100%; */
	align-content: center;
	justify-content: center;
}
.proyecto-complementarios > div > div:last-of-type img {
	max-width: 300px;
}



.politica-privacidad h3 {
	margin-top: 1.3rem;
}
.politica-privacidad h4 {
	font-size: 1.2rem;
	margin-top: 1.3rem;
}

.politica-privacidad ul {
	list-style-type: disc;
	padding-left: 2rem;
}

.politica-privacidad table {
	width: 100%;
}

.politica-privacidad table td {
	border: 1px solid gray;
}
.politica-privacidad table th {
	background-color: gray;
	font-weight: 600;
	color: white;
}
.politica-privacidad table td, .politica-privacidad table th {
	padding: 1.2rem;
}

/* Plaza online */

.plaza-online {
	background-color: #eee;
	background-image: url(../img/formas-fondo-5.png), url(../img/formas-fondo-3.png), url(../img/formas-fondo-4.png);
	background-position: center left, 80% 0, center bottom;
	background-repeat: no-repeat, no-repeat, no-repeat;
	margin: 1.5rem 0;
	padding: 1.5rem;
	border-radius: 1.5rem;
	text-align: center;
}

.plaza-online ul {
	list-style: none;
	margin-top: 1.5rem;
}
.plaza-online li {
	display: inline-block;
	line-height: 3.5rem;
}
.plaza-online a {
	padding: .8rem;
	border-radius: .3rem;
	margin: 1rem .5rem;
	color: white;
	background-color: var(--verde);
}


/* Menú */

.rrss {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background-color: #eee;
	padding: .1rem 0;
	font-size: .85rem;
	border-radius: 0 0 10px 10px;
}

.rrss p {
	padding: 0;
}

.rrss div {
	padding-right: 1.5rem;
}

.rrss div, .rrss ul {
	display: flex;
}

.rrss ul li {
	padding: 0 .3rem;
}

footer {
	clear: both;
	max-width: 1200px;
	background-color: #eee;
	text-align: center;
	font-size: .8rem;
	margin: 1.5rem auto 0;
	border-radius: 10px 10px 0 0;
}

/* Slider homepage */

.swiper-container {
	padding: 0 0 40px 0;
}
.swiper-escuelas {
	padding-top: 40px;
}

.swiper-slide {
	display: flex;
	align-items: center;
	justify-content: start;
}

.swiper-slide img {
	width: 100%;
	max-height: 500px;
	object-fit: cover;
	object-position: left center;
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
	z-index: 20;
}

.swiper-pagination-bullet-active {
	background-color: var(--verde);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}

/* Móvil */

@media (max-width: 1145px) {
	.swiper-container {
		height: 400px;
	}
	.swiper-slide img {
		height: 100%;
	}
	.text-block figure {
		position: relative;
		float: none;
		margin: 0;
	}
}

@media (max-width: 600px) {
	.swiper-container {
		height: 200px;
	}
	.rrss {
		flex-direction: column;
	}
	.feder {
		grid-template-columns: 1fr;
		width: 100%;
	}
	.feder img {
		width: 80%;
	}
	.servicios-trilinguismo div div:nth-of-type(2) img, .servicios-excursiones div div img {
		width: 100%;
	}
	.intro-historia {
		grid-template-columns: 1fr;
	}
	.intro-servicios > div {
		grid-template-columns: repeat(2,1fr);
	}
	.intro-cuotas > div[data-cuotas="3"], .intro-cuotas > div[data-cuotas="4"] {
		grid-template-columns: 1fr !important;
	}
	.intro-escuelas {
		background-image: url(../img/formas-fondo-1.png), none;
	}
	.intro-escuela {
		grid-template-columns: 1fr;
		margin: 0 .5rem 1rem;
	}
	.intro-escuela > div:nth-of-type(1) {
		grid-column-start: 1;
	}
	.intro-dalila > div {
		grid-template-columns: 1fr;
	}
	.intro-contacto > div {
		grid-template-columns: 1fr;
	}
	.page-headers img {
		height: 180px;
	}
	.page-headers h2 {
		font-size: 1.4rem;
	}
	.mision-vision {
		grid-template-columns: 1fr;
	}
	.mision-vision h2 {
		grid-column: auto;
	}
	.valores-items {
		text-align: center;
	}
	.historia > div {
		grid-template-columns: 1fr;
	}
	.escuela-escuela {
		grid-template-columns: 1fr;
	}
	.escuelas-escuelas {
		background-image: url(../img/formas-fondo-1.png), none;
	}
	.plazas-subvencionadas img, .segundo-hijo  img {
		width: 100px;
	}
	.segundo-hijo {
		right: 0px;
	}
	.escuela-items {
		grid-template-columns: 1fr;
	}
	.escuela-servicios ul, .escuela-servicios[data-columnas="4"] ul, .escuela-servicios[data-columnas="3"] ul {
		grid-template-columns: repeat(2,1fr);
	}
	.escuela-actividades ul {
		grid-template-columns: 1fr;
	}
	.escuela-direccion {
		grid-template-columns: 1fr;
	}
	.escuela-direccion > div:nth-of-type(1) {
		margin-bottom: 1rem;
	}
	.servicios-tri > div:nth-of-type(1), .servicios-ex {
		flex-wrap: wrap;
	}
	.servicios-agenda-multi {
		grid-template-columns: 1fr;
	}
	.servicios-ex img {
		max-width: 300px;
	}
	.proyecto-principios > div {
		grid-template-columns: 1fr;
	}
	.contacto > div {
		grid-template-columns: 1fr;
	}
	.calculador .selectores, .calculador-datos, .calculador-parcial {
		grid-template-columns: 1fr;
	}
	.calculador .selectores > div, .calculador-parcial > div {
		padding: .5rem;
	}
	.visita-escuela {
		display: block;
	}
	.swiper-button-next, .swiper-button-prev {
		top: 15% !important;
	}
	.escuela .swiper-button-next, .escuela .swiper-button-prev {
		top: 50% !important;
	}
	.intro-historia p {
		font-size: 1.1rem;
	}
	.proyecto-felix img {
		max-width: 100%;
	}
}