:root {
    --color-blanco: 255, 255, 255;
    --color-verde-claro: 151, 201, 62;
    --color-verde-medio: 98, 187, 70;
    --color-verde-oscuro: 101, 157, 65;
    --color-naranja-claro: 240, 193, 108;
    --color-naranja-medio: 245, 130, 32;
    --color-naranja-oscuro: 241, 90, 41;
    --color-rojo-claro: 218, 71, 37;
    --color-rojo-medio: 197, 39, 32;
    --color-rojo-oscuro: 146, 45, 27;
    --color-marron: 171, 107, 78;
    --color-rosa: 213, 79, 115;
    --color-azul: 86, 160, 215;
    --color-gris: 111, 106, 93;
}

@font-face {
    font-family: 'Barmeno';
    src: url('../fonts/barmeno.woff2') format('woff2'), url('../fonts/barmeno.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Barmeno';
    src: url('../fonts/barmeno_medium.woff2') format('woff2'), url('../fonts/barmeno_medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Barmeno';
    src: url('../fonts/barmeno_bold.woff2') format('woff2'), url('../fonts/barmeno_bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/PTS55F-webfont.woff') format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-weight: 400;
    font-style: italic;
    src: url('../fonts/PTS56F-webfont.woff') format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-weight: 800;
    font-style: normal;
    src: url('../fonts/PTS75F-webfont.woff') format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-weight: 800;
    font-style: italic;
    src: url('../fonts/PTS76F-webfont.woff') format('woff');
}

@font-face {
    font-family: 'MobiriseIcons';
    src: url('../fonts/mobirise-icons.eot?spat4u');
    src: url('../fonts/mobirise-icons.eot?spat4u#iefix') format('embedded-opentype'), url('../fonts/mobirise-icons.ttf?spat4u') format('truetype'), url('../fonts/mobirise-icons.woff?spat4u') format('woff'), url('../fonts/mobirise-icons.svg?spat4u#MobiriseIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'et-line';
    src: url('../fonts/et-line.eot');
    src: url('../fonts/et-line.eot?#iefix') format('embedded-opentype'), url('../fonts/et-line.woff') format('woff'), url('../fonts/et-line.ttf') format('truetype'), url('../fonts/et-line.svg#et-line') format('svg');
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes gatillo-hover {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 500px 0;
    }
}

@keyframes gatillo-hover {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 500px 0;
    }
}

a {
    color: #49a5aa;
    outline: none;
}

a:hover {
    color: #49a5aa;
}

body {
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    color: #666;
    height: 100%;
}

.js body {
    overflow: hidden;
}

button.close {
    background: #ad123c;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    opacity: 1;
    outline: 0;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: background .2s;
    transition: background .2s;
    width: 30px;
    z-index: 1000;
}

button.close:focus,
button.close:hover {
    background: #ffd200;
    opacity: 1;
}

button.cerrar-leccion {
    position: fixed;
}

/* Estilos de botón cerrar de acuerdo al Sistema Operativo */

button.cerrar-leccion-windows {
    right: 33px;
    top: 15px;
}

button.cerrar-leccion-linux {
    /* right: 33px;
top: 15px; */
}

button.cerrar-leccion-mac {
    right: 16px;
    top: 17px;
}

figure {
    margin: 0 2em;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Barmeno', cursive;
    font-weight: 600;
}

h1 {
    color: #ad123c;
}

h3 {
    color: #FFD200;
}

html {
    height: 100%;
}

#logo-frisby {
    bottom: 0;
    margin-bottom: 30px;
    position: absolute;
}

.bb-nav-prev,
.bb-nav-next,
.menu-button {
    position: absolute;
    width: 32px;
    height: 32px;
    background: #ad123c;
    border-radius: 50%;
    color: #fff;
    line-height: 30px;
    text-align: center;
    speak: none;
    font-weight: bold;
    cursor: pointer;
}

.bb-nav-prev {
    top: 48vh;
    left: 14px;
    position: fixed;
    z-index: 1000;
}

.bb-nav-next {
    top: 48vh;
    /* right: 14px; */
    position: fixed;
    z-index: 1000;
}

/* estilos de acuerdo al Sistema Operativo */

.bb-nav-next-windows {
    right: 31px;
}

.bb-nav-next-linux {
    right: 31px;
}

.bb-nav-next-mac {
    right: 14px;
}

.bb-nav-prev:hover,
.bb-nav-next:hover,
.menu-button:hover {
    background: #ffd200;
}

.container,
.bb-custom-wrapper,
.bb-bookblock {
    width: 100%;
    height: 100%;
}

.container {
    position: relative;
    left: 0px;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    padding: 0;
}

.no-js .container {
    padding-left: 240px;
}

.bb-custom-wrapper {
    padding-left: 0px;
}

.bb-custom-wrapper.open {
    padding-left: 240px;
}

.backdrop {
    bottom: 0;
    left: -100%;
    overflow: auto;
    padding: 15px;
    position: fixed;
    right: 100%;
    top: 0;
    -webkit-transition: all .8s;
    transition: all .8s;
    z-index: 1002;
}

.backdrop.actividad {
    background: #ffd200;
}

.backdrop.recurso {
    background: #49a5aa;
}

.backdrop.in {
    left: 0;
    right: 0;
}

.backdrop header {
    font-size: 1.3em;
    padding: 20px 40px;
}

.backdrop.actividad footer,
.backdrop.recurso footer {
    padding: 0 10px 10px 0;
    text-align: right;
}

.backdrop.actividad header {
    background: rgba(255, 210, 0, .4);
}

.backdrop.recurso header {
    background: rgba(73, 165, 170, .4);
}

.backdrop header h1,
.backdrop header h2 {
    font-family: 'Barmeno', sans-serif;
    margin-top: 10px;
}

.backdrop header h1 {
    color: #fff;
    font-size: 46px;
    font-weight: 600;
}

.backdrop.actividad header h1 {
    text-shadow: 4px 3px 0 #ffd200;
}

.backdrop.recurso header h1 {
    text-shadow: 4px 3px 0 #49a5aa;
}

.backdrop header h2 {
    background: #fff;
    border-radius: 2em;
    display: inline-block;
    font-size: 26px;
    padding: 2px 25px;
}

.backdrop.actividad header h2 {
    color: #ffd200;
}

.backdrop.recurso header h2 {
    color: #49a5aa;
}

.backdrop .contenido {
    display: block;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    overflow: auto;
}

.backdrop .fondo {
    background-image: url(../img/logo-footer.png), url(../img/patron-fondo.png);
    background-color: #fff;
    position: relative;
    background-repeat: no-repeat, repeat;
    background-position: right 15px bottom 10px, top left;
    padding-bottom: 65px;
}

.btn-primary {
    background: #ad123c;
    border: none;
    border-radius: 0;
    font-family: 'Barmeno', sans-serif;
    font-size: 1.15em;
    padding: 6px 30px;
}

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary:hover {
    background: #ffd200;
    border: none;
    outline: 0;
}

.btn-secundary {
    background: #ffd200;
    border: none;
    border-radius: 0;
    color: #ad123c;
    font-family: 'Barmeno', sans-serif;
    font-size: 1.15em;
    font-weight: 600;
    padding: 6px 30px;
}

.btn-secundary:active,
.btn-secundary:active:focus,
.btn-secundary:focus,
.btn-secundary:hover {
    background: #49a5aa;
    border: none;
    color: #fff;
    outline: 0;
}

.gatillo {
    clear: both;
    display: table;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.gatillo a:hover .img-circle:before {
    transform: scale(1.2) translateX(-40%);
}

.gatillo .franja {
    -webkit-animation: gatillo-hover 15s linear infinite;
    animation: gatillo-hover 15s linear infinite;
    background: #ad123c;
    background-image: -webkit-repeating-linear-gradient(55deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
    background-image: repeating-linear-gradient(35deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
    border-radius: 4em;
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, .3);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, .3);
    color: #fff;
    font-size: 1.1em;
    font-family: 'Barmeno', cursive;
    padding: 20px;
    padding-left: 260px;
    position: absolute;
    top: 80px;
    width: 100%;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
}

.gatillo a:hover .franja {
    padding-left: 270px;
}

.gatillo .img-circle {
    -webkit-animation: gatillo-hover 15s linear infinite;
    animation: gatillo-hover 15s linear infinite;
    border: 8px solid #ccc;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .4);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .4);
    display: block;
    margin-bottom: 20px;
    position: relative;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    width: 240px;
}

.gatillo .img-circle {
    max-width: 240px;
    width: 100%;
}

.gatillo .img-circle:before {
    border: 3px solid;
    border-radius: 2em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    bottom: -24px;
    color: #fff;
    left: 50%;
    padding: 2px 10px;
    position: absolute;
    text-align: center;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
    width: 180px;
    transform: translateX(-50%);
}

@media (max-width: 767px) {
    .gatillo .franja {
        height: 60px;
        top: 90px;
    }

    .gatillo .img-circle {
        float: none !important;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

.gatillo p {
    clear: both;
    padding: 5px;
}

@media (max-width: 479px) {
    .gatillo .franja {
        display: none;
    }
}

.gatillo.actividad .img-circle {
    background: #ffd200;
    background-image: -webkit-repeating-linear-gradient(55deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
    background-image: repeating-linear-gradient(35deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
}

.gatillo.actividad .img-circle:before {
    background: #49a5aa;
    content: 'Entrenamiento:';
}

.gatillo.actividad a:hover .img-circle {
    background: #49a5aa;
    background-image: -webkit-repeating-linear-gradient(55deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
    background-image: repeating-linear-gradient(35deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
}

.gatillo.actividad a:hover .img-circle:before {
    background: #ffd200;
}

.gatillo.recurso .img-circle {
    background: #49a5aa;
    background-image: -webkit-repeating-linear-gradient(55deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
    background-image: repeating-linear-gradient(35deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
}

.gatillo.recurso .img-circle:before {
    background: #ffd200;
    content: 'Exploración:';
}

.gatillo.recurso a:hover .img-circle {
    background: #ffd200;
    background-image: -webkit-repeating-linear-gradient(55deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
    background-image: repeating-linear-gradient(35deg, transparent, transparent 15px, rgba(0, 0, 0, .05) 15px, rgba(0, 0, 0, .05) 30px);
}

.gatillo.recurso a:hover .img-circle:before {
    background: #49a5aa;
}

.menu-button {
    left: 14px;
    text-indent: -9000px;
    top: 20px;
    z-index: 1000;
}

.menu-button:after {
    position: absolute;
    content: '';
    width: 50%;
    height: 2px;
    background: #fff;
    top: 50%;
    margin-top: -1px;
    left: 25%;
    -webkit-box-shadow: 0 -4px #fff, 0 4px #fff;
    box-shadow: 0 -4px #fff, 0 4px #fff;
}

.menu-panel {
    background: #ffd200;
    -webkit-box-shadow: 3px 0 5px rgba(0, 0, 0, .25);
    box-shadow: 3px 0 5px rgba(0, 0, 0, .25);
    height: 100%;
    left: -240px;
    position: absolute;
    top: 0;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    width: 240px;
    z-index: 1000;
}

.menu-panel h3 {
    background: #ad123c;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 10px;
    text-align: center;
}

.menu-panel.open {
    left: 0;
}

@media screen and (max-width: 400px) {

    .menu-panel,
    .content {
        font-size: 75%;
    }
}

#menu-toc {
    height: calc(100vh - 300px);
    overflow-y: auto;
}


.menu-toc li {
    border-bottom: 1px dashed #fff;
}


.menu-toc li a {
    color: #ad123c;
    display: block;
    font-size: 0.9em;
    padding: 10px 15px;
    text-decoration: none;
}


.menu-toc li a:hover,

.menu-toc li.menu-toc-current a {
    background: #ad123c;
    -webkit-box-shadow: inset 0 4px 10px rgba(0, 0, 0, .25);
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, .25);
    color: #fff;
}

@media (orientation: portrait) and (max-width: 767px) {
    #menu-toc {
        height: calc(100vh - 210px);
    }

    #logo-frisby {
        margin-bottom: 10px;
    }

    #logo-frisby img {
        max-width: 120px;
    }
}

@media (orientation: landscape) and (max-width: 767px) {
    #logo-frisby img {
        display: none;
    }

    #logo-frisby {
        margin-bottom: 10px;
    }

    #menu-toc {
        height: 100vh;
    }
}

.no-js .bb-nav-prev,
.no-js .bb-nav-next,
.no-js .menu-button {
    display: none;
}

.js .bb-item {
    padding: 30px;
    overflow: auto;
}

.js .content {
    border: 1px solid #ddd;
    overflow: auto;
    padding: 30px 40px;
}

@media screen and (max-width: 800px) {
    .no-js .menu-panel {
        display: none;
    }

    .no-js .container {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .js .content {
        padding: 30px 15px;
    }

    .js .bb-item {
        padding: 30px 20px;
    }

    .menu-button {
        left: 10px;
        top: 15px;
    }

    button.cerrar-leccion-windows {
        right: 10px;
        top: 15px;
    }

    .bb-nav-prev {
        top: auto;
        bottom: 15px;
        left: 9px;
    }

    .bb-nav-next {
        top: auto;
        bottom: 15px;
        right: 10px;
    }

    .bb-nav-next-windows {
        right: 10px;
    }
}

.calificacion .modal-content {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.calificacion .modal-body {
    background-size: cover;
    height: 386px;
    width: 300px;
}

.calificacion .modal-body.exito {
    background: url('../img/puntaje-exito.png') center no-repeat;
}

.calificacion .modal-body.parcial {
    background: url('../img/puntaje-parcial.png') center no-repeat;
}

.calificacion .modal-body .mensaje {
    background: #fff;
    border-radius: 8px;
    font-size: 20px;
    line-height: normal;
    margin: 0 25px;
    padding: 5px;
    position: relative;
}

.calificacion .modal-body .mensaje:after {
    bottom: -30px;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 15px;
    content: "";
    left: calc(50% - 15px);
    position: absolute;
}

.calificacion .modal-body .mensaje .texto-puntaje {
    display: block;
}

.calificacion .modal-body .mensaje .puntaje {
    font-size: 1.1em;
    font-weight: bold;
}

.calificacion .modal-body.exito .mensaje .puntaje {
    color: #8eb936;
}

.calificacion .modal-body.parcial .mensaje .puntaje {
    color: #ad123c;
}

.calificacion .modal-footer {
    border: none;
    text-align: center;
}

/*.titulo-tema {
    background-color: rgb(250, 197, 28);
    color: #ffffff;
    font-family: 'PT Sans', sans-serif;
    font-size: 32px;
    margin: 0;
    padding: 40px 0;
    text-align: center;
}*/

.titulo-importante {
    color: #d14841;
    font-size: 30px;
    text-align: center;
}

.nota blockquote {
    font-style: italic;
    padding: 10px 0 10px 20px;
    border-left: 4px solid #fac51c;
    position: relative;
}

.margen-vertical {
    margin: 20px 0;
}

.content section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.content .elementor section,
.elementor .content section.elementor-element {
    padding-top: 10px;
    padding-bottom: 10px;
}

.content .container {
    padding-left: .9375rem;
    padding-right: .9375rem;
}

.seccion-gris {
    background-color: rgb(239, 239, 239);
}

/*-------
Cards
-------*/

.mbr-cards-row {
    position: relative;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mbr-cards-col {
    padding-left: 0;
    padding-right: 0;
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (max-width: 767px) {
    .mbr-cards-col {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.mbr-cards .striped .card {
    padding-left: 10%;
    padding-right: 10%;
}

/*.mbr-cards .striped .mbr-cards-col:nth-child(2n+1) {
    background: #2e2e2e;
    color: #fff;
}

.mbr-cards .striped .mbr-cards-col:nth-child(2n+1) .card-subtitle {
    color: #979797;
}*/

.mbr-cards .card {
    text-align: center;
    border: 0;
    background: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .mbr-cards .card {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .mbr-cards-row {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .mbr-cards-row::after {
        display: none;
    }

    .mbr-cards-col {
        display: table-cell;
        float: none;
    }

    .mbr-cards>.container {
        margin: 0;
        max-width: none;
        padding: 0;
        width: 100%;
    }
}

.mbr-cards-col {
    border: 2px solid #fff;
}

.mbr-cards .card-block {
    background: none;
    padding: 0;
}

.mbr-cards .card-img-top {
    border-radius: 0;
    width: auto;
    max-width: 100%;
}

.mbr-cards .card-img+.card-block {
    padding-top: 2.3125rem;
}

.mbr-cards h4 {
    font-size: 25px;
}

/*.mbr-cards .card-text {
    margin: 0;
    font-size: 15px;
    color: #fff;
}*/

.mbr-cards .card-text+.card-btn {
    padding-top: 1.375rem;
}

.mbr-cards .card-title {
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.2825;
    text-align: center;
}

.mbr-cards h4.card-title {
    font-family: 'PT Sans', sans-serif;
    font-size: 22px;
}

.mbr-cards .card-title+* {
    padding-top: 1rem;
}

.mbr-cards .card-title+.card-btn {
    padding-top: 1.4375rem;
}

.cash::after {
    content: "\e90d";
    font-family: MobiriseIcons;
    font-size: 250px;
    color: rgb(209, 72, 65);
    text-align: center;
}

.edit::after {
    content: "\e91f";
    font-family: MobiriseIcons;
    font-size: 250px;
    color: rgb(209, 72, 65);
    text-align: center;
}

.mbri-rocket:before {
    content: "\e956";
    font-family: MobiriseIcons;
    font-size: 119px;
    color: rgb(255, 255, 255);
    text-align: center;
}

.mbri-users:before {
    content: "\e975";
    font-family: MobiriseIcons;
    font-size: 119px;
    color: rgb(255, 255, 255);
    text-align: center;
}

.mbri-growing-chart:before {
    content: "\e92a";
    font-family: MobiriseIcons;
    font-size: 119px;
    color: rgb(255, 255, 255);
    text-align: center;
}

.icon-profile-male:before {
    content: "\e040";
    font-family: 'et-line';
    font-size: 119px;
    color: rgb(255, 255, 255);
    text-align: center;
}

.mbr-cards .card-subtitle {
    margin-bottom: 0;
    font-style: italic;
    font-weight: 400;
    font-size: 0.875rem;
    font-family: 'PT Sans', sans-serif;
    color: #5b5b5b;
    margin-top: -1rem;
    line-height: 1.7857;
    padding-bottom: 1rem;
}

.mbr-cards .card-subtitle+.card-btn {
    padding-top: 0.3125rem;
}

.mbr-cards .iconbox {
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 1px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 500px;
    display: inline-block;
}

.mbr-cards .iconbox>.mbr-iconfont {
    line-height: inherit;
}

/*=========GHOST=========*/

/*margins and paddings helpers*/

.mg-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mg-t-0 {
    margin-top: 0 !important;
}

.mg-b-0 {
    margin-bottom: 0 !important;
}

.mg-t-m15 {
    margin-top: -15px !important;
}

.mg-t-m20 {
    margin-top: -20px !important;
}

.pd-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pd-t-0 {
    padding-top: 0 !important;
}

.pd-b-0 {
    padding-bottom: 0 !important;
}

.pd-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.pd-x-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.pd-r-0 {
    padding-right: 0 !important;
}

.pd-l-0 {
    padding-left: 0 !important;
}

.pd-l-10 {
    padding-left: 10px !important;
}

.pd-r-10 {
    padding-right: 10px !important;
}

/*margins and paddings helpers*/

/*colores texto*/

.texto-base {
    color: #666;
}

.texto-blanco {
    color: rgb(var(--color-blanco));
}

/* new txt colors */

.texto-verde-claro {
    color: rgb(var(--color-verde-claro));
}

.texto-verde-medio {
    color: rgb(var(--color-verde-medio));
}

.texto-verde-oscuro {
    color: rgb(var(--color-verde-oscuro));
}

.texto-naranja-claro {
    color: rgb(var(--color-naranja-claro));
}

.texto-naranja-medio {
    color: rgb(var(--color-naranja-medio));
}

.texto-naranja-oscuro {
    color: rgb(var(--color-naranja-oscuro));
}

.texto-rojo-claro {
    color: rgb(var(--color-rojo-claro));
}

.texto-rojo-medio {
    color: rgb(var(--color-rojo-medio));
}

.texto-rojo-oscuro {
    color: rgb(var(--color-rojo-oscuro));
}

.texto-marron {
    color: rgb(var(--color-marron));
}

.texto-rosa {
    color: rgb(var(--color-rosa));
}

.texto-azul {
    color: rgb(var(--color-azul));
}

.texto-gris {
    color: rgb(var(--color-gris));
}

/* new txt colors */

/*colores texto*/

/*colores fondo*/

.bg-blanco {
    background-color: rgb(var(--color-blanco));
}

/* new txt colors */

.bg-verde-claro {
    background-color: rgb(var(--color-verde-claro));
}

.bg-verde-medio {
    background-color: rgb(var(--color-verde-medio));
}

.bg-verde-oscuro {
    background-color: rgb(var(--color-verde-oscuro));
}

.bg-amarillo {
    background-color: #FFD200;
}

.bg-naranja-claro {
    background-color: rgb(var(--color-naranja-claro));
}

.bg-naranja-medio {
    background-color: rgb(var(--color-naranja-medio));
}

.bg-naranja-oscuro {
    background-color: rgb(var(--color-naranja-oscuro));
}

.bg-rojo-claro {
    background-color: rgb(var(--color-rojo-claro));
}

.bg-rojo-medio {
    background-color: rgb(var(--color-rojo-medio));
}

.bg-rojo-oscuro {
    background-color: rgb(var(--color-rojo-oscuro));
}

.bg-marron {
    background-color: rgb(var(--color-marron));
}

.bg-rosa {
    background-color: rgb(var(--color-rosa));
}

.bg-azul {
    background-color: rgb(var(--color-azul));
}

.bg-gris {
    background-color: rgb(var(--color-gris));
}

/*alfas9*/

.bg-blanco-9 {
    background-color: rgba(var(--color-blanco), .9);
}

/* new txt colors */

.bg-verde-claro-9 {
    background-color: rgba(var(--color-verde-claro), .9);
}

.bg-verde-medio-9 {
    background-color: rgba(var(--color-verde-medio), .9);
}

.bg-verde-oscuro-9 {
    background-color: rgba(var(--color-verde-oscuro), .9);
}

.bg-naranja-claro-9 {
    background-color: rgba(var(--color-naranja-claro), .9);
}

.bg-naranja-medio-9 {
    background-color: rgba(var(--color-naranja-medio), .9);
}

.bg-naranja-oscuro-9 {
    background-color: rgba(var(--color-naranja-oscuro), .9);
}

.bg-rojo-claro-9 {
    background-color: rgba(var(--color-rojo-claro), .9);
}

.bg-rojo-medio-9 {
    background-color: rgba(var(--color-rojo-medio), .9);
}

.bg-rojo-oscuro-9 {
    background-color: rgba(var(--color-rojo-oscuro), .9);
}

.bg-marron-9 {
    background-color: rgba(var(--color-marron), .9);
}

.bg-rosa-9 {
    background-color: rgba(var(--color-rosa), .9);
}

.bg-azul-9 {
    background-color: rgba(var(--color-azul), .9);
}

.bg-gris-9 {
    background-color: rgba(var(--color-gris), .9);
}

/*alfas5*/

.bg-blanco-5 {
    background-color: rgba(var(--color-blanco), .5);
}

/* new txt colors */

.bg-verde-claro-5 {
    background-color: rgba(var(--color-verde-claro), .5);
}

.bg-verde-medio-5 {
    background-color: rgba(var(--color-verde-medio), .5);
}

.bg-verde-oscuro-5 {
    background-color: rgba(var(--color-verde-oscuro), .5);
}

.bg-naranja-claro-5 {
    background-color: rgba(var(--color-naranja-claro), .5);
}

.bg-naranja-medio-5 {
    background-color: rgba(var(--color-naranja-medio), .5);
}

.bg-naranja-oscuro-5 {
    background-color: rgba(var(--color-naranja-oscuro), .5);
}

.bg-rojo-claro-5 {
    background-color: rgba(var(--color-rojo-claro), .5);
}

.bg-rojo-medio-5 {
    background-color: rgba(var(--color-rojo-medio), .5);
}

.bg-rojo-oscuro-5 {
    background-color: rgba(var(--color-rojo-oscuro), .5);
}

.bg-marron-5 {
    background-color: rgba(var(--color-marron), .5);
}

.bg-rosa-5 {
    background-color: rgba(var(--color-rosa), .5);
}

.bg-azul-5 {
    background-color: rgba(var(--color-azul), .5);
}

.bg-gris-5 {
    background-color: rgba(var(--color-gris), .5);
}

/*alfas3*/

.bg-blanco-3 {
    background-color: rgba(var(--color-blanco), .3);
}

/* new txt colors */

.bg-verde-claro-3 {
    background-color: rgba(var(--color-verde-claro), .3);
}

.bg-verde-medio-3 {
    background-color: rgba(var(--color-verde-medio), .3);
}

.bg-verde-oscuro-3 {
    background-color: rgba(var(--color-verde-oscuro), .3);
}

.bg-naranja-claro-3 {
    background-color: rgba(var(--color-naranja-claro), .3);
}

.bg-naranja-medio-3 {
    background-color: rgba(var(--color-naranja-medio), .3);
}

.bg-naranja-oscuro-3 {
    background-color: rgba(var(--color-naranja-oscuro), .3);
}

.bg-rojo-claro-3 {
    background-color: rgba(var(--color-rojo-claro), .3);
}

.bg-rojo-medio-3 {
    background-color: rgba(var(--color-rojo-medio), .3);
}

.bg-rojo-oscuro-3 {
    background-color: rgba(var(--color-rojo-oscuro), .3);
}

.bg-marron-3 {
    background-color: rgba(var(--color-marron), .3);
}

.bg-rosa-3 {
    background-color: rgba(var(--color-rosa), .3);
}

.bg-azul-3 {
    background-color: rgba(var(--color-azul), .3);
}

.bg-gris-3 {
    background-color: rgba(var(--color-gris), .3);
}

/*alfa1*/

.bg-blanco-1 {
    background-color: rgba(var(--color-blanco), .1);
}

/* new txt colors */

.bg-verde-claro-1 {
    background-color: rgba(var(--color-verde-claro), .1);
}

.bg-verde-medio-1 {
    background-color: rgba(var(--color-verde-medio), .1);
}

.bg-verde-oscuro-1 {
    background-color: rgba(var(--color-verde-oscuro), .1);
}

.bg-naranja-claro-1 {
    background-color: rgba(var(--color-naranja-claro), .1);
}

.bg-naranja-medio-1 {
    background-color: rgba(var(--color-naranja-medio), .1);
}

.bg-naranja-oscuro-1 {
    background-color: rgba(var(--color-naranja-oscuro), .1);
}

.bg-rojo-claro-1 {
    background-color: rgba(var(--color-rojo-claro), .1);
}

.bg-rojo-medio-1 {
    background-color: rgba(var(--color-rojo-medio), .1);
}

.bg-rojo-oscuro-1 {
    background-color: rgba(var(--color-rojo-oscuro), .1);
}

.bg-marron-1 {
    background-color: rgba(var(--color-marron), .1);
}

.bg-rosa-1 {
    background-color: rgba(var(--color-rosa), .1);
}

.bg-azul-1 {
    background-color: rgba(var(--color-azul), .1);
}

.bg-gris-1 {
    background-color: rgba(var(--color-gris), .1);
}

/*colores fondo */

/*colores border */

.bd-verde-claro {
    border-color: rgb(var(--color-verde-claro)) !important;
}

.bd-verde-medio {
    border-color: rgb(var(--color-verde-medio)) !important;
}

.bd-verde-oscuro {
    border-color: rgb(var(--color-verde-oscuro)) !important;
}

.bd-naranja-claro {
    border-color: rgb(var(--color-naranja-claro)) !important;
}

.bd-naranja-medio {
    border-color: rgb(var(--color-naranja-medio)) !important;
}

.bd-naranja-oscuro {
    border-color: rgb(var(--color-naranja-oscuro)) !important;
}

.bd-rojo-claro {
    border-color: rgb(var(--color-rojo-claro)) !important;
}

.bd-rojo-medio {
    border-color: rgb(var(--color-rojo-medio)) !important;
}

.bd-rojo-oscuro {
    border-color: rgb(var(--color-rojo-oscuro)) !important;
}

.bd-marron {
    border-color: rgb(var(--color-marron)) !important;
}

.bd-rosa {
    border-color: rgb(var(--color-rosa)) !important;
}

.bd-azul {
    border-color: rgb(var(--color-azul)) !important;
}

.bd-gris {
    border-color: rgb(var(--color-gris)) !important;
}

/*colores border */

/*border rounds*/

.br-5 {
    border-radius: 5px;
}

.br-10 {
    border-radius: 10px;
}

/*border rounds*/

/*alineaciones texto*/

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

/*alineaciones texto*/

/* img mitad de su tamaño */

.half-size {
    display: inline-block;
}

.half-size img {
    width: 50%;
    display: inline-block;
}

/* img mitad de su tamaño */

/* img cuarto de su tamaño */

.quarter-size {
    display: inline-block;
}

.quarter-size img {
    width: 25%;
    display: inline-block;
}

/* img cuarto de su tamaño */

/* img -cuarto de su tamaño */

.minus-quarter-size {
    display: inline-block;
}

.minus-quarter-size img {
    width: 75%;
    display: inline-block;
}

.size-90 {
    display: inline-block;
}

.size-90 img {
    width: 90%;
    display: inline-block;
}

.size-100 {
    display: inline-block;
}

.size-100 img {
    width: 100%;
    display: inline-block;
}

/* img cuarto de su tamaño */

/*- bloques en blanco -*/

.space-100>div {
    height: 100px;
}

.space-200>div {
    height: 200px;
}

.space-300>div {
    height: 300px;
}

/*- bloques en blanco -*/

/*-- no paddings --*/

.padding-y0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-x0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.padding-t0 {
    padding-top: 0 !important;
}

.padding-r0 {
    padding-right: 0 !important;
}

.padding-b0 {
    padding-bottom: 0 !important;
}

.padding-l0 {
    padding-left: 0 !important;
}

.padded {
    padding-right: 120px !important;
    padding-left: 120px !important;
}

.padded-md {
    padding-right: 80px !important;
    padding-left: 80px !important;
}

/*-- no paddings --*/

/*- h1 -*/

section h1 {
    font-size: 67px;
    border-bottom: 2px solid;
}

@media (max-width: 767px) {
    section h1 {
        font-size: 40px;
    }
}

/*- h1 -*/

/*seccion titulo*/

.bg-img-section {
    background-position: center;
    background-size: cover;
    min-height: 200px;
}

.bloque-titulo {
    margin-bottom: 20px;
}

.bloque-titulo>div {
    margin-bottom: -20px;
    margin-top: 200px;
}

.bloque-titulo h1 {
    font-size: 48px;
    margin: 0;
    border: none;
    padding: 5px 0;
}

/*seccion titulo*/

/*seccion subtitulo*/

.bloque-subtitulo h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*seccion subtitulo*/

/* lista */

.un-list {}

.un-list li {}

/* lista */

/* bloque ilustrado */

/*.bloque-ilustrado .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}*/

/* bloque ilustrado */

/*titulo lista*/

.titulo-lista {
    padding: 10px 20px;
}

/*titulo lista*/

/*lista imagenes*/

.lista-imagenes ul {
    padding-left: 0;
    list-style: none;
}

.lista-imagenes ul li {
    list-style: none;
    display: inline-block;
    padding: 10px;
    word-wrap: break-word;
    white-space: nowrap;
}

.lista-imagenes .list1 img {
    max-width: 200px;
    border-radius: 10px;
}

.lista-imagenes .list2 img {
    max-width: 300px;
    border-radius: 10px;
}

img.imgRadius {
    border-radius: 10px;
}

img.imgH {
    max-height: 250px;
    border-radius: 10px;
}

/*lista imagenes*/

/*bloque texto 1*/

.bloque-texto-1>div {
    padding: 10px 20px;
}

/*bloque texto 1*/

/*fristabla*/

/*colores*/

.fristabla.verde-claro {
    border-color: rgb(var(--color-verde-claro)) !important;
}

.fristabla.verde-claro th,
.fristabla.verde-claro td {
    border-color: rgb(var(--color-verde-claro)) !important;
}

.fristabla.verde-claro th {
    background-color: rgba(var(--color-verde-claro), .3);
}

.fristabla.verde-claro .subheader td {
    background-color: rgba(var(--color-verde-claro), .1);
}

.fristabla.verde-medio {
    border-color: rgb(var(--color-verde-medio)) !important;
}

.fristabla.verde-medio th,
.fristabla.verde-medio td {
    border-color: rgb(var(--color-verde-medio)) !important;
}

.fristabla.verde-medio th {
    background-color: rgba(var(--color-verde-medio), .3);
}

.fristabla.verde-medio .subheader td {
    background-color: rgb(var(--color-verde-medio), .1);
}

.fristabla.verde-oscuro {
    border-color: rgb(var(--color-verde-oscuro)) !important;
}

.fristabla.verde-oscuro th,
.fristabla.verde-oscuro td {
    border-color: rgb(var(--color-verde-oscuro)) !important;
}

.fristabla.verde-oscuro th {
    background-color: rgba(var(--color-verde-oscuro), .3);
}

.fristabla.verde-oscuro .subheader td {
    background-color: rgb(var(--color-verde-oscuro), .1);
}

.fristabla.naranja-claro {
    border-color: rgb(var(--color-naranja-claro)) !important;
}

.fristabla.naranja-claro th,
.fristabla.naranja-claro td {
    border-color: rgb(var(--color-naranja-claro)) !important;
}

.fristabla.naranja-claro th {
    background-color: rgba(var(--color-naranja-claro), .3);
}

.fristabla.naranja-claro .subheader td {
    background-color: rgb(var(--color-naranja-claro), .1);
}

.fristabla.naranja-medio {
    border-color: rgb(var(--color-naranja-medio)) !important;
}

.fristabla.naranja-medio th,
.fristabla.naranja-medio td {
    border-color: rgb(var(--color-naranja-medio)) !important;
}

.fristabla.naranja-medio th {
    background-color: rgba(var(--color-naranja-medio), .3);
}

.fristabla.naranja-medio .subheader td {
    background-color: rgb(var(--color-naranja-medio), .1);
}

.fristabla.naranja-oscuro {
    border-color: rgb(var(--color-naranja-oscuro)) !important;
}

.fristabla.naranja-oscuro th,
.fristabla.naranja-oscuro td {
    border-color: rgb(var(--color-naranja-oscuro)) !important;
}

.fristabla.naranja-oscuro th {
    background-color: rgba(var(--color-naranja-oscuro), .3);
}

.fristabla.naranja-oscuro .subheader td {
    background-color: rgb(var(--color-naranja-oscuro), .1);
}

.fristabla.rojo-claro {
    border-color: rgb(var(--color-rojo-claro)) !important;
}

.fristabla.rojo-claro th,
.fristabla.rojo-claro td {
    border-color: rgb(var(--color-rojo-claro)) !important;
}

.fristabla.rojo-claro th {
    background-color: rgba(var(--color-rojo-claro), .3);
}

.fristabla.rojo-claro .subheader td {
    background-color: rgb(var(--color-rojo-claro), .1);
}

.fristabla.rojo-medio {
    border-color: rgb(var(--color-rojo-medio)) !important;
}

.fristabla.rojo-medio th,
.fristabla.rojo-medio td {
    border-color: rgb(var(--color-rojo-medio)) !important;
}

.fristabla.rojo-medio th {
    background-color: rgba(var(--color-rojo-medio), .3);
}

.fristabla.rojo-medio .subheader td {
    background-color: rgb(var(--color-rojo-medio), .1);
}

.fristabla.rojo-oscuro {
    border-color: rgb(var(--color-rojo-oscuro)) !important;
}

.fristabla.rojo-oscuro th,
.fristabla.rojo-oscuro td {
    border-color: rgb(var(--color-rojo-oscuro)) !important;
}

.fristabla.rojo-oscuro th {
    background-color: rgba(var(--color-rojo-oscuro), .3);
}

.fristabla.rojo-oscuro .subheader td {
    background-color: rgb(var(--color-rojo-oscuro), .1);
}

.fristabla.marron {
    border-color: rgb(var(--color-marron)) !important;
}

.fristabla.marron th,
.fristabla.marron td {
    border-color: rgb(var(--color-marron)) !important;
}

.fristabla.marron th {
    background-color: rgba(var(--color-marron), .3);
}

.fristabla.marron .subheader td {
    background-color: rgb(var(--color-marron), .1);
}

.fristabla.rosa {
    border-color: rgb(var(--color-rosa)) !important;
}

.fristabla.rosa th,
.fristabla.rosa td {
    border-color: rgb(var(--color-rosa)) !important;
}

.fristabla.rosa th {
    background-color: rgba(var(--color-rosa), .3);
}

.fristabla.rosa .subheader td {
    background-color: rgb(var(--color-rosa), .1);
}

.fristabla.azul {
    border-color: rgb(var(--color-azul)) !important;
}

.fristabla.azul th,
.fristabla.azul td {
    border-color: rgb(var(--color-azul)) !important;
}

.fristabla.azul th {
    background-color: rgba(var(--color-azul), .3);
}

.fristabla.azul .subheader td {
    background-color: rgb(var(--color-azul), .1);
}

.fristabla.gris {
    border-color: rgb(var(--color-gris)) !important;
}

.fristabla.gris th,
.fristabla.gris td {
    border-color: rgb(var(--color-gris)) !important;
}

.fristabla.gris th {
    background-color: rgba(var(--color-gris), .3);
}

.fristabla.gris .subheader td {
    background-color: rgb(var(--color-gris), .1);
}

/*fristabla*/

/* warning li */

ul.warning {
    list-style-image: url('../img/Asset%201.png');
}

/*swords*/

.mach>div::before {
    left: -16% !important;
}

/*swords*/

/* warning li */

@media only screen and (min-width: 992px) {
    .row-md-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .bloque-ilustrado img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .bloque-texto-1.bt1-icon>div {
        padding-left: 40px;
    }

    .bloque-texto-1.bt1-icon>div::before {
        content: url(../img/domicilio.png);
        position: absolute;
        left: -8%;
        bottom: 0;
    }
}

/*=========VIDEO=========*/

.videoResponsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.videoResponsive iframe,
.videoResponsive object,
.videoResponsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ======= ESTILOS RECURSOS Y ACTIVIDADES  ======= */

/* ======= ESTILOS ACTIVIDAD 1  ======= */

/*ESTILOS DE LA RECURSO 3*/

#actividad-1.contenido {
    overflow: initial;
}

#actividad-1 #contenedor-cuadros-a3 {
    padding: 40px 5px 30px;
}

#actividad-1 div.cs-skin-slide:not(.cs-active):before {
    border-bottom: 2px dotted #ad123c;
}

#actividad-1 .cs-skin-slide>span::after,
#actividad-1 .cs-skin-slide.cs-active>span::after {
    color: #ad123c;
}

.cs-skin-slide .cs-options {
    height: 410px;
}

#actividad-1 .cs-placeholder {
    font-size: 22px;
}

#actividad-1 .cs-options {
    font-size: 20px;
}

#actividad-1 .cs-skin-slide .cs-options li {
    background: rgba(36, 154, 48, 0.08);
}

#actividad-1 .cs-skin-slide .cs-options li:hover {
    background: rgba(36, 154, 48, 0.2);
}

#actividad-1 .listas-ordenadas {
    counter-reset: contador-de-lista;
    margin-bottom: 30px;
}

#actividad-1 .listas-ordenadas {
    position: relative;
    padding: 5px 0 10px 0;
    font-weight: normal;
}

#actividad-1 .listas-ordenadas {
    padding-left: 65px;
}

