@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); 


html {
    font-size: 1rem;    
    --ui100: rgba(255, 255, 255, 1);
    --ui200: rgba(250, 250, 250, 1);
    --ui300: rgba(246, 248, 248, 1);
    --ui400: rgba(107, 107, 107, 1);
    --ui500: rgba(26, 31, 42, 1);
    --id100: rgba(159, 216, 235, 1);
    --id000: #E5F2F8;
    --id200: rgba(0, 153, 204, 1);
    --id300: rgba(10, 117, 162, 1);
    --id400: rgba(15, 95, 129, 1);
    --id500: rgba(51, 65, 84, 1);
    --id600: rgba(26, 31, 42, 1);
    --error: rgba(163, 33, 33, 1); 
    --error200: #E39D9D; 
    --amedias100: rgba(252, 220, 152, 1); 
    --amedias200: rgba(238, 166, 12, 1); 
    --ok100: rgba(199, 232, 143, 1); 
    --ok200: rgba(107, 164, 7, 1);

    --anchomaximo: 1200px;
    --fondoventanaavisos: rgba(255,255,255,.8);
    --fondoventanaavisosclaro: rgba(255,255,255,.4);
    --negro: var(--ui500);
    --azul1: var(--id200);
    --azuloscuro: var(--id400);
    --azul2: var(--id400);
    --azulmuyclaro: var(--ui300);
    --azulultraclaro: rgba(226,243,249,1.00);
    --blanco: var(--ui100);
    --gris: #8E8F8F;
    --grismedioclaro: #D8D8D8;
    --grisclaro: #F5F5F5;
    --grismedio: #ABACAC;
    --grisoscuro: #616161;
    --grismuyoscuro: #474747;
    --amarilloclaro: #FBE75E;
    --amarillooscuro: #B4DD05;
    --anaranjado: #FFA90B;
    --sombrabotonformulario: 3px 6px 6px rgba(16, 58, 65, 0.25);
    --quitarsombrabotonformulariopequeno: 0px 0px 4px rgba(16, 58, 65, 0.25); 
    --sombrabotonformulariopequeno: 2px 4px 4px rgba(16, 58, 65, 0.25);
    --sombrabotonformulariopequenomuyestrecho: 2px 2px 4px rgba(16, 58, 65, 0.25);
    --sombrabotonesenlinea: 1px 1px 1px rgba(16, 58, 65, 0.25);
    --sombrabotonessecundarios: 4px 4px 10px rgba(0, 34, 40, 0.5);
    --quitasombrabotonessecundarios: 0px 0px 10px rgba(0, 34, 40, 0.5);

    --sombraetiquetaestandard:  2px 4px 4px var(--azulsemiclaro); 
    --sombracampoestandard:  2px 4px 4px rgba(201, 223, 226, 0.45);
    --radioformulario: .75rem;
    --radiopequeno: 4px;
    --separacionancha: 3rem;
    --separacionestrecha: 1rem;
    --verdeclaro: #E7F9AE;
    --verdemedio: #ABE100;
    --verdeoscuro: #01A80F;
    --rojoclaro: rgba(255,107,107,1.00);
    --rojooscuro: rgba(255,39,39,1.00);
    --cajatexto: #E2F2F9;
    --cajatexto1: #F9E2A7;
    --cajatexto2: #F4F38D;
    --cajatexto3: #555555;
    --resaltar1: #783C01;
    --resaltar2: #606000;
    --resaltar3: #D81A07;
    --separacionsecciones: 3rem;
    --separacionsubsecciones: 1rem;
    --gradienteventanas: linear-gradient(-168.537deg, rgba(54, 183, 228, 60%) 31%, rgba(3, 125, 169, 60%) 70%);
    --rellenohorizontal: 3.5rem;
    --rellenoverticalgrande:6.75rem;
    --rellenovertical:5.75rem;
    --fondocookies: rgba(15, 95, 129, .85);
    --transparenciablanca: rgba(255,255,255,.2);
}
html::-webkit-scrollbar {
    width: .875em;
    height: .875em;
}

html::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0,0,0,0.3); 
    border-radius: 0em;
    background-color: var(--azulultraclaro);
}

