@font-face {
    font-family: Cantarell;
    src: url('../fonts/Cantarell-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Georgia";
    src: url('../fonts/Georgia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Nerd fonts";
    src: url('../fonts/DejaVuSansMNerdFont-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root  {
    --r-background: radial-gradient(#afa, #325733);
    --r-background-color:#a0f7ce;
    --r-main-font: Cantarell, Helvetica, sans-serif;
    --r-main-font-size:35px;
    --r-font-text: Georgia, serif;
    --r-main-color:#242;
    --r-block-margin:20px;
    --r-heading-margin:0 0 20px 0;
    --r-heading-font: "Georgia", serif;
    --r-heading-color:#d0ffd0;
    --r-heading-line-height:1.2;
    --r-heading-letter-spacing:normal;
    /*--r-heading-text-transform:uppercase;*/
    --r-heading-text-shadow:none;
    --r-heading-font-weight:600;
    --r-heading1-text-shadow:
        0 1px 0 #ccc, 
        0 2px 0 #c9c9c9, 
        0 3px 0 #bbb, 
        0 4px 0 #b9b9b9, 
        0 5px 0 #aaa, 
        0 6px 1px rgba(0,0,0,.1), 
        0 0 5px rgba(0,0,0,.1), 
        0 1px 3px rgba(0,0,0,.3), 
        0 3px 5px rgba(0,0,0,.2), 
        0 5px 10px rgba(0,0,0,.25), 
        0 10px 10px rgba(0,0,0,.2), 
        0 20px 20px rgba(0,0,0,.15);
    --r-heading1-size:2.5em;
    --r-heading2-size:1.6em;
    --r-heading3-size:1.3em;
    --r-heading4-size:1em;
    --r-code-font: "Nerd fonts", monospace;
    --r-link-color:#a4a400;
    --r-link-color-dark:#5d540b;
    --r-link-color-hover:#97b353;
    --r-selection-background-color:#aac273;
    --r-selection-color:#333;
    --r-overlay-element-bg-color:0 0 0;
    --r-overlay-element-fg-color:240 240 240
}

.reveal-viewport  {
    background:var(--r-background);
    background-color:var(--r-background-color);
}
.reveal  {
    font-family:var(--r-main-font);
    font-size:var(--r-main-font-size);
    color:var(--r-main-color);
    font-weight:400
}
.reveal ::selection  {
    color:var(--r-selection-color);
    background:var(--r-selection-background-color);
    text-shadow:none
}
.reveal ::selection  {
    color:var(--r-selection-color);
    background:var(--r-selection-background-color);
    text-shadow:none;
}
.reveal .slides section,
.reveal .slides section>section  {
    line-height:1.3;
    font-weight:inherit;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6  {
    margin:var(--r-heading-margin);
    color:var(--r-heading-color);
    font-family:var(--r-heading-font);
    font-weight:var(--r-heading-font-weight);
    line-height:var(--r-heading-line-height);
    letter-spacing:var(--r-heading-letter-spacing);
    text-transform:var(--r-heading-text-transform);
    text-shadow:var(--r-heading-text-shadow);
    word-wrap:break-word;
}
.reveal h1  {
    font-size:var(--r-heading1-size);
}
.reveal h2  {
    color: var(--r-link-color);
    font-size:var(--r-heading2-size);
}
.reveal h3  {
    color: var(--r-link-color);
    font-size:var(--r-heading3-size);
}
.reveal h4  {
    font-size:var(--r-heading4-size);
}
.reveal h1  {
    text-shadow:var(--r-heading1-text-shadow);
}
.reveal p  {
    margin:var(--r-block-margin) 0;
    line-height:1.3;
}
.reveal h1:last-child,
.reveal h2:last-child,
.reveal h3:last-child,
.reveal h4:last-child,
.reveal h5:last-child,
.reveal h6:last-child  {
    margin-bottom:0;
}
.reveal img,.reveal video,.reveal iframe  {
    max-width:95%;
    max-height:95%;
}
.reveal strong,.reveal b  {
    font-weight:700;
}
.reveal em  {
    font-style:italic;
}
.reveal ol,.reveal dl,.reveal ul  {
    text-align:left;
    margin:0 0 0 1em;
    display:inline-block;
}
.reveal ol  {
    list-style-type:decimal;
}
.reveal ul  {
    list-style-type:disc;
}
.reveal ul ul  {
    list-style-type:square;
}
.reveal ul ul ul  {
    list-style-type:circle;
}
.reveal ul ul,.reveal ul ol,.reveal ol ol,.reveal ol ul  {
    margin-left:40px;
    display:block;
}
.reveal dt  {
    font-weight:700;
}
.reveal dd  {
    margin-left:40px;
}
/* .reveal blockquote  { */
/*     width:70%; */
/*     margin:var(--r-block-margin) auto; */
/*     background:#0044000d; */
/*     padding:5px; */
/*     font-style:italic; */
/*     display:block; */
/*     position:relative; */
/*     box-shadow:0 0 2px #0003; */
/* } */
.reveal blockquote p:first-child,.reveal blockquote p:last-child  {
    display:inline-block;
}
.reveal q  {
    font-style:italic;
}
.reveal pre  {
    width:90%;
    margin:var(--r-block-margin) auto;
    text-align:left;
    font-size:.55em;
    font-family:var(--r-code-font);
    word-wrap:break-word;
    line-height:1.2em;
    display:block;
    position:relative;
    box-shadow:0 5px 15px #00000026;
}
.reveal code  {
    font-family:var(--r-code-font);
    text-transform:none;
    tab-size:2;
}
.reveal pre code  {
    word-wrap:normal;
    max-height:400px;
    padding:5px;
    display:block;
    overflow:auto;
}
.reveal .code-wrapper  {
    white-space:normal;
}
.reveal .code-wrapper code  {
    white-space:pre;
}
.reveal table  {
    border-collapse:collapse;
    border-spacing:0;
    margin:auto;
}
.reveal table th  {
    color: var(--r-heading-color);
    font-weight:700;
}
.reveal table th,.reveal table td  {
    text-align:left;
    border-bottom:1px solid;
    padding:.2em .5em;
}
.reveal table th[align=center],.reveal table td[align=center]  {
    text-align:center;
}
.reveal table th[align=right],.reveal table td[align=right]  {
    text-align:right;
}
.reveal table tbody tr:last-child th,.reveal table tbody tr:last-child td  {
    border-bottom:none;
}
.reveal sup  {
    vertical-align:super;
    font-size:smaller;
}
.reveal sub  {
    vertical-align:sub;
    font-size:smaller;
}
.reveal small  {
    vertical-align:top;
    font-size:.6em;
    line-height:1.2em;
    display:inline-block;
}
.reveal small *  {
    vertical-align:top;
}
.reveal img  {
    margin:var(--r-block-margin) 0;
}
.reveal a  {
    color:var(--r-link-color);
    text-decoration:none;
    transition:color .15s;
}
.reveal a:hover  {
    color:var(--r-link-color-hover);
    text-shadow:none;
    border:none;
}
.reveal .roll span:after  {
    color:#fff;
    background:var(--r-link-color-dark);
}
.reveal .r-frame  {
    border:4px solid var(--r-main-color);
    box-shadow:0 0 10px #00000026;
}
.reveal a .r-frame  {
    transition:all .15s linear;
}
.reveal a:hover .r-frame  {
    border-color:var(--r-link-color);
    box-shadow:0 0 20px #0000008c;
}
.reveal .controls  {
    color:var(--r-link-color);
}
.reveal .progress  {
    color:var(--r-link-color);
    background:#0003;
}
/* .reveal p { */
/*     font-family: var(--r-font-text); */
/* } */
@media print  {
    .backgrounds  {
        background-color:var(--r-background-color);
    };
}
section.has-dark-background,section.has-dark-background h1,section.has-dark-background h2,
section.has-dark-background h3,section.has-dark-background h4,
section.has-dark-background h5,section.has-dark-background h6  {
    color:#fff;
}

.slide-background .slide-background-content {
    background-position: 10px 10px;
}

p, li, th, td {
    font-size: 0.8em;
}

blockquote {
    color: var(--r-heading-color);
    background-color: #00440099;
    font-size: 0.95em;
    padding: 0.5em;
    width: 80%;
    border-radius: 10px;
}

blockquote p {
    font-weight: bold;
    padding: .25em 1em;
    font-size: 0.8em;
}

blockquote .autor {
    font-weight: normal;
    font-style: normal;
    font-size: 0.8em;
    margin: 0 2em 0 0;
    padding: 0 2em 0 0;
    width: 100%;
    text-align: right;
}

.autor:before {
    content: '󰛓';
    font-family: "Nerd fonts";
    font-size:2em;
    color: #9f9;
}

blockquote:before {
    content: '“';
    font-size: 4em;
    font-family: Georgia;
    position: absolute;
    color: #9f9;
    margin-top: -0.473em;
    margin-left: -0.32em;
}
blockquote:after {
    content: '”';
    font-size: 4em;
    font-family: Georgia;
    position: absolute;
    color: #9f9;
    margin-top: -0.18em;
    margin-left: 8.7em;
}

.rimarko {
    color: var(--r-link-color);
    text-shadow: var(--r-heading-text-shadow);
}

div.bloque {
    width: 100%;
    height: auto;
    text-align: left;
    margin: auto;
    display: block;
}

div.bloque .derecha {
    width: 33%;
    float: right;
}

div.bloque .izquierda {
    float: left;
    width: auto;
    margin-right: 33%;
    position: fixed;
}