#actividad-1 .list-active {
    background-color: #fff;
    border-radius: 20px;
}

#actividad-1 .listas-ordenadas dt:before {
    color: #249A30;
}

#actividad-1 .list-active {
    border: 1px dashed #249A30;
}

#actividad-1 .cuadros {
    padding: 0;
    margin: 0px;
    height: 100%;
}

#actividad-1 .texto-cuadro-actividad2 {
    font-size: 18px;
    color: #000;
    border-radius: 27px;
    margin: auto;
    width: 100%;
    padding: 5px;
    font-weight: 400;
    text-align: center;
}

#actividad-1 .cs-active {
    border-bottom: dotted #ad123c 2px;
}

#actividad-1 .orden-cuadro {
    font-family: 'Barmeno', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    width: 2em;
    height: 2em;
    line-height: 1.9em;
    text-align: center;
    background-color: #ffd200;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(249, 160, 27, 1);
    box-shadow: 2px 2px 0px 0px rgba(249, 160, 27, 1);
    z-index: 2;
}

#actividad-1 .cs-select {
    background-color: #ffd200;
}

#actividad-1 div.cs-skin-slide {
    margin-top: 0px;
}

#actividad-1 .row .row {
    margin-top: 10px;
    margin-bottom: 0;
}

#actividad-1 [class*="col-"] {
    padding: 20px 35px;
}

