@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
:root{
    /* variables Body */
    --background-Body:#FBFBFF;
    --fuente-general:Outfit;
  --Color-texto-blackandwhite:#383838;
  --color-texto-whiteforwhite:#FEFEFE;
  --button-azul-academia:#1864D1;
  --button-gray-academia:#EBEBEB;
  --border-button-gray-academia:1.5px solid #BABABA;
  --border-blue-academias:1px solid #1864D1;
  --color-texto-blue-ligth:#5F9BF0;
  --border-academia-claro:#5F9BF0;
  --border-academia-blue:1.5px solid #1864D1;
 /* Variables TopBar */
 --background-Topbar:#E1ECF9;
 --Color-texto-Topbar:#4B4B53;
 /* Variables Navbar */
 --bacground-Navbar:#FFF;
 --Color-texto-Navbar:#383838;
 --Color-texto-Active-Navbar:#1864D1;
 /* variables Footer */
 --background-footer:#272733;
--Color-texto-footer:#FBFBFF;
 /* Variables Home */
--Color-texto-bannerHome:#FEFEFE;
--Color-button-banner:#1864D1; 
--Color-texto-buttonBanner:#FEFEFE;
--Color-texto-TitulosHome:#383838;
--Color-TextoGeneral-Home:#383838;
--bacground-seccion-Descubreescuela:#F1F1F6;
--card-primaryGreen-Descubreescuela:#8BAD0B;
--card-primaryBlue-Descubreescuela:#9FC6CE;
--card-primaryBrown-Descubreescuela:#EC9882;
--background-cardsinformation:#FEFEFE;
--background-cards-explorartemas:#E1ECF9;
--button-vercusos-explorartemas:#1864D1;
--background--platicaspresacramentales:#F1F1F6;
--card-secondaryGreen-platicaspresacramentales:#05AA7E;
--card-secondaryblue-platicaspresacramentales:#6278AD;
--card-terciaryBrown-platicaspresacramentales:#C38E0F;
--Sombra-cardsinformation:2px 2px 6px 0px rgba(0, 0, 0, 0.10);
--colorSobrepuesto-primary-Dondecomenzar:linear-gradient(0deg, rgba(42, 94, 170, 0.80) 0%, rgba(42, 94, 170, 0.80) 100%);
--Background-card-Dondecomenzar:#A95C95;
--bordegrdiente-carrusel3D:linear-gradient(to right, #74b9ff, #a29bfe, #ffeaa7, #fab1a0, #e84393);
/* variables Home Logged */
--bordegrdiente-carrusel3D:linear-gradient(to right, #74b9ff, #a29bfe, #ffeaa7, #fab1a0, #e84393);
--button-envarimensajeHomelogget:#1864D1;
 /* variables Login */
 --Color-textoGeneral-login:#383838;
--Color-bordes-input-login:#1864D1;
--Color-placeholder-input-login:#BEBEBE;
--Background-input-login:#F1F1F6;
--button-iniciarSesion-login:#1864D1;
--Color-texto-button-iniciarSesion-login:#FEFEFE;
--Color-textoRedes-sociales-login:#5F9BF0;
--Color-textocrearcuenta-login:#1864D1;
--background-button-registrarse-login:#EBEBEB;
--border-button-registrarse-login:1.5px solid #BABABA;
    /* Variables Login registro primera parte */
    --Color-registro-title:#383838;
    --Color-registro-subtitle:#000;
    --Color-registro-inputs:#383838;
    --Color-registro-inputs-placeholder:#BEBEBE;
    --Color-registro-inputs-border:#1864D1;
    --Color-registro-textovalidacion:#1864D1;
    --button-registro-continuar:#1864D1;
    --color-registro-blueprimary:#5F9BF0;
    /* Variables Login regitro segunda parte */
    --button-VolverInicio-login:#1864D1;
    --color-texto-bluesecundary-login:#5F9BF0;
    /* Variables Login regitro tercera parte */
    --button-active-login:#91BAF2;
    --color-codigo-login:#1EAF53;
    --color-errorcodigo-login:#EF4444;
    /* variables poiticas de privacidad */
    --color-texto-gray-light-secondary:#828282;
    --color-texto-blue-primary-politcas:#1864D1;
 /* Variables Catalogo */
 --gradiente-header-catalogo:linear-gradient(0deg, rgba(42, 94, 170, 0.60) 0%, rgba(42, 94, 170, 0.60) 100%);
 --border-blue-checkbox:2px solid #1864D1;
 --background-catalogo-nuevo:#E1ECF9;
 ----color-porcentaje-catalogo:#1864D1;
 --background-card-catalogo:#F1F1F6;
 --cologr-text-graylight:#BABABA;
 /* variables Ebooks */
 --gradientehader-ebook:linear-gradient(0deg, rgba(42, 94, 170, 0.60) 0%, rgba(42, 94, 170, 0.60) 100%);
 --background-descarga-ebook:#E1ECF9;

 --card-pink-ebook:#F6E5FF;
 --punto-card-pink-ebook:#C37DE9;
 --card-green-ebook:#E2F7CA;
 --punto-card-green-ebook:#97C365;
 --card-pink-secondary-ebook:#FFE3F6;
--punto-card-pink-secondary-ebook:#EF91D0;
 --card-blue-ebook:#E2FAFF;
    --punto-card-blue-ebook:##96DCEB;
--card-brown-ebook:#FFE6CE;
--punto-card-brown-ebook:##F4B070;
--card-coral-ebook:#FFD4D4;
--punto-card-coral-ebook:#F56969;
--cards-ebook-precio:#36363C;
--card-confesion:#E1ECF9;
--card-confesion-separador:#C4C4C4;
 /* variables Curso en curso */

 /* variables Dudas */
 --background-header-dudas:#1864D1;
--gradiente-preguntaporescuela-green:linear-gradient(0deg, rgba(122, 153, 4, 0.80) 0%, rgba(122, 153, 4, 0.80) 100%);
--gradiente-preguntaporescuela-coral: linear-gradient(0deg, rgba(205, 133, 115, 0.80) 0%, rgba(205, 133, 115, 0.80) 100%);
--gradiente-preguntaporescuela-blue: linear-gradient(0deg, rgba(17, 87, 133, 0.80) 0%, rgba(17, 87, 133, 0.80) 100%);
--gradiente-preguntaporescuela-gray: linear-gradient(0deg, rgba(67, 106, 110, 0.80) 0%, rgba(67, 106, 110, 0.80) 100%);
--border-input-filtro-dudas:1px solid #214477;
--border-wrapper-input-filtro-dudas:1px solid #214477;
--color-select-placeholder-dudas:#E1ECF9;
--color-filter-for: #1864D1;
--select-text-dudas:#214477;
--border-button-dudas: 1px solid #1864D1;
--background-color-button-end-dudas: #EBEBEB;
--background-color-filter-movile-dudas: #E1ECF9;
--sombra-box-shadown: 0px 1px 5px 0px rgba(0, 0, 0, 0.20);
--sombra-filtro-abierto: rgba(251, 251, 255, 0.85);
--background-input-search-dudas:#FFF;
--background-container-filter-dudas:#FEFEFE;
 --color-text-filter-movile-dudas:#1864D1;
 --color-text-filter-subtitle-dudas: #214477;
 /* variables Descripcion del curso */
 --background-header-descripcioncurso:linear-gradient(0deg, rgba(42, 94, 170, 1) 0%, rgba(42, 94, 170, 1) 100%);;
 /* Variables Sobre Eva */
 /* Variables Notificaciones */
--capa-Decolor-notificaciones: rgba(54, 54, 59, 0.50);
--bordegrdiente-Modal-notificaciones:linear-gradient(to right, #74b9ff, #a29bfe, #ffeaa7, #fab1a0, #e84393);
--background-graylight-notificaciones:#E1ECF9;
--background-graylightgray-secondry-notificaciones:#E8F1FF;
--background-graylightgray-terciary-notificaciones:#E8FAFF;
--background-pink-notificaciones:#F1E4EE;
--button-color-blue-secondary-notificaciones:#4CBCEA;
--button-color-ínk-secondary-notificaciones:#A95C95;
--item-book-notificaciones:#5F9BF0;
 /* Variables Mi perfil */
--background-blue-primary-miPerfil:#214477;
--background-graylight-miPerfil:#F1F1F6;
--button-graylight-miPerfil:#EBEBEB;
 /* Variables Avisos legales */

}

.dark-theme {
 /* variables Body */
 --background-Body:#272733;
 --fuente-general:Outfit;
 --Color-texto-blackandwhite:#FEFEFE;
 --color-texto-whiteforwhite:#FEFEFE;
 --button-azul-academia:#1864D1;
 --button-gray-academia:#EBEBEB;
 --border-button-gray-academia:1.5px solid #BABABA;
 --border-blue-academias:1px solid #1864D1;
 --color-texto-blue-ligth:#5F9BF0;
 --border-academia-claro:#5F9BF0;
 --border-academia-blue:1.5px solid #1864D1;
 /* Variables TopBar */
 --background-Topbar:#214477;
 --Color-texto-Topbar:#5F9BF0;
 /* Variables Navbar */
 --bacground-Navbar:#36363C;
 --Color-texto-Navbar:#FEFEFE;
 --texto-Active-Navbar:#1864D1;
 /* variables Footer */
 --background-footer:#272733;
 --Color-texto-footer:#FBFBFF;
 /* Variables Home */
 --Color-texto-bannerHome:#FEFEFE;
 --button-banner:#1864D1;
 --Color-texto-buttonBanner:#FEFEFE;
 --Color-texto-TitulosHome:#FEFEFE;
 --Color-TextoGeneral-Home:#FEFEFE;
 --bacground-seccion-Descubreescuela: rgba(54, 54, 60, 0.8);
 --card-primaryGreen-Descubreescuela: rgba(122, 153, 4, 0.6);
 --card-primaryBlue-Descubreescuela: rgba(17, 87, 133, 0.8);
 --card-primaryBrown-Descubreescuela: rgba(205, 133, 115, 0.8);
    --card-primaryBlueGray-Descubreescuela: rgba(67, 106, 110, 0.8);
 --background-cardsinformation:#272733;
 --background-cards-explorartemas:#214477;
 --button-vercusos-explorartemas:#1864D1;
 --background--platicaspresacramentales:#36363C;
 --card-secondaryGreen-platicaspresacramentales:#119672;
 --card-secondaryblue-platicaspresacramentales:#62739D;
 --card-terciaryBrown-platicaspresacramentales:#8A691A;
 --Sombra-cardsinformation:2px 2px 6px 0px rgba(0, 0, 0, 0.10);
 --colorSobrepuesto-primary-Dondecomenzar:linear-gradient(0deg, rgba(42, 94, 170, 0.80) 0%, rgba(42, 94, 170, 0.80) 100%);
 --Background-card-Dondecomenzar:#A95C95;
--bordegrdiente-carrusel3D:linear-gradient(to right, #74b9ff, #a29bfe, #ffeaa7, #fab1a0, #e84393);
 /* variables Home Logged */
 --bordegrdiente-carrusel3D:linear-gradient(to right, #74b9ff, #a29bfe, #ffeaa7, #fab1a0, #e84393);
--button-envarimensajeHomelogget:#1864D1;
 /* variables Login */
 --Color-textoGeneral-login:#FEFEFE;
 --Color-bordes-input-login:#1864D1;
 --Color-placeholder-input-login:#BEBEBE;
 --Background-input-login:#36363C;
 --button-iniciarSesion-login:#1864D1;
 --Color-texto-button-iniciarSesion-login:#FEFEFE;
 --Color-textoRedes-sociales-login:#5F9BF0;
--Color-textocrearcuenta-login:#5F9BF0;
--background-button-registrarse-login:#EBEBEB;
--border-button-registrarse-login:1.5px solid #BABABA;
        /* Variables Login registro primera parte */
        --Color-registro-title:#FEFEFE;
        --Color-registro-subtitle:#FEFEFE;
        --Color-registro-inputs:#FEFEFE;
        --Color-registro-inputs-placeholder:#BEBEBE;
        --Color-registro-inputs-border:#1864D1;
        --Color-registro-textovalidacion:#1864D1;
        --button-registro-continuar:#1864D1;
        --color-registro-blueprimary:#5F9BF0;
          /* Variables Login regitro segunda parte */
        --button-VolverInicio-login:#1864D1;
        --color-texto-volverinicio-login:#5F9BF0;
         /* Variables Login regitro tercera parte */
        --button-active-login:#91BAF2;
        --color-codigo-login:#1EAF53;
        --color-errorcodigo-login:#EF4444;
            /* variables poiticas de privacidad */
    --color-texto-gray-light-secondary:#828282;
        --color-texto-blue-primary-politcas:#1864D1;
 /* Variables Catalogo */
 --gradiente-header-catalogo:linear-gradient(0deg, rgba(42, 94, 170, 0.60) 0%, rgba(42, 94, 170, 0.60) 100%);
 --border-blue-checkbox:2px solid #1864D1;
 --background-catalogo-nuevo:#E1ECF9;
 ----color-porcentaje-catalogo:#1864D1;
 --color-texto-blue-ligth:#5F9BF0;
 --border-academia-claro:#5F9BF0;
 --background-catalogo-nuevo:#E1ECF9;
 ----color-porcentaje-catalogo:#1864D1;
  --cologr-text-graylight:#BABABA;

 /* variables Ebooks */
 --gradientehader-ebook:linear-gradient(0deg, rgba(42, 94, 170, 0.60) 0%, rgba(42, 94, 170, 0.60) 100%);
 --background-descarga-ebook:#2A5EAA;
 --card-pink-ebook:#6A00A3;
 --punto-card-pink-ebook:#C37DE9;
 --card-green-ebook:#406A10;
 --punto-card-green-ebook:#97C365;
 --card-pink-secondary-ebook:#660046;
 --punto-card-pink-secondary-ebook:#EF91D0;
 --card-blue-ebook:#00778F;
 --punto-card-blue-ebook:##96DCEB;
 --card-brown-ebook:#8F4500;
 --punto-card-brown-ebook:##F4B070;
--card-coral-ebook:#691414;
--punto-card-coral-ebook:#F56969;
--cards-ebook-precio:#EBEBEB;
--card-confesion:#214477;
--card-confesion-separador:#C4C4C4;
 /* variables Curso en curso */
 /* variables Dudas */
 --background-header-dudas:#1864D1;
 --gradiente-preguntaporescuela-green:linear-gradient(0deg, rgba(122, 153, 4, 0.80) 0%, rgba(122, 153, 4, 0.80) 100%);
 --gradiente-preguntaporescuela-coral: linear-gradient(0deg, rgba(205, 133, 115, 0.80) 0%, rgba(205, 133, 115, 0.80) 100%);
 --gradiente-preguntaporescuela-blue: linear-gradient(0deg, rgba(17, 87, 133, 0.80) 0%, rgba(17, 87, 133, 0.80) 100%);
 --gradiente-preguntaporescuela-gray: linear-gradient(0deg, rgba(67, 106, 110, 0.80) 0%, rgba(67, 106, 110, 0.80) 100%);
 --border-input-filtro-dudas:1px solid #214477;
 --border-wrapper-input-filtro-dudas:1px solid #5F9BF0;
 --color-select-placeholder-dudas:#214477;
 --color-filter-for: #E1ECF9;
 --select-text-dudas:#5F9BF0;
 --background-color-button-end-dudas:3E3E51;
 --background-color-filter-movile-dudas: #214477;
 --border-button-dudas: 1px solid #E1ECF9;
 --sombra-box-shadown: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);
 --sombra-filtro-abierto: rgba(39, 39, 51, 0.85);
 --background-input-search-dudas:#36363C;
 --background-container-filter-dudas:#23232E;
 --color-text-filter-movile-dudas:#E1ECF9;
  --color-text-filter-subtitle-dudas:#FEFEFE; 
 /* variables Descripcion del curso */
 --background-header-descripcioncurso:linear-gradient(0deg, rgba(42, 94, 170, 1) 0%, rgba(42, 94, 170, 1) 100%);
 /* Variables Sobre Eva */
 /* Variables Notificaciones */
 --capa-Decolor-notificaciones: rgba(54, 54, 59, 0.50);
 --bordegrdiente-Modal-notificaciones:linear-gradient(to right, #74b9ff, #a29bfe, #ffeaa7, #fab1a0, #e84393);
 --background-graylightandblue-notificaciones:#247;
 --background-graylightgray-secondry-notificaciones:#E8F1FF;
 --background-graylightgray-secondry-notificaciones:#1C2C44;
 --background-graylightgray-terciary-notificaciones:#1C3544;
 --background-pink-notificaciones:#351C2F;
 --button-color-blue-secondary-notificaciones:#4CBCEA;
 --button-color-ínk-secondary-notificaciones:#A95C95;
 --item-book-notificaciones:#5F9BF0;
 /* Variables Mi perfil */
 --background-blue-primary-miPerfil:#214477;
 --background-graylight-miPerfil:#36363C;
 --button-graylight-miPerfil:#36363C;
 --button-graylight-miPerfil:#36363C;
 /* Variables Avisos legales */
}


/* Elementos reutilizables */
.button-academias-blue-large{
    display: flex;
    height: 40px;
    width: 418px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    align-self: stretch;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    border: var(--border-blue-academias);
    color: var(--color-texto-whiteforwhite);
    background: var(--button-azul-academia);
}

.button-academias-blue-large-secondary{
    display: flex;
    width: 348px;
height: 40px;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
border: var(--border-blue-academias);
color: var(--color-texto-whiteforwhite);
background: var(--button-azul-academia);
}

.button-academias-blue-secondary-large{
    display: flex;
    width: 336px;
height: 40px;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
border: var(--border-blue-academias);
color: var(--color-texto-whiteforwhite);
background: var(--button-azul-academia);
}

.button-academias-blue-medium{
    display: flex;
    height: 40px;
    width: 364px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
    align-self: stretch;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
}

.button-academias-blue-medium-secondary{
    display: flex;
    width: 296px;
height: 40px;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 50px;
color: var(--color-texto-whiteforwhite);
border: var(--border-blue-academias);
background: var(--button-azul-academia);
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
}

.button-academias-blue-medium-small-secondary{
    display: flex;
    width: 231px;
height: 40px;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 50px;
color: var(--color-texto-whiteforwhite);
border: var(--border-blue-academias);
background: var(--button-azul-academia);
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
}

.button-academias-blue-medium-secondary-small{
    display: flex;
    width: 284px;
height: 40px;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 50px;
color: var(--color-texto-whiteforwhite);
border: var(--border-blue-academias);
background: var(--button-azul-academia);
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
}


.button-academias-blue-medium-terciary{
    display: flex;
    height: 40px;
    width: 210px;
    height: 32px;
    padding: 4px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
    align-self: stretch;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
}

.button-academias-blue-medium-terciary-small{
    display: flex;
    height: 40px;
    width: 204px;
    height: 32px;
    padding: 4px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
    align-self: stretch;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
}

.button-academias-borderBlue{
    width: 407px;
    height: 40px;
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
align-self: stretch;
font-style: normal;
border-radius: 28px;
font-weight: 600;
line-height: 26px; 
border: var(--border-academia-blue);
color: var(--button-azul-academia);
background: var(--background-Body);
letter-spacing: 0.5px;
}

.button-academias-borderBlue-medium{
    width: 59px;
    display: flex;
height: 24px;
padding: 8px 24px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
color: var(--color-texto-whiteforwhite);
border: var(--border-blue-academias);
background: var(--button-azul-academia);
}

.button-academias-borderBlue-medium{
    width: 294px;
    height: 24px;
    display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px;
align-self: stretch;
font-style: normal;
font-weight: 400;
line-height: 18px; 
border: var(--border-academia-blue);
color: var(--button-azul-academia);
background: var(--background-Body);
}


.button-academias-blue-small{
    display: flex;
    height: 40px;
    width: 262.617px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    align-self: stretch;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
}

.button-academias-small-blue{
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
    display: flex;
    width: 172px;
height: 40px;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 10px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
align-self: stretch;
}

.button-academias-blue-small-secondary{
    display: flex;
    height: 40px;
    width: 150px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
    border-radius: 50px;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
    align-self: stretch;
}

.button-academias-blue-small-secondary{
    display: flex;
    height: 40px;
    width: 150px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
    border-radius: 50px;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
    align-self: stretch;
}

.button-academias-blue-small-terciary-small{
    display: flex;
    height: 40px;
    width: 145px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    align-self: stretch;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
}

.button-academias-blue-terciary-small{
    display: flex;
    height: 40px;
    width: 137px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    align-self: stretch;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
}

.button-academias-blue-terciary-small-secondary{
    display: flex;
    height: 40px;
    width: 131px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    align-self: stretch;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
}

.button-academias-blue-small-terciary-secondary{
    display: flex;
    height: 40px;
    width: 120px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    align-self: stretch;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
}

.button-academias-blue-small-cuaternary{
    display: flex;
    width: 106px;
    height: 32px;
    padding: 4px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
    align-self: stretch;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
}


.button-academias-blue-cuaternary-small{
    display: flex;
    width: 113px;
    height: 32px;
    padding: 4px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    color: var(--color-texto-whiteforwhite);
    border: var(--border-blue-academias);
    background: var(--button-azul-academia);
    align-self: stretch;
    font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
}

.button-academias-blue-small-quinternary{
    display: flex;
    width: 192px;
height: 40px;
padding: 7px 20px;
justify-content: center;
border-radius: 50px;
align-items: center;
gap: 10px;
align-self: stretch;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
color: var(--color-texto-whiteforwhite);
border: var(--border-blue-academias);
background: var(--button-azul-academia);
}

.button-academias-blue-small-quinternary-small{
    display: flex;
    width: 188px;
height: 40px;
padding: 7px 20px;
justify-content: center;
border-radius: 50px;
align-items: center;
gap: 10px;
align-self: stretch;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
color: var(--color-texto-whiteforwhite);
border: var(--border-blue-academias);
background: var(--button-azul-academia);
}


.button-small-blue-academias{
    display: flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 10px;
font-style: normal;
font-weight: 600;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
color: var(--color-texto-whiteforwhite);
border: var(--border-blue-academias);
background: var(--button-azul-academia);
width: 111px;
height: 40px;
}

.button-academias-bluelight-small{
    display: flex;
    height: 40px;
    width: 198px;
    height: 32px;
    padding: 4px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    align-self: stretch;
    color:var(--Color-texto-blackandwhite);
    background: var(--button-active-login);
    border: none;
}

.button-academias-bluelight-small-secondary{
    display: flex;
    height: 40px;
    width: 131px;
    height: 40px;
    padding: 4px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    align-self: stretch;
    flex: 1 0 0;
    color:var(--Color-texto-blackandwhite);
    background: var(--button-active-login);
    border: none;
}

/* botones grises */

.button-academias-gray-light-large{
    display: flex;
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
    padding: 7px 20px;
    border-radius: 50px;
    height: 40px;
    width: 418px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    color: var(--Color-texto-blackandwhite);
}

.button-academias-gray-light-large-secondary{
    display: flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 10px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
}

.button-academias-gray-medium{
    display: flex;
    width: 208px;
    height: 32px;
padding: 4px 18px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
border-radius: 50px;
color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
}

.button-academias-gray-medium-small{
    display: flex;
    width: 284px;
    height: 32px;
padding: 4px 18px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
border-radius: 50px;
color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
}

.button-academias-gray-medium-secondary{
    display: flex;
    width: 198px;
    height: 32px;
    display: flex;
    padding: 4px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
border-radius: 50px;
color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
}

.button-academias-gray-small{
    width: 181px;
    height: 40px;
    display: flex;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    letter-spacing: 0.5px;
    color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
}

.button-academias-small-gray{
    display: flex;
padding: 7px 20px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
color: var(--Color-texto-blackandwhite);
border: var(--border-button-gray-academia);
background:var(--button-gray-academia);
width: 162px;
height: 40px;
}

.button-academias-graylight-small-secondary{
    display: flex;
    width: 136px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    gap: 10px;
    flex: 1 0 0;
    color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
}

.button-academias-graylight-secondary-small{
    display: flex;
    width: 120px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    gap: 10px;
    flex: 1 0 0;
    color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
}

.button-academias-gray-small-secondary{
    display: flex;
    width: 143px;
    height: 40px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    gap: 10px;
    flex: 1 0 0;
    color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
}

.button-academias-graylight-small-terciary{
    display: flex;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 114px;
    border-radius: 50px;
    height: 40px;
    color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
    font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */
letter-spacing: 0.5px;
}

.button-academias-gray-light-small-cuaternary{
    display: flex;
    padding: 4px 18px;
    border-radius: 50px;
    height: 32px;
    width: 97px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
    align-self: stretch;
}

.button-academias-gray-small-cuaternary{
    display: flex;
    padding: 4px 18px;
    border-radius: 50px;
    height: 32px;
    width: 97px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
color: var(--Color-texto-blackandwhite);
    border: var(--border-button-gray-academia);
    background:var(--button-gray-academia);
    align-self: stretch;
}

/* INPUTS */

.input-primary-academias-large{
    width: 410px;
    height: 28px;
    display: flex;
    border-radius: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    border: var(--border-blue-academias);
}

.input-primary-academias-large-secondary{
    width: 284px;
    height: 24px;
    display: flex;
    border-radius: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    border: var(--border-blue-academias);
}

.input-primary-academias-medium{
    width: 198px;
    height: 28px;
    display: flex;
    border: var(--border-blue-academias);
    border-radius: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}