/**
 * Template: ms-lms-starter-theme
 * Theme Name: MasterStudy Templates Child
 * Theme URI: https://starter.stylemixthemes.com/
 * Author: StylemixThemes
 * Author URI: https://stylemixthemes.com/
 * Description: MasterStudy Templates Child Theme is the child theme for the MasterStudy Templates. With this child theme, you can customize your eLearning website appearance without changing the original templates.
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: classes, courses, Education, education center, e-commerce, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
 * Text Domain: starter-text-domain
 * Version: 1.0.1
 */


:root {
	--color-primario: #FF9C00;
}

.texto-mision {
    width: 100ch;
    margin-left: auto;
    margin-right: auto;
}

.texto-mision span {
    margin-inline: 7px;
    
}


/* Core Framework */

html.cf-theme-dark {
    color-scheme: dark;
}
:root, :root.cf-theme-dark .theme-inverted, :root.cf-theme-dark .theme-always-light, :root.cf-theme-light .theme-inverted .theme-always-light {
    --min-screen-width: 320px;
    --max-screen-width: 1400px;
    --primario: hsl(206, 100%, 23%);
    --primario-5: hsla(206, 100%, 23%, 0.05);
    --primario-10: hsla(206, 100%, 23%, 0.1);
    --primario-20: hsla(206, 100%, 23%, 0.2);
    --primario-30: hsla(206, 100%, 23%, 0.3);
    --primario-40: hsla(206, 100%, 23%, 0.4);
    --primario-50: hsla(206, 100%, 23%, 0.5);
    --primario-60: hsla(206, 100%, 23%, 0.6);
    --primario-70: hsla(206, 100%, 23%, 0.7);
    --primario-80: hsla(206, 100%, 23%, 0.8);
    --primario-90: hsla(206, 100%, 23%, 0.9);
    --primario-d-1: hsla(210, 72%, 20%, 1);
    --primario-d-2: hsla(213, 55%, 15%, 1);
    --primario-d-3: hsla(216, 39%, 9%, 1);
    --primario-l-1: hsla(216, 30%, 45%, 1);
    --primario-l-2: hsla(218, 25%, 63%, 1);
    --primario-l-3: hsla(220, 25%, 81%, 1);
    --secundario: hsl(38, 86%, 48%);
    --secundario-5: hsla(38, 86%, 48%, 0.05);
    --secundario-10: hsla(38, 86%, 48%, 0.1);
    --secundario-20: hsla(38, 86%, 48%, 0.2);
    --secundario-30: hsla(38, 86%, 48%, 0.3);
    --secundario-40: hsla(38, 86%, 48%, 0.4);
    --secundario-50: hsla(38, 86%, 48%, 0.5);
    --secundario-60: hsla(38, 86%, 48%, 0.6);
    --secundario-70: hsla(38, 86%, 48%, 0.7);
    --secundario-80: hsla(38, 86%, 48%, 0.8);
    --secundario-90: hsla(38, 86%, 48%, 0.9);
    --secundario-d-1: hsla(37, 78%, 39%, 1);
    --secundario-d-2: hsla(36, 71%, 30%, 1);
    --secundario-d-3: hsla(35, 63%, 21%, 1);
    --secundario-d-4: hsla(34, 52%, 12%, 1);
    --secundario-l-1: hsla(35, 82%, 62%, 1);
    --secundario-l-2: hsla(33, 87%, 72%, 1);
    --secundario-l-3: hsla(32, 92%, 82%, 1);
    --secundario-l-4: hsla(31, 99%, 91%, 1);
    --accion: hsla(37, 100%, 50%, 1);
    --texto-cuerpo: #707070;
    --texto-titulo: #4B4B4B;
    --color-borde: hsla(0, 0%, 50%, 0.25);
    --color-sombra: hsla(0, 0%, 0%, 0.15);
    --claro: hsl(85, 0%, 100%);
    --claro-5: hsla(0, 0%, 100%, 0.05);
    --claro-10: hsla(0, 0%, 100%, 0.1);
    --claro-20: hsla(0, 0%, 100%, 0.2);
    --claro-30: hsla(0, 0%, 100%, 0.3);
    --claro-40: hsla(0, 0%, 100%, 0.4);
    --claro-50: hsla(0, 0%, 100%, 0.5);
    --claro-60: hsla(0, 0%, 100%, 0.6);
    --claro-70: hsla(0, 0%, 100%, 0.7);
    --claro-80: hsla(0, 0%, 100%, 0.8);
    --claro-90: hsla(0, 0%, 100%, 0.9);
    --oscuro: hsla(0, 0%, 0%, 1);
    --espacio-4xs: clamp(0.33rem, calc(-0.03vw + 0.33rem), 0.31rem);
    --espacio-3xs: clamp(0.41rem, calc(0.04vw + 0.4rem), 0.44rem);
    --espacio-2xs: clamp(0.51rem, calc(0.16vw + 0.48rem), 0.62rem);
    --espacio-xs: clamp(0.64rem, calc(0.35vw + 0.57rem), 0.88rem);
    --espacio-s: clamp(0.8rem, calc(0.65vw + 0.67rem), 1.24rem);
    --espacio-m: clamp(1rem, calc(1.11vw + 0.78rem), 1.75rem);
    --espacio-l: clamp(1.25rem, calc(1.81vw + 0.89rem), 2.47rem);
    --espacio-xl: clamp(1.56rem, calc(2.87vw + 0.99rem), 3.5rem);
    --espacio-2xl: clamp(1.95rem, calc(4.44vw + 1.07rem), 4.95rem);
    --espacio-3xl: clamp(2.44rem, calc(6.75vw + 1.09rem), 7rem);
    --espacio-4xl: clamp(3.05rem, calc(10.13vw + 1.02rem), 9.89rem);
    --texto-xs: clamp(0.79rem, calc(-0.23vw + 0.84rem), 0.63rem);
    --texto-s: clamp(0.89rem, calc(-0.07vw + 0.9rem), 0.84rem);
    --texto-m: clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem);
    --texto-l: clamp(1.13rem, calc(0.55vw + 1.01rem), 1.5rem);
    --texto-xl: clamp(1.27rem, calc(1.09vw + 1.05rem), 2rem);
    --texto-2xl: clamp(1.42rem, calc(1.84vw + 1.06rem), 2.66rem);
    --texto-3xl: clamp(1.6rem, calc(2.89vw + 1.02rem), 3.55rem);
    --texto-4xl: clamp(1.8rem, calc(4.34vw + 0.93rem), 4.74rem);
    --radio-xs: clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem);
    --radio-s: clamp(0.38rem, calc(-0.19vw + 0.54rem), 0.5rem);
    --radio-m: clamp(0.63rem, calc(-0.19vw + 0.79rem), 0.75rem);
    --radio-l: clamp(1rem, calc(-0.37vw + 1.32rem), 1.25rem);
    --radio-xl: clamp(1.63rem, calc(-0.56vw + 2.11rem), 2rem);
    --radio-todo: 999rem;
    --sombra-xs: 0 1px 2px var(--color-sombra);
    --sombra-s: 0 1.5px 3px var(--color-sombra);
    --sombra-m: 0 2px 6px var(--color-sombra);
    --sombra-l: 0 3px 12px var(--color-sombra);
    --sombra-xl: 0 6px 48px var(--color-sombra);
}
:root.cf-theme-dark, :root.cf-theme-light .theme-inverted, :root.cf-theme-light .theme-always-dark, :root.cf-theme-dark .theme-inverted .theme-always-dark {
    --primario: hsla(312, 65%, 77%, 1);
    --primario-5: hsla(312, 65%, 77%, 0.05);
    --primario-10: hsla(312, 65%, 77%, 0.1);
    --primario-20: hsla(312, 65%, 77%, 0.2);
    --primario-30: hsla(312, 65%, 77%, 0.3);
    --primario-40: hsla(312, 65%, 77%, 0.4);
    --primario-50: hsla(312, 65%, 77%, 0.5);
    --primario-60: hsla(312, 65%, 77%, 0.6);
    --primario-70: hsla(312, 65%, 77%, 0.7);
    --primario-80: hsla(312, 65%, 77%, 0.8);
    --primario-90: hsla(312, 65%, 77%, 0.9);
    --texto-cuerpo: hsla(0, 0%, 75%, 1);
    --texto-titulo: #ebebeb;
    --color-borde: hsla(0, 0%, 75%, 0.1);
    --color-sombra: hsla(0, 0%, 0%, 0.4);
    --claro: hsla(0, 0%, 0%, 1);
    --claro-5: hsla(0, 0%, 0%, 0.05);
    --claro-10: hsla(0, 0%, 0%, 0.1);
    --claro-20: hsla(0, 0%, 0%, 0.2);
    --claro-30: hsla(0, 0%, 0%, 0.3);
    --claro-40: hsla(0, 0%, 0%, 0.4);
    --claro-50: hsla(0, 0%, 0%, 0.5);
    --claro-60: hsla(0, 0%, 0%, 0.6);
    --claro-70: hsla(0, 0%, 0%, 0.7);
    --claro-80: hsla(0, 0%, 0%, 0.8);
    --claro-90: hsla(0, 0%, 0%, 0.9);
    --oscuro: hsla(0, 0%, 100%, 1);
}
.border-color-borde {
    border-color: var(--color-borde);
}
.bg-claro {
    background-color: var(--claro);
}
.bg-claro-5 {
    background-color: var(--claro-5);
}
.bg-claro-10 {
    background-color: var(--claro-10);
}
.bg-claro-20 {
    background-color: var(--claro-20);
}
.bg-claro-30 {
    background-color: var(--claro-30);
}
.bg-claro-40 {
    background-color: var(--claro-40);
}
.bg-claro-50 {
    background-color: var(--claro-50);
}
.bg-claro-60 {
    background-color: var(--claro-60);
}
.bg-claro-70 {
    background-color: var(--claro-70);
}
.bg-claro-80 {
    background-color: var(--claro-80);
}
.bg-claro-90 {
    background-color: var(--claro-90);
}
.text-claro {
    color: var(--claro);
}
.text-claro-5 {
    color: var(--claro-5);
}
.text-claro-10 {
    color: var(--claro-10);
}
.text-claro-20 {
    color: var(--claro-20);
}
.text-claro-30 {
    color: var(--claro-30);
}
.text-claro-40 {
    color: var(--claro-40);
}
.text-claro-50 {
    color: var(--claro-50);
}
.text-claro-60 {
    color: var(--claro-60);
}
.text-claro-70 {
    color: var(--claro-70);
}
.text-claro-80 {
    color: var(--claro-80);
}
.text-claro-90 {
    color: var(--claro-90);
}
.border-claro {
    border-color: var(--claro);
}
.border-claro-5 {
    border-color: var(--claro-5);
}
.border-claro-10 {
    border-color: var(--claro-10);
}
.border-claro-20 {
    border-color: var(--claro-20);
}
.border-claro-30 {
    border-color: var(--claro-30);
}
.border-claro-40 {
    border-color: var(--claro-40);
}
.border-claro-50 {
    border-color: var(--claro-50);
}
.border-claro-60 {
    border-color: var(--claro-60);
}
.border-claro-70 {
    border-color: var(--claro-70);
}
.border-claro-80 {
    border-color: var(--claro-80);
}
.border-claro-90 {
    border-color: var(--claro-90);
}
.bg-oscuro {
    background-color: var(--oscuro);
}
.text-oscuro {
    color: var(--oscuro);
}
.border-oscuro {
    border-color: var(--oscuro);
}
.text-xs {
    font-size: var(--texto-xs);
}
.text-s {
    font-size: var(--texto-s);
}
.text-m {
    font-size: var(--texto-m);
}
.text-l {
    font-size: var(--texto-l);
}
.text-xl {
    font-size: var(--texto-xl);
}
.text-2xl {
    font-size: var(--texto-2xl);
}
.text-3xl {
    font-size: var(--texto-3xl);
}
.text-4xl {
    font-size: var(--texto-4xl);
}
H1 {
    font-size: var(--text-4xl);
    line-height: 1.1;
}
H2 {
    font-size: var(--text-3xl);
    line-height: 1.2;
}
H3 {
    font-size: var(--text-2xl);
    line-height: 1.3;
}
H4 {
    font-size: var(--text-xl);
    line-height: 1.3;
}
H5 {
    font-size: var(--text-l);
    line-height: 1.3;
}
H6 {
    font-size: var(--text-m);
    line-height: 1.4;
}
.line-height-xs {
    line-height: 1;
}
.line-height-s {
    line-height: 1.2;
}
.line-height-m {
    line-height: 1.3;
}
.line-height-l {
    line-height: 1.4;
}
.line-height-xl {
    line-height: 1.5;
}
.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}
.lowercase {
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.font-100 {
    font-weight: 100;
}
.font-200 {
    font-weight: 200;
}
.font-300 {
    font-weight: 300;
}
.font-400 {
    font-weight: 400;
}
.font-500 {
    font-weight: 500;
}
.font-600 {
    font-weight: 600;
}
.font-700 {
    font-weight: 700;
}
.font-800 {
    font-weight: 800;
}
.font-900 {
    font-weight: 900;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.radio-xs {
    border-radius: var(--radio-xs);
}
.radio-s {
    border-radius: var(--radio-s);
}
.radio-m {
    border-radius: var(--radio-m);
}
.radio-l {
    border-radius: var(--radio-l);
}
.radio-xl {
    border-radius: var(--radio-xl);
}
.radio-todo {
    border-radius: var(--radio-todo);
}
.sombra-xs {
    box-shadow: var(--ombra-xs);
}
.sombra-s {
    box-shadow: var(--ombra-s);
}
.sombra-m {
    box-shadow: var(--shadow-m);
}
.sombra-l {
    box-shadow: var(--ombra-l);
}
.sombra-xl {
    box-shadow: var(--ombra-xl);
}
.ratio-1 {
    aspect-ratio: 1;
}
.ratio-4-3 {
    aspect-ratio: 4 / 3;
}
.ratio-3-4 {
    aspect-ratio: 3 / 4;
}
.ratio-3-2 {
    aspect-ratio: 3 / 2;
}
.ratio-2-3 {
    aspect-ratio: 2 / 3;
}
.ratio-16-9 {
    aspect-ratio: 16 / 9;
}
.ratio-9-16 {
    aspect-ratio: 9 / 16;
}
.display-none {
    display: none;
}
.visible {
    visibility: visible;
}
.hidden {
    visibility: hidden;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-auto {
    overflow: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-y-auto {
    overflow-y: auto;
}
.list-none {
    list-style-type: none;
}
.white-space-nowrap {
    white-space: nowrap;
}
.transition-global {
    transition: all 0.3s;
}
.z--1 {
    z-index: -1;
}
.z-0 {
    z-index: 0;
}
.z-1 {
    z-index: 1;
}