/*
Theme Name: erase_una_vez
Theme URI: https://muchoscuentos.com
Author: Ibai Moneo
Author URI: https://muchoscuentos.com
Description: Tema personalizado del sitio de cuentos infantiles 
'www.muchoscuentos.com' dedicado a la educación y diversión de los 
menores sin importar estatus social, origen, sexo, color de piel...
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: erase_una_vez
*/
/* Custom Theme Styles for erase_una_vez - style.css */

/* -------------------
   mobile first design 
   ------------------- */
/* Estilos globales */
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scrollbar-width: thin; 
    scrollbar-color: darkturquoise rgba(0, 0, 0, 0.5) ;
    scrollbar-gutter: auto;
}
@font-face {
    font-family: 'Patrick Hand';
    src: url('/wp-content/themes/erase_una_vez/assets/css/fonts/patrick-hand-v23-latin-regular.woff2') format('woff2'),
         url('/wp-content/themes/erase_una_vez/assets/css/fonts/patrick-hand-v23-latin-regular.woff') format('woff');
    font-weight: 400;   
    font-display: swap;
    size-adjust: 116%;
}
@font-face {
    font-family: 'Patrick Hand SC';
    src: url('/wp-content/themes/erase_una_vez/assets/css/fonts/patrick-hand-sc-v15-latin-regular.woff2') format('woff2'),
         url('/wp-content/themes/erase_una_vez/assets/css/fonts/patrick-hand-sc-v15-latin-regular.woff') format('woff');
    font-weight: 400;   
    font-display: swap;
    size-adjust: 113.3%;
}
/* Ancho del scrollbar */
*::-webkit-scrollbar {
  width: 1dvw;
}
/* Fondo del track */
*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.5);
}
/* Estilo del thumb */
*::-webkit-scrollbar-thumb {
  background: rgba(100, 100, 100, 0.5);
  border-radius: .36em;
}
/* Cambiar estilo al pasar el ratón */
*::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 100, 100, 0.7);
}
html {
    scrollbar-gutter: stable;
    --scroll-behavior: smooth !important;
    scroll-behavior: smooth !important;
}
/* ocupación de pantalla completa para el body */ 
body {
    width: 100%;
    height: 100%; 
    min-width: 100vw;
    min-height: 100vh;
    overflow-x: hidden;
    font-family: 'Verdana', Arial, sans-serif;
    background-image: url('/wp-content/uploads/2025/02/mobilebackground_portrait.webp'), 
                      url('/wp-content/uploads/2025/02/mobilebackground_landscape.webp'),
                      url('/wp-content/uploads/2024/12/Fondo_Web.webp'); 
    background-size: cover, 0, 0;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment:  fixed;
}
/* Contenedor principal, abarca header, main y footer */
.body{
    position: relative; 
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    height: auto; 
    overflow-y: auto;    
}
/* Atributos del texto */
.content__cuentos {
    line-height: 1.6;
    text-wrap: pretty;
    letter-spacing: var(--spacing);
    size-adjust: 116%;
    font-family: 'Patrick Hand', Verdana, Arial, sans-serif;
}
.content__legal,
.content__legal__title  {
    color: var(--primary-color);
}
.breadcrumbs a,
.content__legal a,
.content__buscar li a {
    color: var(--accent-color);
}
.header, 
.footer {
    color: var(--f-primary-color);
}
.footer a {
    color: var(--f-accent-color);
}
input {
    font-size: var(--p);
    font-weight: 600;
}
/* Custom Theme Styles for Header */
.header {
    position: fixed;
    box-sizing: border-box;
    min-width: 100vw;
    top: 0; /* Para que se fije a la parte de arriba*/
    z-index:50; 
}
.page-template-page-dibujos-para-colorear .header {
    position: relative;
}
.header__nav {
    position: relative;
    max-height:15dvh;
    min-width: 100vw;
    height: clamp(3rem, 0.568rem + 12.158vh, 8.775rem);
    background-color:  var( --bg-header);  
    border-bottom: clamp(0.1rem, 0.06rem + 0.2vw, 0.3rem) solid rgba(0, 0, 0, 0.4); 
    display: flex;
    align-items: center;
    gap:.5em;
    overflow: visible;   
}
/* Título y menu__icons 'abrir/cerrar'*/
.header__title__mobile { /* Título */
    position: fixed;
    right: .6em;
    aspect-ratio: 325 / 56;
    width: 70vw;   
    height: auto;
    order:1;
    transition: all .5s;
    transform: var(--img2);
}
.header__title__desktop {
    display: none;
}
.page-template-page-dibujos-para-colorear .header__title__mobile {
    position: relative;
}
/* Icono que abre el menú */
.header__inicio__toggle, 
.header__menu__toggle {  
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    max-height: 13.85dvh;
    margin-left: 1.5dvw;
    height: clamp(2.76rem, 0.523rem + 11.185vh, 8.073rem);
    width: auto;
    cursor: pointer;
    transition: ease .5s;
    transform: var(--img1);  
}
/* Imagen svg con el texto menú */
.header__inicio__toggle--text,
.header__menu__toggle--text {
    position: absolute;
    color: white;
    display: block;
    aspect-ratio: 1 / 1;
    max-height: 13.85dvh;
    margin-left: 1.5dvw;
    height: clamp(2.76rem, 0.523rem + 11.185vh, 8.073rem);
    width: auto;
    inset: 0;
    align-self: center;
    transition: ease .5s;
    transform: var(--img1);
}
.page-id-92999 .header__menu__toggle, 
.page-id-88518 .header__menu__toggle,
.page-id-90644 .header__menu__toggle, 
.page-id-93782 .header__menu__toggle {
    animation: desplazar 3s ease-in-out;
}
.page-id-92999 .header__menu__toggle--text, 
.page-id-88518 .header__menu__toggle--text,
.page-id-90644 .header__menu__toggle--text, 
.page-id-93782 .header__menu__toggle--text  {
    animation: escalar 3s ease-in-out ;
}
@keyframes desplazar {
    0% {
        transform: scale(-1);
        margin-left: -200dvw;        
    }
    75% {
        margin-left: 10dvw;
    }
    100% {
        transform: scale(1);
        margin-left: 1.5dvw;   
    }
}
@keyframes escalar {
    0% {
        transform: scale(3); 
        color: #fc0410;  
    }
    40% {
        opacity: 1; 
        transform: scale(3);       
    }
    44% {
        opacity: 0; 
    }
    50% {
        opacity:1;   
    }
    56% {
        opacity: 0; 
    }
    62% {
        opacity: 1;
        transform:  scale(3);
        color: rgb(199, 83, 253);      
    }
    100% {
        transform: scale(1);
        color: white; 
    }
}
/* Contenedor principal del buscador *//*
.header__search {
    position: absolute; 
    flex-grow: 1.5;
    max-height: 4.5dvh;
    width: 35vw;
    left: 28.25vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transform: var(--search, scale(0));
    transition: transform 0.5s ease-in-out;
    z-index: 20;
}
/* Texto y botón en línea y centrados *//*
.header__form > div {
    display: flex;
    align-items:center;
    height: 100%;
    width: 100%;
	background-color: var( --bg-header); 
	border-radius: 2.5rem;
	border:.1em solid #fff;
    outline: .2em ridge #000;
	box-shadow: var(--btn-shadow);
}
/* Tamaño de elementos antes de escalar *//*
.header__form input {
    outline: none;
    border:none;
    color:transparent;
    background-color: transparent;  
	padding-left: clamp(.5rem, 0.471rem + 0.233vw, .75rem);
	width: 7dvw;
    height: calc(1rem + 1dvw);
	transition: all .6s; 
}
/* Estilos para el texto y del input *//*
.text{
    max-width: 75%;
    border-radius: 2.5em 0 0 2.5em;  
    flex:3;
}
.button  {
    position: relative;
    max-width: 25%;
    max-height: 100%;
    height: auto;
    background: url(/wp-content/uploads/2025/02/lupa.svg) center / clamp(.412rem, 1.97vh, 1.87rem ) no-repeat;
    border-radius: 0 2.5em 2.5em 0 ;
    cursor: pointer;
    flex: 1;    
}
.header__form input:focus {
	width: 35dvw;
    height: 5dvh;
    color: var(--primary-color);   
}*/
/* Contenedor del contenido principal */
main { 
    flex: 1;
    min-height: 100dvh; 
    width: 100vw;   
    inset:0;
    margin-bottom: 0;
    box-shadow: -0.8rem 0.8rem 5rem 1rem   rgba(193, 3, 246, 0.3);
    background-color: rgba(229, 251, 249, 0.930);  
    overflow-y: scroll;
    scroll-behavior: smooth; 
    overflow: visible;
}
/* Estilos del contenido central comunes a todas las plantillas */
.main {
    /* Marca las medidas del contenedor central */
    margin: auto;
    height: 100%;
    width: 99%;    
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
    background-color: #F8F8FF60; 
    border-radius: .5em; 
}