html::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 4px rgba(0,0,0,0.5); 
    border-radius: 0em;
    background-color: var(--azul1);
}
body {
    font-family: "Inter", sans-serif; 
    font-optical-sizing: auto; 
    font-weight: 400;
    font-style: normal; 
	color: var(--negro);
    background-color: var(--blanco);    
    font-size: 1rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin: 0px;
	padding: 0px;
	transition: opacity .3s linear 0s;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
}
#cuerpo {
    display: flex;
    flex-direction: column;
   /* min-width: 700px;*/    
    margin-left: auto;
    margin-right: auto;    
}

input:-ms-input-placeholder, input::placeholder {    
    color: var(--ui400);
    font-weight: 400;
}
input, select, textarea {
    border: none; 
    color: var(--grismuyoscuro);
    border-radius: 4px;
    padding: 0 .5em;
    border: solid 1px var(--id100);
}
select, textarea, input[type="text"], input[type="email"],input[type="file"], input[type="url"], input[type="password"], input[type="number"] {
    padding-top: 4px;
    padding-bottom: 4px;
}
select:disabled {
    color: var(--grismuyoscuro);
    opacity: 1;
}
input[type="submit"], input[type="reset"], input[type="buttom"], button {
    filter: var(--sombrabottonformulariopequeno);
}
input:focus, button:focus,select:focus,textarea:focus {
    outline: none;
}
input[type="number"] {
    text-align: right;
}
button:disabled, input[type="submit"]:disabled {
    opacity: .5;
}
label {
    font-weight: 500;
    color: var(--azul1);
    margin-bottom: .125em;
}
h1,h2,h3,h4,h1 > * {
    line-height: 1.1;
}
h1 {
    position: sticky;
    top: 6rem;
    background-color: var(--blanco);
    color: var(--grismuyoscuro);
    margin: 0px;
    margin-bottom: 1rem;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 1.5rem;
    z-index: 10;
    padding-bottom: 1rem;    
    border-bottom: solid 1.5rem var(--blanco);
}

h1 > .subtitulo {
    /*font-size: 1.25rem;
    color: var(--azul1);
    margin-top: .5em;*/
    font-size: 2,5rem;
    margin-top: var(--separacionsubsecciones);
    mragin-bottom: var(--separacionsubsecciones);
}

h2 {
    font-size:1.15rem;
    color: var(--azul2);  
    font-weight: 500;  
}
.titulollo {
    color: var(--id200);
    margin-top: 0px;
}
h3 {
    font-weight: 600;

}
main {
	flex-grow: 1;
    padding: .75rem;
    align-self: center;
    width: 100%;
    max-width: var(--anchomaximo);
    margin-left: auto;
    margin-right: auto;
}
.cajatransparente {
    padding: var(--rellenovertical) var(--rellenohorizontal) 0px var(--rellenohorizontal);
    overflow: hidden;
}
.cajatransparente.azul {    
    background-color: var(--ui300);
}
.cajatransparente .masestrecho {
    max-width: 70%;
    margin-bottom: 0px;
    /*max-width: 800px;*/
}
.cajatransparente .masestrecho.dcha {
    margin-left: auto;
    margin-right: 0px;
    text-align: right;
   /* max-width: 800px;*/
}
.cajatransparente .masestrecho.dcha span {
    color: var(--id300);
}
.centrarhijos > * {
    padding: 0px calc(var(--rellenohorizontal) * 2);
    max-width: 1200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.titulillo {
    color: var(--ui400);
    margin-top: 0px;
}

.titulillo.centrado {
    text-align: center;
}
.concajas {
    display: flex;
    flex-wrap: wrap;
}
.concajas > div {
    border: solid 1px var(--id100);
    padding: 2.625rem 3rem;
    display: flex;
    flex-direction: column;
    width: calc((100% - 2rem) / 3);
    margin-bottom: 1rem;
    background-color: var(--blanco);
}
.concajas > div > span:first-of-type {
    color: var(--ui400)
}
.concajas > div > span:last-of-type {
    color: var(--id400);
    font-size: 2.75rem;
    line-height: 1;
    margin-top: .5rem;
}
.concajas > div > img {
    align-self: flex-end;
    width: 5.625rem;
    height: auto;
}
.campo {    
    color: var(--azul1);
    height: 2em;
    border-radius: 1em;
    padding-left: 1em;
    padding-right: 1em;
    box-shadow: var(--sombrabuscar);
    background-color: var(--azul2);
    margin: 0px;
    border: none;
}

.traselementoflotate {
	clear: both;
}
#botonvolver {
    position: absolute;
    font-size: 1rem;
    right: 0px;
    top: calc(100% - .25rem); 
}
#cuerpo #botonguardar, #botonnuevo {
    position: absolute;
    font-size: 1rem;
    left: 0px;
    top: calc(100% - .25rem);
}
.botonprincipal, .botonsecundario, .botonenlinea1, .botonenlinea2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: .5em;
    padding-bottom: .5em;
    color: var(--id200);
    border-radius: 1.75em;
    font-weight: 00;
    background-color: var(--blanco);
    transition: transform .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
    border: solid 1px var(--id200);
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 1.2;
}
.botonsecundario, .botonenlinea2 {
    background-color: var(--id200);
    color: var(--blanco);
    border-color: var(--blanco);
}
.botonprincipal:hover, .botonsecundario:hover, .botonenlinea1:hover, .botonenlinea2:hover  {
    transform: translateY(4px);

}
.botonprincipal.muyestrecho, .botonsecundario.muyestrecho {
}
.botonprincipal.muyestrecho:hover, .botonsecundario.muyestrecho:hover  {
    transform: translateY(2px);
}