#actividad-1 div.cs-skin-slide {
    width: 90%;
}

#actividad-1 .texto-parrafo {
    background-color: #fff;
    position: relative;
    padding-bottom: 55px;
}

#actividad-1 .cs-select>span::after {
    right: 1px;
}

#actividad-1 div.cs-skin-slide::before {
    width: 90%;
    left: 3%;
}

@media screen and (max-width: 650px) {
    #actividad-1 .cs-skin-slide>span {
        font-size: 14px;
        height: 20px;
        line-height: 28px;
    }

    #actividad-1 .cs-skin-slide .cs-options li span {
        font-size: 14px;
    }

    #actividad-1 .orden-cuadro {
        top: 8px;
    }
}

@media (min-width: 768px) and (max-width: 1300px) {
    #actividad-1 .cs-skin-slide>span {
        height: 20px;
        line-height: 28px;
    }
}

#actividad-1 .seleccion-opcion {
    background: #ffd200;
    padding: 15px 2px 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
}

/*=== Tarejetas ===*/

#actividad-1 .texto-cuadro-actividad3,
#actividad-1 .texto-parrafo,
#actividad-1 .row-flex {
    height: 100%;
}

#actividad-1 .row-flex,
#actividad-1 .row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

#actividad-1 .row-eq-height {
    justify-content: space-around;
}