/* Estilos compartidos por el contenido y los comentarios */
section {
    position: relative;
    padding: 1%;
    background-color: #FDF5E6;
    border: .3em ridge darkturquoise;
    box-shadow: 0.2rem 0.2rem 1rem .66rem rgba(130, 128, 247, 0.308);
}
/* Sección principal para los diferentes contenidos */
.content {
    min-height: 100dvh;
    width: 100%;
    height: auto;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    top:0;
    padding-top: clamp(3.3rem, 0.624rem + 12.279vh, 9.552rem); /* un poco más alto que header asegurando que siempre esté debajo */
    border-radius: 0 0 .5em .5em; 
}
.page-template-page-dibujos-para-colorear .content {
    padding-top: .25em;
}
/* Encabezado del contenido principal */
.content__header {
    top: 0;
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0;
    margin: 0 auto 1dvh;
}
.content__title {
    position: relative;
    margin: 0 auto;
    text-align: center;   
}
.content__header__juegos,
.content__header__dibujos {
    gap: 0;
}
article {
    position:relative;
    display: flex;
    flex-direction: column;
    gap: .1em;
}
content__container--dibujos {
    gap: 0;
}
.content__footer {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    align-content: center;
    gap: 2em;
    padding-bottom: 1em; 
}
.content__footer--dibujos{
    position: relative;
    padding: 0;
    width: 100%;
    align-items: center;
    justify-content: start;
    gap: 0;
}
.content__footer--social {
    width: 100%;
    display: flex;
    margin: auto;
    justify-content: space-between;
}
.content__footer--social img {
    font-size: clamp(1em,.8em + 1.8dvw, 2.5rem); 
    text-align: center;
}
.content__footer--social li {
    list-style: none;
}
.comments {
    background-color: #FAEBD7;
}
/* Custom Theme Styles for footer. *//*
.footer {
    position: relative;  
    background-color: var(--bg-footer);
    border-radius: .5em .5em 0 0;
    min-width: 100dvw;
    width: 100%;
    height: auto;
    bottom: -100%;
    margin-top: 0;
    right: 0;
    left: 0;
    padding: 2dvh 8dvw 1dvh 8dvw;
    display: grid;
    grid-template-columns: 1fr;
    gap: 3dvw;
    overflow-x: hidden;
    overflow-y: auto;  /* Permite el desplazamiento vertical *//*
    z-index: 50;   
}
.footer__legales {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .8em;
}
.footer__secciones {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .8em;
}
.content__social {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.siguenos {
    margin: .75em 0;
    text-align: center;   
}
.footer__social {
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
} 
.footer__warning {
    border-top: .03em solid var(--secondary-color);
}
.content__derechos {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.footer__derechos {
    width: 100%;
    display: flex;
    margin: auto;
    justify-content: space-between;
}
.footer__derechos img {
    color: var(--secondary-color);
}
.footer__legales, 
.footer__secciones,  
.content__social, 
.content__derechos, 
.footer__warning {
    padding: 2dvw;
}
.footer__legales h2,
.footer__secciones h2 {
    font-size: var(--pabc);
    font-weight: bold; 
    color: var(--f-primary-color); 
}
.footer__warning a, 
.footer__legales a,
.footer__secciones a {
    font-size: var(--p);
    font-weight: 500; 
    color: var(--f-accent-color); 
}
.licencia {
    font-size: var(--fp);
    font-weight: 500;  
}*/
.content__juegos {   
    width: 100%;
    margin-top: 2.5dvh;
}
.juego__contenido {
    position: relative;
    max-width: 45rem;
    aspect-ratio: 1 / 1;
    width: 90%;
    height: auto;
    margin: 1.5em auto;
    border: .15em solid darkturquoise;
    outline: .6em ridge rgb(255, 69, 0);
}
juego__contenido iframe {
    aspect-ratio: 16/9;
    width: 100%;
    border: 0.15em solid #00ced1;
    outline: rgb(255, 69, 0) ridge 0.6em;
    margin: 2.5em auto 0;
}
/* Estilos Landing Page */
.landing__header__nav {
    position: relative;
    max-height:15dvh;
    min-width: 100vw;
    height: clamp(3rem, 0.568rem + 12.158vh, 8.775rem);
    background-color:  var( --bg-header);  
    border-bottom: clamp(0.1rem, 0.06rem + 0.2vw, 0.3rem) solid rgba(0, 0, 0, 0.4); 
    display: flex;
    align-items: center;
    gap:.5em;
    overflow: visible;
}
.page-template-page-suscripcion .main,
.page-template-page-suscripcion section {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.page-template-page-suscripcion section {
    padding-bottom: 1dvh;
}
.page-template-page-suscripcion .newsletter { 
    position: absolute;
    background-color: rgb(0, 0, 0, .8);
    color: white;
    width: 90%;
    height: auto;
    inset: 15% 5% 5%;  
}
.page-template-page-suscripcion .newsletter a {
    color: darkturquoise;
}
.content__buscar ul{
    margin-bottom: 80dvh;
    margin-left: 0; 
}
/* Estilos para póliticas */
.page-template-page-politicas .content__legal__title {
    text-align: start;
}    
.page-template-page-politicas .content__legal{
    margin: 1em 0;    
    width: 100%;
    background-color: #fff;
    padding: .7em;
    border-radius: .5em;
}
.page-template-page-politicas .content__legal p,
.page-template-page-politicas .content__legal li {
    margin: .75em 0;
    hyphens: auto;
    text-indent: 1.5em;
}
.page-template-page-politicas .content__legal li {
    margin-left: 1.5em;
    list-style: disc;
}
.page-template-page-politicas .content__legal p,
.page-template-page-politicas .content__legal li {
    font-size: var(--fp);
}
/* Estilos para Breadcrumbs */
.breadcrumbs {
    margin: 0;
    margin-left: 5%;  
}
.breadcrumbs ol {
    list-style: none;
    padding: 0;
    display: flex;
    gap: .3em;
}
.breadcrumbs li {
    display: inline;
    margin-right: .3em;
}
.breadcrumbs li:after {
    content: "›";
    margin-left: .3em;
}
.breadcrumbs li:last-child:after {
    content: "";
}
.breadcrumbs,
.breadcrumbs a {
    font-size: var(--fp);
}
/* AdSense */
.adsense__post,
.adsense__about,
.adsense__header,
.adsense__inicio,
.adsense__comments {
    display: inline-block;
}
.adsense__post,
.adsense__about,
.adsense__comments {
    margin: 1.5em auto;
}
.adsense__post,
.adsense__about,
.adsense__header,
.adsense__comments {
    position: relative;
}
.adsense__header {
    margin: 0 auto 2.5em;
    width: 300px;
    height: 50px;
}
.adsense__post, 
.adsense_comments {
    width: 300px;
    height: 250px;
}
.adsense__about {
    width: 260px;
    height: 90px;
}
.adsense__inicio {
    position: absolute;
    margin: 0 auto .1em;
    width: 300px;
    height: 150px;
    bottom: 1em;
}
/* encabezado Anuncio */
.adsbygoogle {
    font-family: 'Verdana', Arial, sans-serif;
    font-size: var(--fs);
    font-weight: 600;
}
.google-auto-placed{margin-bottom:.3em;}
.adsbygoogle::before, .adsbygoogle 
.adsbygoogle-noablate::before {
    color: var(--primary-color);
    content: "Anuncio";
    text-decoration: underline;
    display: block;
    text-align: center;
    margin: 0 auto .1em;
}
.header .adsbygoogle::before,
.adsense__inicio .adsbygoogle::before {
    position: absolute;
    color: var(--f-primary-color);
    z-index: 1;
}
.adsense__sidebar__left,
.adsense__sidebar__right {
    display: none;
}
/* Estilos para botones */
.newsletter__subscribe,
.comments .submit-button {
    width: 80%;
    margin: 0 auto .5em;
}
.boton__standard {
    cursor: pointer;
    font-weight: bold;
    border-radius: 2.5em;
    font-size: var(--pabc);
    border: .03em solid white;
    color: var(--f-primary-color);
    box-shadow: var(--btn-shadow);
    padding: .1em .5em;
    outline: .07em ridge var(--accent-color);
    background-color: var(--bg-header);
    -webkit-text-stroke: .02em var(--accent-color);
}
.submit-rating-btn {
    font-size: var(--pli);
    padding: .05em .3em;
}
.boton__audiocuentos {
    position: relative;
    aspect-ratio: 12.947 / 2.547; 
    border-radius: 0%;
    font-size: var(--p);
    width: 100%;
    height: 100%;
    padding: .1em .1em;
    border-bottom: .5em ridge rgb(255, 69, 0);
    outline: .001em ridge var(--accent-color);
    color: var(--primary-color);
    -webkit-text-stroke: .01em var(--f-primary-color);
    z-index: 1;
}
.form-submit input {
    cursor: pointer;
    font-weight: bold;
    border-radius: 2.5em;
    font-size: var(--blh4);
    border: .03em solid white;
    color: var(--f-primary-color);
    box-shadow: var(--btn-shadow);
    padding: .1em 1em .1em .5em;
    outline: .07em ridge indigo;
    background-color: var(--bg-header);
    -webkit-text-stroke: .02em indigo;
    max-height: 3rem;
}
/* Estilos RS pie de contenido *//*
.content__comparte__redes {
    margin: 0 0 .4em;
    font-size: var(--pabc);
    text-align: center;
    color: rgb(177, 98, 177);
    filter: drop-shadow(.05em .05em .01em rgba(8, 8, 8, 0.8));
    -webkit-text-stroke: .01em var(--accent-color);
} */  
.content__buscar li a,
.footer__navigation span {
    font-size: var(--pli);
}
h1 {font-size: var(--ph1);}
/* Tamaño Iconos */
.social__link img, .footer__derechos img {
    aspect-ratio: 1 / 1;
    width: clamp(1.564rem, 1.46rem + 0.523vw, 2.087rem);
}
.icon__tiktok img {
    aspect-ratio: 21 / 24;
    width: clamp(1.369rem, 1.277rem + 0.458vw, 1.826rem);
}
/* footer del contenido *//*
.content__footer--audiovideo {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: .3em .3em 1em .1em;
}
.footer__navigation--read {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    text-align: start; 
}
.footer__navigation--read li {
    margin-left: .5em;
    margin-top: .4em; 
    list-style: inside "\1F44C" ;
}
.footer__navigation--read a {
    text-decoration: none;
    text-wrap: balance;;
    color: rgb(255, 0, 0);
    filter: drop-shadow(.05em .05em .01em rgba(8, 8, 8, 0.8));
    -webkit-text-stroke: .01em var(--accent-color);
}
.footer__navigation--read li::marker {
    font-size: var(--pli);
}
.footer__navigation--read a {
    font-size: var(--plia);
}
.footer__navigation--read h2 {
    font-size: var(--pabc);
    margin: .5em 0 0 .2em;
    text-align: start; 
    color: rgb(163, 130, 163);
    filter: drop-shadow(.05em .05em .01em rgba(8, 8, 8, 0.8));
    -webkit-text-stroke: .01em var(--accent-color);
}
.content a,
.content h1,
.content h2,
.content h3,
.modal__audiocuento__title {
    font-family: 'Patrick Hand SC', Verdana, Arial, sans-serif;
    text-wrap: stable;
    hyphens: auto;
}
.content p {
    font-family: 'Patrick Hand', Verdana, Arial, sans-serif;
    text-wrap: pretty;
    hyphens: auto;
}
.content__title,
.content__title__indice,
.content__title__single,
.content__title__archive,
.modal__audiocuento__title,
.content__title__archive--large {
    color: var(--accent-color);
    filter: drop-shadow(.05em .05em .01em rgba(8, 8, 8, 0.8));
    -webkit-text-stroke: .01em darkturquoise;
}
.content h1 {
    hyphens: none;
}
footer h2,
.dropdown,
.breadcrumbs,
.newsletter a,
.breadcrumbs a,
.boton__standard,
.main__verdana h1,
.content__verdana p,
.content__verdana a,
.content__verdana h2,
.content__verdana h3 {
    font-family: 'Verdana', Arial, sans-serif;
    letter-spacing: var(--sans-spacing);
    line-height: 1.5;
}*/
@media (min-width: 380px) {
    .adsense__header {
        width: 300px;
        height: 100px;
    }
    .adsense__post, 
    .adsense_comments {
        width: 336px;
        height: 280px;
    }
    .adsense__about {
        width: 340px;
        height: 200px;
    }
    .adsense__inicio {
        width: 320px;
        height: 100px;
    }
}
/* media-query <480px */
@media (max-width: 480px) {
    .page-id-90644 .content__titulo__secundario,
    .page-id-93782 .content__titulo__secundario {
        font-size: var(--ph1);
    }
}
/* Media Queries */
@media (min-width: 480px) and (orientation: portrait) {
    .main {
        width: clamp(25.5rem, 6.885rem + 62.051vw, 40.625rem);
        border-left: 1dvh solid  rgba(200, 200, 207, 0.25);
        border-right: 1dvh solid rgba(200, 200, 207, 0.25);
    } 
    .page-template-page-suscripcion .newsletter {
        width: 80%; 
        height: 50%; 
        inset: 45% 10% 5%;  
    } 
}
/* Consulta para posición horizontal */
@media (orientation: landscape) {
    /* Imagen de fondo */
    body { 
        background-size: 0, cover, 0; 
    } 
    .header__title__mobile {
        /* El título pasa de 70vw a 35vw al 
        compartir espacio con el buscador */
        width: 35dvw;
    }
    .page-template-page-dibujos-para-colorear .header__title__mobile {
        width: 20dvw;
    }/*
    .header__search {
        position: relative;
        left: 7.5dvw;
        margin: auto;
        transition: ease .6s;
        transform: var(--search);
    } 
    .header__form >div {
        outline: .006em solid rgba(0, 0, 0, 0.6);
    }*/
        
    /* Menor ocupación del menú principal en landscape */
    
    .main {
        width: clamp(15.48rem, 54.999vw + 4.079rem, 63rem);
        border-left: 1vw solid  rgba(200, 200, 207, 0.25);
        border-right: 1vw solid rgba(200, 200, 207, 0.25);
    }/* 
    .footer {
        grid-template-columns: repeat(4, auto);
    }
    .footer__legales {   
        grid-column: 1 / 3;
    } 
    .footer__secciones {  
        grid-column: 3 / -1;
    }   
    footer .newsletter {
        grid-column: 1 / -1;
    }
    .content__social {
        grid-column: 1 / -1;
    } 
    .footer__warning {
        grid-column: 1 / 3;
        width: 40dvw;
    }   
    .content__derechos {
        grid-column: 3 / -1;
        border-top: .03em solid #aba;
        width: 40dvw;  
    } 
    .modal-content,
    .modal__content--instrucciones{
        margin: 50%;
        height: 70dvh;
        width: max(40rem, 25%);
    }*/
    .page-template-page-suscripcion .newsletter {
        width: clamp(15rem, 60vw ,60rem );
        height: 100%;
        margin: auto auto; 
        bottom: 0;
    }/*
    .reseñas__existentes {
        width: 75%;
    }*/
    .boton__audiocuentos {
        color: var(--f-primary-color);
    }/*
    .content__comparte__redes,
    .footer__navigation--read h2  {
        font-size: var(--labc);
    }*/    
    .content__buscar li a/*,
    .footer__navigation span,
    .footer__navigation--read li::marker*/ {
        font-size: var(--lli);
    }/*
    .submit-rating-btn {
        font-size: var(--blh4);
    }*/
    h1 {font-size: var(--lh1);}/*
    .footer__navigation--read {
        width: 80%;
    }
    .footer__navigation--read a {
        font-size: var(--llia);
    }
    .content__arriba {
        bottom: clamp(3.375rem, 1.954rem + 7.105vh, 6.75rem);
    }*/
    .cookie-settings-button {
        right: clamp(.938rem, .069rem + 2.443vw, 3rem);
        bottom: clamp(.5rem, 0rem + 2.5vh, 1.688rem);
    }
}        
/* Cambios para pantallas >= 768px  */
@media (min-width: 768px) {
    .header__title__desktop {
        display: block;
        position: fixed;
        right: .6em;
        aspect-ratio: 325 / 56;
        width: 35dvw;   
        height: auto;
        order:1;
        transition: all .5s;
        transform: var(--img2);
    }
    .header__title__mobile {
        display: none;
    }
    .page-template-page-dibujos-para-colorear .header__title__desktop {
        width: 28dvw;
    }/*
    .footer {
        background-color: #000;
    }
    .comment-form-author input,
    .comment-form-email input,
    .form-submit input,
    .comment-form-comment textarea {
        position: relative;
        margin: auto;
    }
    .wp-comments-cookies-consent label {
        text-align: start;
    }
    .custom-comment-form {
        width: clamp(26.2rem, 60%, 31.5rem);
    }*/
    .page-template-page-suscripcion .newsletter {  
       height: auto;
    } 
}
@media (min-width: 820px) {
    .adsense__post,
    .adsense__about,
    .adsense__header, 
    .adsense_comments {
        width: 480px;
        height: 220px;
    }
    .adsense__inicio {
        width: 750px;
        height: 200px;
    }
}
/* Cambios para pantalla >= 1024px */
@media (min-width: 1024px)  { 
    /* Imagen de fondo */
    body {
        background-size: 0, 0, cover;   
    } 
    .header { 
        --img2: scale(1);
        --img1: scale(1);
        --search: scale(1);
    }
    .header__nav,
    .landing__header__nav {
        height: 13dvh;
    }
    .header__title__desktop {
        margin-right: 2dvw;
    }
    .header__form > div {
        width: 75%;  
    }
    .footer {
        padding:4dvh 4dvw 1dvh;
        grid-template-rows: min-content min-content;
        grid-template-columns: 36dvw repeat(2, 25dvw);       
        gap:  3dvw;
    }
    footer .newsletter {
        padding-top: .5em;
        max-width: 38rem;
        aspect-ratio: 23 / 15;
        grid-row: 1 / 2;
        grid-column: 1 / 2;
        margin: 0 auto;
    } 
    .footer__legales {
        grid-column: 2 / 3;
    } 
    .footer__secciones {
        grid-column: 3 / -1;
    } 
    .content__social {
        grid-column: 1 / 2;
        border-top: .03em solid #aba;
    }
    .footer__warning {
        grid-column: 2 / 3;
        width: 25dvw;
    }   
    .content__derechos {
        grid-column: 3 / 4;
        width: 25dvw;
    }
    .page-template-page-suscripcion .newsletter {
        padding-top: .5em;
        aspect-ratio: 23 / 15;
        max-width: 38rem;
    }
    .modal__header h2 {
        color: var(--primary-color);
    }
    .reseñas__existentes {
        width: 100%;
    }
    .valoraciones {
        max-width: 40rem;
    }
    #rating-stars {
        width: 70%;
    }
    .adsense__header {
        width: 480px;
        height: 350px;
    }
    .adsense__post,
    .adsense__about, 
    .adsense_comments {
        width: 580px;
        height: 400px;
    }
    .adsense__inicio {
        width: 580px;
        height: 150px;
    }
    .adsense__sidebar__left,
    .adsense__sidebar__right {
        position: absolute;
        display: inline-block;
        top: 15dvh;
        height: 600px;
        width: 160px;
    }
    .adsense__sidebar__left {
        left: var(--ads-margin);
        clip-path: var(--side, inset(0 0 0 0));
        transition: clip-path .6s;  
    }
    .adsense__sidebar__right {
        right: var(--ads-margin);
    }
    .page-template-page-dibujos-para-colorear .adsense__sidebar__left,
    .page-template-page-dibujos-para-colorear .adsense__sidebar__right {
        position: fixed;
    }
    .page-template-page-politicas .adsense__sidebar__left,
    .page-template-page-politicas .adsense__sidebar__right {
        scale: 0;
    }  
}
@media (min-width: 1400px) {
    .adsense__header {
        width: 728px;
        height: 90px;
    }
    .adsense__post,
    .adsense__about, 
    .adsense_comments {
        width: 750px;
        height: 300px;
    }
    .adsense__inicio {
        width: 768px;
        height: 200px;
    }
}
@media (min-width: 1690px)  {
    .adsense__post,
    .adsense__about,
    .adsense__header, 
    .adsense_comments {
        width: 930px;
        height: 180px;
    }
    .adsense__inicio {
        width: 970px;
        height: 250px;
    }
    .adsense__sidebar__left {
        left: var(--ads-margin-big); 
    }
    .adsense__sidebar__right {
        right: var(--ads-margin-big);
    }
    .page-template-page-politicas .adsense__sidebar__left,
    .page-template-page-politicas .adsense__sidebar__right {
        scale: 0;
    }
}