.sincursor {
    cursor: default;
}
/*.botonsecundario2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 2em;
    color: brown;
    border-radius: 1em;
    background-color: var(--azul2);
    border: none;
    text-align: center;
    padding-bottom: 3px;
    transition: transform .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
    font-weight: 700;
    box-shadow: var(--sombrabotonessecundarios);
    cursor: pointer;
    padding-left: 1em;
    padding-right: 1em;
    text-decoration: none;
}
.botonsecundario3 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 2em;
    color: var(--azul2);
    border-radius: 1em;
    background-color: brown;
    border: none;
    text-align: center;
    padding-bottom: 3px;
    transition: transform .2s linear 0s, box-shadow .2s linear 0s, background-color .2s linear 0s;
    font-weight: 700;
    box-shadow: var(--sombrabotonessecundarios);
    cursor: pointer; padding-left: 1em;
    padding-right: 1em;
    text-decoration: none;
}
.botonsecundario2:hover, .botonsecundario3:hover {
    box-shadow: var(--quitarsombrabotonessecundarios);
    transform: translateY(4px);

}*/
.estrecho {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: .25rem;
    padding-bottom: .r25em;
    border-radius: 1.25em;
}
.myestrecho, .muyestrecho {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 1.25em;
}
.superestrecho {
    height: 1.5em;
}
.sincursor {
    cursor: default;
}
.sincursor:hover {
    box-shadow: inherit;
    transform: translateY(0px);
}
.menosredondo {
    border-radius: 4px;
}
.nocortar {
	white-space:nowrap;
}
.romperpalabras {
    word-break: keep-all;
}
.cortar {
	word-break: break-all;
}
.contenedoraperturavertical {
	height: 0px;
	overflow: hidden;
	transition: height .2s ease-in 0.1s;
}
.contenedoraperturavertical > * {
    overflow: hidden;
}
.etiquetaestandard {
    border: none;
    background-color: var(--azul2);
    box-shadow: var(--sombraetiquetaestandard);
    padding: .15em .5em .15em .5em;;
    border-radius: 4px;
}
.datoestandard {
    border: none;
    padding: .15em .5em .15em .5em;;
    border-radius: 4px;
    box-shadow: var(--sombracampoestandard); 
    padding-bottom: 4px;
    background-color: var(--brown);
}
#tapador {
	z-index: 150;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.65);
	-webkit-transition: opacity .5s ease-in 0s;
	transition: opacity .5s ease-in 0s;
	opacity:0;
	display: none;
}

