/*
Theme Name: erase_una_vez
Theme URI: https://www.muchoscuentos.com
Author: Ibai Moneo
Author URI: https://www.muchoscuentos.com
Description: Tema con imagen de la mascota de MuchosCuentos de fondo.
Menú oculto desplegable mediante un icono y acceso a subcategorías y 
entradas mediate imágenes enlazadas.
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 - base.css */
/* Box sizing rules */
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
  scroll-behavior: smooth;
}
/* Remove default padding */
ul,
ol {
    padding: 0;
}

/* Remove default quotes */
blockquote,
q {
    quotes: none;
}

/* Remove quote marks */
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}

/* Remove default table spacing */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Reset form elements */
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.15;
}

/* Remove default button styles */
button {
    background: none;
    border: none;
    cursor: pointer;
}

/* Remove default input styles */
input {
    outline: none;
}

/* Remove default textarea styles */
textarea { 
    overflow: auto;
}

/* Remove default link styles */
a {
    color: inherit;
    text-decoration: none;
}

/* Remove default image styles */
img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* Remove default fieldset styles */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Remove default legend styles */
legend {
    padding: 0;
}

/* Remove default details styles */
details {
    display: block;
}

/* Remove default summary styles */
summary {
    display: list-item;
}

/* Remove default dialog styles */
dialog {
    padding: 0;
}

/* Remove default meter styles */
meter {
    -webkit-appearance: none;
    appearance: none;
}

/* Remove default progress styles */
progress {
    vertical-align: baseline;
}

/* Remove default select styles */
select {
    -webkit-appearance: none;
    appearance: none;
}

/* Remove default hr styles */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/* Remove default pre styles */
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Remove default anchor styles */
a:focus {
    outline: none;
}

/* Remove default iframe styles */
iframe {
    border: 0;
}

/* Remove default video styles */
video {
    display: inline-block;
}

/* Remove default canvas styles */
canvas {
    display: inline-block;
}

/* Remove default template styles */
template {
    display: none;
}

/* Remove default hidden attribute styles */
[hidden] {
    display: none;
}

/* Remove default SVG styles *//*
svg:not(:root) {
    overflow: hidden;
}*/

/* Remove default text styles */
b,
strong {
    font-weight: bolder;
}

/* Remove default small styles */
small {
    font-size: 80%;
}

/* Remove default sub and sup styles */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Remove default code styles */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Remove default abbr styles */
abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

/* Remove default mark styles */
mark {
    background-color: #ff0;
    color: #000;
}

/* Remove default ruby styles */
ruby {
    ruby-position: over;
}

/* Remove default ruby text styles */
rt {
    ruby-position: under;
}

/* Remove default ruby base styles */
rb {
    ruby-position: over;
}

/* Remove default ruby text container styles */
rp {
    display: none;
}

/* Remove default bdi styles */
bdi {
    unicode-bidi: isolate;
}

/* Remove default output styles */
output {
    display: inline-block;
}
:root {
    --fss: clamp(.704rem, .66rem + .236dvw, .94rem);
    --fs: clamp(.782rem, .73rem + .262dvw, 1.044rem);   
    --fp: clamp(.809rem, .735rem + .366dvw, 1.175rem);
    --vp: clamp(.809rem, .591dvw + .691rem, 1.4rem);
    --p: clamp(1.049rem, .411dvw + .967rem, 1.46rem);
    --pli: clamp(1.116rem, 1.182dvw + .88rem, 1.447rem);
    --plia: clamp(1.253rem, 1.321dvw + .99rem, 1.623rem);
    --lli: clamp(1.261rem, .672dvw + 1.022rem, 1.828rem);
    --llia: clamp(1.416rem, .754dvw + 1.147rem, 2.053rem);
    --blh4: clamp(1.261rem, .698dvw + 1.013rem, 1.85rem); 
    --pabc: clamp(1.391rem, 1.461dvw + 1.099rem, 1.8rem);
    --labc: clamp(1.571rem, .837dvw + 1.273rem, 2.278rem);
    --ph2: clamp(1.782rem, 2.789dvw + 1.224rem, 2.563rem);
    --lh2: clamp(2.013rem, 1.074dvw + 1.631rem, 2.92rem);
    --ph1-largo: clamp(2rem, 4.154dvw + 1.169rem, 3.163rem);
    --lh1-largo: clamp(2rem, 2.369dvw + 1.158rem, 4rem);
    --lh1: clamp(2.752rem, 1.478dvw + 2.226rem, 4rem);
    --ph1: clamp(2.438rem, 2.589dvw + 1.92rem, 3.163rem);
    --h1: clamp(2.916rem, 2.721rem + .972dvw, 3.888rem);
    --button-border: clamp(.25rem, .071rem + .893dvw, .5rem);
    --button-border-lands: clamp(.281rem, .11rem + .481dvw, .688rem);
    --ads-margin: clamp(1.18rem, 11.242vw - 6.015rem, 5.22rem);
    --ads-margin-big: clamp(.855rem, 21.45vw - 20.595rem, 5.145rem);
    --sans-spacing: clamp(.015rem, .012rem + .029dvw, .047rem);
    --spacing: clamp(.031rem, .024rem + .058dvw, .094rem);
    --primary-color: #000;
    --f-primary-color: #fff;
    --secondary-color: #aba;
    --accent-color: #4B0082;
    --f-accent-color: #3dfdff; 
    --bg-footer: rgba(0, 0, 0, .8); 
    --bg-header: rgba(0, 206, 209, .5);
    --btn-shadow: 
        rgba(255, 255, 255, .5) -.57rem -.57rem 1.02rem,
		rgba(0, 0, 0, .1) .72rem .72rem .72rem,
		rgba(255, 255, 255, .5) -.57rem -.57rem 1.02rem inset,
		rgba(0, 0, 0, .1) .72rem .72rem .72rem inset; 
    --star-shadow: 
        rgba(112, 128, 144, .5) 1.85em 1.85em 1.85em -1.2em,
        rgba(255, 239, 213, .1) 1em 1em .18em inset ,
        rgba(255, 255, 255, .1) -.24em -.24em 1em ,
        rgba(233, 150, 122, .75) -.12em -.12em .75em inset;
    --star1-shadow: 
        rgba(255, 244, 5, .5) 1.85em 1.85em 1.85em -1.2em,
        rgba(248, 211, 151, .3) 1em 1em .18em inset ,
        rgba(253, 253, 157, .3) -.24em -.24em 1em,
        rgba(255, 217, 0, .76) -.12em -.12em .75em inset;
    --footshadow: drop-shadow(-.06em -.06em .01em rgba(112, 128, 144, .4));
    --grad-title: 
        radial-gradient(    
        indigo, 
        darkblue,   
        darkviolet, 
        darkmagenta, 
        crimson, 
        orangered, 
        darkorange,
        crimson,
        darkmagenta,
        darkviolet,
        darkcyan,
        darkblue,
        indigo);
    --filter-title: 
        saturate(105%) 
        drop-shadow(.06em .06em .03em grey) 
        contrast(105%)
        brightness(103%);  
}