#actividad-1 .tarjeta-cuadro {
    width: 350px;
    min-height: 260px;
    position: relative;
    padding-top: 20px;
    margin-bottom: 30px;
}

#actividad-1 .img-producto {
    flex: 0 0 30%;
    max-width: 30%;
    background-color: gray;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255, 255, 255, .08) 20px, rgba(255, 255, 255, .08) 40px), url("../img/redi1-pregunta.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-top-left-radius: 10px;
}

#actividad-1 .texto-pista {
    flex: 0 0 70%;
    max-width: 70%;
    background-color: #FBA000;
    padding: 20px 10px 10px;
    border-top-right-radius: 10px;
}

#actividad-1 .texto-pista p {
    color: #fff;
    font-size: 24px;
    line-height: normal;
}

#actividad-1 .img-producto,
#actividad-1 .texto-pista {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#actividad-1 [class*="Fris"] {
    background-color: #fff;
    border: 2px solid #FFD200;
}

#actividad-1 .Frisburrito_Ranch {
    background-image: url(../img/redi1-frisburrito-ranch.jpg);
}

#actividad-1 .Frisburrito_Mexicano {
    background-image: url(../img/redi1-frisburrito-mex.jpg);
}

#actividad-1 .Frisburrito_BBQ {
    background-image: url(../img/redi1-frisburrito-bbq.jpg);
}

#actividad-1 .Frischuleta {
    background-image: url(../img/redi1-frischuleta.jpg);
}

#actividad-1 .Frispecial {
    background-image: url(../img/redi1-frispecial.jpg);
}

#actividad-1 .Frisbandeja {
    background-image: url(../img/redi1-frisbandeja.jpg);
}

#actividad-1 .Frisnacks {
    background-image: url(../img/redi1-frisnacks.jpg);
}

#actividad-1 .Frispicada {
    background-image: url(../img/redi1-frispicada.jpg);
}

#actividad-1 .Frisgranado {
    background-image: url(../img/redi1-frisgranado.jpg);
}

#actividad-1 .Frisandwich {
    background-image: url(../img/redi1-frisandwich.jpg);
}

/* ======= FIN ESTILOS ACTIVIDAD 1  ======= */

.mb-2 {
    margin-bottom: 20px;
}