#capamarco, #capamarco1 {
	z-index: 150;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--fondoventanaavisos);	
	transform: scale(0);
	background-image:url(../imagenes/loading.svg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: 3em auto;
	transition: transform .05s ease-in 0s;
}


#capamarco iframe, .capasmarco iframe {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
/*ventana de avisos*/
#ventanaavisos, #ventanaaceptar {
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: var(--fondoventanaavisos);
	width: 100%;
	height: 100%;
	color: black;
	z-index: 152;	
	transform: scale(0);
	display: flex;
	justify-content:center;
	align-items:center;
	transition: transform .2s linear 0s;
}
#ventanaavisos div, #ventanaaceptar div {
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	padding: 1em;
}
#ventanaavisos h2, #ventanaaceptar h2 {
	color: var(--azul1);
	background-color: transparent;
    font-size: 2em;
    margin-bottom: .25em;
    text-align: center;
}
#ventanaavisos p, #ventanaaceptar p {
    color: var(--azul1);
    text-align: center;
}
/* animaciones estandard*/


#cargaprevia {
	display: none;
}

a {
    text-decoration: none;
}
.aladerecha {
    text-align: right;
}
.centrada {
    text-align: center;
}
.contenedortablaespecial {
    flex-grow: 1;
    position: relative;
    
}
.deslizadortablaespecial {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-right: 6px;
    overflow: auto;
    text-align: center;
}
.deslizadortablaespecial > * {
    text-align: left;
}
.tablaespecial {
    display: inline-table;
    white-space: nowrap;
    border-collapse: separate;
}
.contenedorprincipalventanadatos {
    text-align: left;
}
.tablaespecial span {
    vertical-align: middle;
}
.tablaespecial span.nocortar {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.tablaespecial span.nocortar.enlinea {
    display: inline-flex;
    align-items: flex-end;
}
.tablaespecial span.nocortar.normal {
    flex-direction: row;
}
.tablaespecial thead {
    position: sticky;
    top: 0px;
    z-index: 3;
    background-color: var(--blanco);
    font-weight: 500;
}
.tablaespecial td:first-of-type {
    position: sticky;
    left: 0px;
    z-index: 2;
    background-color: var(--blanco);
}
.tablaespecial thead td {
   color: var(--azul1);
    border-bottom: 2px solid var(--azul2);
    border-top: 2px solid var(--azul2);
}
.contenedortablaespecial .deslizadortablaespecial .tablaespecial tbody tr:hover td {
    background-color: var(--azulmuyclaro);
}
.tablaespecial td {
    padding: .5em 1em .5em 0px;
}.tablaespecial td:first-of-type {
    padding-left: .5em;
}
.tablaespecial thead td {
    padding-bottom: .25em;
}
.tablaespecial tbody td {    
    border-bottom: 1px solid var(--grismedio);
}
.tablaespecial .icono {
    height: 1.5em;
    width: auto;
    vertical-align: middle;
    float: right;
    transform: scale(1.2) translateY(2px);
    cursor: pointer;
    margin-left: .5rem;
}
.tablaespecial .icono.icononotas {
    transform: scale(.8) translateY(-2px);
}
.tablaespecial .icono.iconoeliminar {
    transform: scale(.8) translateY(-2px);
}
.tablaespecial .icono.iconoapartado {
    transform: scale(.8) translateY(-2px);
}
.tablaespecial .icono.iconoflechas {
    transform: scale(.8) translateY(-2px);
}
.tablaespecial .icono.iconoborrararchivo {
    transform: scale(.9)  translateY(-1px);
}
.tablaespecial .icono.iconoojo {
    transform: scale(1.1) translateY(-1px);
}
.tablaespecial .icono.iconoclase {
    transform: scale(1.4);
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
.tablaespecial .icono.iconoenviarclave {
    transform: scale(0.95) ;
}
.tablaespecial .icono.inconoalumno {
    transform: scale(2.8) translateY(.05em);
    margin-left: 1em;
    margin-right: .15em;
}
.ventanadatos {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--fondoventanaavisos);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--separacionancha);
    transition: transform .2s ease-in 0s;
    transform-origin: left center;
    transform: scale(0,1);
    z-index: 140;
}
.ventanadatos.abierta {
    transform: scale(1,1);    
}
.ventanadatos .contenedorprincipalventanadatos {
    min-width: 320px;
    max-width: 800px;
    padding: var(--separacionestrecha) var(--separacionancha);
    background-color: var(--azulmuyclaro);
    border-radius: var(--radioformulario);
    margin-left: auto;
    margin-right: auto;
}
.contenedorprincipalventanadatos {
    margin-left: auto;
    margin-right: auto;
}

.ventanadatos .contenedorprincipalventanadatos.ajustado {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom: none;
    border-top: none;
}
.ventanadatos .contenedorprincipalventanadatos.ajustado h2 {
    position: sticky;
    top: 0px;
    border-bottom: 1px solid var(--blanco);
    text-align: center;
    background-color: var(--azulmuyclaro);
    padding-bottom: .5rem;
    padding-top: var(--separacionestrecha);
}
.ventanadatos .contenedorprincipalventanadatos p.parrafobotones {
    position: sticky;
    bottom: 0px;
    border-top: 1px solid var(--blanco);
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
    flex-direction: row;
    padding-top: 1em; 
    background-color: var(--azulmuyclaro);
}
.ventanadatos .contenedorprincipalventanadatos.ajustado p.parrafobotones {    
    padding-bottom: var(--separacionestrecha);
}
.ventanadatos .parrafobotones input {
    font-size: .875em;
    font-weight: 400;
}
.ventanadatos .parrafobotones input:not(:first-of-type) {
    margin-left: 1em;
}
.ventanadatos h2 {
    color: var(--azul1);
    font-size: 1.5rem;
    letter-spacing: 2px;
    font-weight: 500;
    margin-top: 0px;
    text-align: center;
}
.ventanadatos .contenedorprincipalventanadatos p {
    display: flex;
    flex-direction: column;
}
.ventanadatos .contenedorprincipalventanadatos p label {
    align-items: flex-start;
    /*color: black*/;
    font-weight: 500;
        
}
.ventanadatos .estrecho {
    align-items: flex-start;
}
#cuerpo .parrafocodigoverificacion, #cuerpo .parrafoacepto {
    display: flex;
    align-items: center;
    margin: 0px;
    margin-top: 1em;
    flex-direction:row;
}
#cuerpo .parrafocodigoverificacion label {
    font-size: .875em;
}
#cuerpo .parrafocodigoverificacion input, #cuerpo .parrafocodigoverificacion label, .parrafoacepto label {
     margin-left: .75rem;
}
#cuerpo .parrafocodigoverificacion img {
    height: 1.75em;
    border: solid 1px var(--azul2);
        border-radius: var(--radiopequeno);
}
#cuerpo .parrafoacepto label {
    font-size: .875em;
    font-weight: 400;
}
#cuerpo .parrafoacepto label a {
    text-decoration: underline;
    font-weight: 400;
    color: var(--azul1);
}
/*body:not(#cuerpo) h2, #cuerpo .contenidosdinamicos h2 {
    color: var(--azul2);
}*/
/*Estilos para el editor*/
.contenidosdinamicos table {
    border: solid;
}
.contenidosdinamicos img, .contenidosdinamicos iframe, .contenidosdinamicos video {
    border-radius: var(--radiopequeno);
}
.leyendaimagen {
    font-size: .8em;
    font-style: italic;
    color: var(--azulo1);
    text-align: center;
}
.cajatexto, .cajatexto1, .cajatexto2, .cajatexto3 {
    background-color: var(--ui100);
    border-radius: 4px;
    padding: var(--rellenohorizontal) var(--rellenohorizontal);
    border: 1px solid var(--id100);
    margin-bottom: 1rem;
}
.cajatexto1 {
    background-color: var(--ui300);
    border-color: var(--ui300);
}
.cajatexto2{ 
    background-color: var(--id000);
    border-color: var(--id000)
}
.cajatexto3 {    
    background-color: var(--id200);
    border-color: var(--id200);
    color: var(--ui100);
}
.resaltar1 {
    color: var(--id300);
    text-decoration: underline;
}
.resaltar2 {
    color: var(--ui100);
    text-decoration: underline;
}
.resaltar3 {
    color: var(--id400);
    text-decoration: underline;
}
.contenidosdinamicos iframe {
    width: 75%;
    height: auto;
    aspect-ratio: 4 / 3;
}
.contenidosdinamicos a, .contenidosdinamicos a:visited, .contenidosdinamicos a:link {
    color: var(--azul1);
    text-decoration: underline;
    transition: font-weight .2s linear 0s;
    display: inline-block;
    text-decoration: none;
} 
.contenidosdinamicos a:hover {
    font-weight: 600;
}
.botonenlinea1, .botonenlinea2 {
    height: auto;
    padding-left: .5em;
    padding-right: .5em;
    font-weight: normal;

    box-shadow: var(--sombrabotonesenlinea);
}
.botonenlinea1:hover, .botonenlinea2:hover  {
    box-shadow: var(--quitarsombrabotonformulariopequeno);
    transform: translateY(2px);

}

#contenedorcontacto {
    position: relative; 
    background: var(--gradienteventanas);
    margin-top: var(--separacionsubsecciones);
    color: var(--blanco);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: var(--rellenovertical);
    
}
#contenedorcontacto  > * {
    width: 85%;
    margin: 0px;
    max-width: 880px;
}
#contenedorcontacto h2 {
    color: var(--blanco);
    font-size: 4rem;
}
#contenedorcontacto p {
    margin-top: var(--separacionsubsecciones);
    margin-bottom: var(--separacionsecciones);
    font-size: 1.5rem;
}

#contenedorcontacto button {
    align-self: center;
    width: auto;
}
    
@media (max-width: 1300px) {
    .concajas > div {
        padding: 2.625rem 3rem;
        width: calc((100% - 2rem) / 3);
    }
    .concajas > div > span:last-of-type {
        font-size: 2rem;
    }
    .concajas > div > img {
        width: 4.25rem;
    }
    .concajas > div > span:first-of-type {
        font-size: .875rem;
    }
}
@media (max-width: 900px) {
    .titulillo {
        font-size: .875rem;
    }
    .concajas > div > img {
        width: 3.25rem;
    }
    .concajas > div {
        padding: 1.625rem 2rem;
    }
    .concajas > div > span:last-of-type {
        font-size: 1.5rem;
    }
    .concajas > div > span:first-of-type {
        font-size: .75rem;
    }
    #contenedorcontacto {       
        padding: var(--rellenohorizontal);

    }
    #contenedorcontacto  > * {
        width: 100%;
     }
    #contenedorcontacto h2 {
        font-size: 3rem;
    }
    #contenedorcontacto p {
        margin-bottom: var(--separacionsubsecciones);
        font-size: 1.15rem;
    }
}
@media (max-width: 750px) {
    html {
        --rellenohorizontal: 1.5rem;
        --rellenovertical:3.75rem;
    }
    .titulillo {
        font-size: .75rem;
    }
    .centrarhijos > * {
        padding: 0px var(--separaccionsecciones);
    }
     .concajas > div > img {
        width: 2.5rem;
    }
    .concajas > div {
        padding: 1.25rem 1.5rem;
    }
    
    #contenedorcontacto {       
        padding: var(--rellenovertical) var(--rellenohorizontal);

    }
}

@media (max-width: 700px) {
    
    .botonprincipal, .botonsecundario {
        font-size: .875em; 
    }
    #contenedorcontacto h2 {
        font-size: 2.25rem;
    }
    #contenedorcontacto p {
        margin-bottom: var(--separacionsubsecciones);
        font-size: .925rem;
    }
    .cajatransparente .masestrecho {
         max-width: 100%;
    }
    
}

@media (max-width: 650px) {   
    html {
        --separacionancha: var(--separacionestrecha);
    }
    main {
        padding: .5rem;
    }
    #ventanaaceptar a {
        padding-left: 1em;
        padding-right: 1em;
    }
    .contenidosdinamicos iframe,.contenidosdinamicos video {
        width: 90%;
    }
    
    .centrarhijos > * {
        padding: 0px 0px;
    }
    #cuerpo .concajas > div {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        
    }
}
@media (max-width:500px) {
    
    html {
        --rellenohorizontal: 1.5rem;
    }
}