@charset "UTF-8";
/*-------------------------------------------------TEMA-------------------------------------------------*/
/*-------------------------------------------------BREACKPOINTS-------------------------------------------------*/
/*-----------------------------------------COLORES CORPORATIVOS-----------------------------------------*/
/*-----------------------------------------Links-----------------------------------------*/
/*-----------------------------------------FUENTES-----------------------------------------*/
/*-----------------------------------------FUENTES TITULOS-----------------------------------------*/
/*-----------------------------------------FUENTES PARRAFOS-----------------------------------------*/
/*-----------------------------------------PESOS DE FUENTES-----------------------------------------*/
:root {
  --mobile: 390px;
  --tablet: 1024px;
  --desktop: 1280px;
  --big-desktop: 1440px;
  --dark_violet_blue: #300C68;
  --black: #000000;
  --white: #FFFFFF;
  --inchworm_green: #A6C957;
  --bright_aqua: #7CE7F2;
  --rose_pink: #EE899B;
  --peach_yellow: #F4CB82;
  --orchid_pink: #EE8AE8;
  --royal_blue: #0b59db;
  --transparente: transparent;
  --error: #B50303;
  --success-osi: #407F06;
  --warning-osi: #E7A304;
  --error_soft: #FBDAC9;
  --error_mid_soft: #E8775F;
  --error_mid_strong: #820117;
  --error_strong: #56001E;
  --success_soft: #E9F8C9;
  --success_mid_soft: #A4D85C;
  --success_mid_strong: #245B03;
  --success_strong: #113C01;
  --warning_soft: #FDF5CB;
  --warning_mid_soft: #F7D565;
  --warning_mid_strong: #A66A02;
  --warning_strong: #6E4000;
  --gray: #DBDBDB;
  --gray_2: #B4B4B4;
  --gray_3: #757575;
  --gray_4: #707070;
  --jet_gray: #303030;
  --link-1-text: #0071CE;
  --link-1-text-hover: #002F87;
  --link-1-text-pressed: #002E58;
  --link-1-text-disabled: #757575;
  --link-1-text-focus: #00615C;
  --font-family: Poppins;
  --font-size-h1-mobile: 32px;
  --font-size-h1-tablet: 56px;
  --font-size-h1-desktop: 56px;
  --font-height-h1-mobile: 45px;
  --font-height-h1-tablet: 70px;
  --font-height-h1-desktop: 70px;
  --font-size-h2-mobile: 34px;
  --font-size-h2-tablet: 48px;
  --font-size-h2-desktop: 48px;
  --font-height-h2-mobile: 42px;
  --font-height-h2-tablet: 61px;
  --font-height-h2-desktop: 61px;
  --font-size-h3-mobile: 26px;
  --font-size-h3-tablet: 32px;
  --font-size-h3-desktop: 32px;
  --font-height-h3-mobile: 36px;
  --font-height-h3-tablet: 45px;
  --font-height-h3-desktop: 45px;
  --font-size-h4-mobile: 24px;
  --font-size-h4-tablet: 28px;
  --font-size-h4-desktop: 28px;
  --font-height-h4-mobile: 33px;
  --font-height-h4-tablet: 39px;
  --font-height-h4-desktop: 39px;
  --font-size-h5-mobile: 22px;
  --font-size-h5-tablet: 24px;
  --font-size-h5-desktop: 24px;
  --font-height-h5-mobile: 30px;
  --font-height-h5-tablet: 33px;
  --font-height-h5-desktop: 33px;
  --h1-size: 60px;
  --h2-size: 42px;
  --h3-size: 36px;
  --h4-size: 32px;
  --h5-size: 28px;
  --h6-size: 24px;
  --font-size-p-xs: 12px;
  --font-height-p-xs: 0;
  --font-size-p-s: 14px;
  --font-height-p-s: 19px;
  --font-size-p-m: 16px;
  --font-height-p-m: 0;
  --font-size-p-l: 16px;
  --font-height-p-l: 22px;
  --font-weight-r: 400;
  --font-weight-b: 700;
  --font-weight-sb: 600;
  --font-weight-eb: 800;
  --line-height-10: 10px;
  --line-height-14: 14px;
  --line-height-15: 15px;
  --line-height-16: 16px;
  --line-height-17: 17px;
  --line-height-18: 18px;
  --line-height-19: 19px;
  --line-height-20: 20px;
  --line-height-21: 21px;
  --line-height-22: 22px;
  --line-height-23: 23px;
  --line-height-24: 24px;
  --line-height-25: 25px;
  --line-height-28: 28px;
  --line-height-29: 29px;
  --line-height-30: 30px;
  --line-height-31: 31px;
  --line-height-32: 32px;
  --line-height-34: 34px;
  --line-height-35: 35px;
  --line-height-37: 37px;
  --line-height-38: 38px;
  --line-height-39: 39px;
  --line-height-42: 42px;
  --line-height-43: 43px;
  --line-height-44: 44px;
  --line-height-45: 45px;
  --line-height-48: 48px;
  --line-height-52: 52px;
  --line-height-58: 58px;
  --line-height-59: 59px;
  --line-height-72: 72px;
}

/*----------------------------------------Mixin media Querys-----------------------------------------*/
/*
NOMENCLATURA SELECTORES DE PANTALLAS
  mobile : estilos hasta maximo resolucion tableta grande
  desktop : estilos a partir de escritorio
  tablet : estilos a partir de tableta pequeña hasta tableta grande
  tablet_desktop : estilo a partir de tableta pequeña
  big_desktop : estilos a partir de escritorio pantallas Grandes!
NOTA: Este mixin es para todo el trabajo de media querys 
NOTA 2: Recuerde que la construccion de maquetas es FIRST MOBILE por ende la media de mobile solo sera usada en casos muy especificos.
USO: Su uso es en las hojas de estilos de los componentes usando un include 
y pasando el parametro de la nomenclatura selectores de pantalla
EJ: 
  @include medias(tablet_desktop) {
    //Escriba aqui el codigo para esta Media-Query
    color; red;
  }
*/
.theme-V .container {
  max-width: calc(100% - 48px);
  padding: 0px 0px;
  margin: 0px auto;
}
@media (min-width: calc(1024px + 1px)) {
  .theme-V .container {
    max-width: 1190px;
    padding: 0px;
    margin: 0px auto;
  }
}
@media (min-width: 1440px) {
  .theme-V .container {
    max-width: 1230px;
  }
}
.theme-V .container--big {
  max-width: calc(100% - 48px);
  padding: 0px 0px;
  margin: 0px auto;
}
@media (min-width: calc(1024px + 1px)) {
  .theme-V .container--big {
    max-width: 1320px;
    padding: 0px;
    margin: 0px auto;
  }
}
@media (min-width: 1440px) {
  .theme-V .container--big {
    max-width: 1360px;
  }
}

/*----------------------------------------Estilos links-----------------------------------------*/
/*
USO: Llamar en hojas de componentes usando include
PARAMETROS:
    color : color del enlace
    colorHover : color para el hover
    Underline(y/n) : activar o desactivar linea inferior
    UnderlineHover(y/n) : activar o desactivar linea inferior para el hover
    FocusColor: Color personalizado en el evento focus
    DisabledColor: Color personalizado en el estado disabled
EJ: 
    .claseDelLink {
        @include linkStyles(var(--link-text), var(--link-text-hover), n, y);
    }
*/
/*----------------------------------------IMAGENES AJUSTABLES-----------------------------------------*/
/*
USO: Llamar en hojas de componentes usando include
PARAMETROS:
    ObjectFit : propiedad object-fit
    Object : propiedad object-position (Posicion de la imagen dependiendo del object-fit)
NOTA: El elemento que contenga este mixin debe tene ancho y alto definidos
EJ: 
    .claseDelContenedorDeLaImagen {
        width: 100%;
        height: 250px;
        @include maskImg (çover, center);
    }
*/
/*----------------------------------------Mixin tamaños boton-----------------------------------------*/
/*----------------------------------------Mixin estilos basicos de boton por tamaños-----------------------------------------*/
/*----------------------------------------Mixin estilos boton-----------------------------------------*/
/*----------------------------------------Mixin estilos hover boton-----------------------------------------*/
/*----------------------------------------Mixin estilos active boton-----------------------------------------*/
/*----------------------------------------Mixin estilos focus boton-----------------------------------------*/
/*----------------------------------------Mixin estilos disabled boton-----------------------------------------*/
/*---------------------------------------------*\
  #font-face 
\*---------------------------------------------*/
@font-face {
  font-family: "Poppins";
  src: url("/documents/d/global/poppins-regular");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/documents/d/global/poppins-semibold");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/documents/d/global/poppins-bold");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/documents/d/global/poppins-extrabold");
  font-weight: 800;
  font-style: normal;
}
body {
  font-family: var(--font-family);
}

.theme-V {
  font-family: var(--font-family);
  font-size: 0.875rem;
  line-height: 1.188rem;
  color: var(--black);
}
@media (min-width: 1024px) {
  .theme-V {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media (min-width: calc(1024px + 1px)) {
  .theme-V {
    font-size: 16px;
    line-height: 22px;
  }
}
.theme-V p {
  font-size: 0.875rem;
  line-height: 1.188rem;
  color: var(--black);
}
@media (min-width: 1024px) {
  .theme-V p {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media (min-width: calc(1024px + 1px)) {
  .theme-V p {
    font-size: 16px;
    line-height: 22px;
  }
}

h1 {
  font-weight: var(--font-weight-sb);
  /*  Establece el tamaño de la fuente para el título.
      El parámetro para el tamaño será t1, t2 ... t5, haciendo referencia a los tamaños predeterminados para H1, H2... H5 
      mas no lo limita para ser asignados a dichos elementos, sino que el propósito es usarlo como atajo si el elemento cumple con las características preestablecidas.
  */
  font-size: var(--font-size-h1-mobile);
  line-height: var(--font-height-h1-mobile);
  margin: 0;
}
@media (min-width: 1024px) {
  h1 {
    font-size: var(--font-size-h1-tablet);
    line-height: var(--font-height-h1-tablet);
  }
}
@media (min-width: calc(1024px + 1px)) {
  h1 {
    font-size: var(--font-size-h1-desktop);
    line-height: var(--font-height-h1-desktop);
  }
}

h2 {
  font-weight: var(--font-weight-sb);
  /*  Establece el tamaño de la fuente para el título.
      El parámetro para el tamaño será t1, t2 ... t5, haciendo referencia a los tamaños predeterminados para H1, H2... H5 
      mas no lo limita para ser asignados a dichos elementos, sino que el propósito es usarlo como atajo si el elemento cumple con las características preestablecidas.
  */
  font-size: var(--font-size-h2-mobile);
  line-height: var(--font-height-h2-mobile);
  margin: 0;
}
@media (min-width: 1024px) {
  h2 {
    font-size: var(--font-size-h2-tablet);
    line-height: var(--font-height-h2-tablet);
  }
}
@media (min-width: calc(1024px + 1px)) {
  h2 {
    font-size: var(--font-size-h2-desktop);
    line-height: var(--font-height-h2-desktop);
  }
}

h3 {
  font-weight: var(--font-weight-sb);
  /*  Establece el tamaño de la fuente para el título.
      El parámetro para el tamaño será t1, t2 ... t5, haciendo referencia a los tamaños predeterminados para H1, H2... H5 
      mas no lo limita para ser asignados a dichos elementos, sino que el propósito es usarlo como atajo si el elemento cumple con las características preestablecidas.
  */
  font-size: var(--font-size-h3-mobile);
  line-height: var(--font-height-h3-mobile);
  margin: 0;
}
@media (min-width: 1024px) {
  h3 {
    font-size: var(--font-size-h3-tablet);
    line-height: var(--font-height-h3-tablet);
  }
}
@media (min-width: calc(1024px + 1px)) {
  h3 {
    font-size: var(--font-size-h3-desktop);
    line-height: var(--font-height-h3-desktop);
  }
}

h4 {
  font-weight: var(--font-weight-sb);
  /*  Establece el tamaño de la fuente para el título.
      El parámetro para el tamaño será t1, t2 ... t5, haciendo referencia a los tamaños predeterminados para H1, H2... H5 
      mas no lo limita para ser asignados a dichos elementos, sino que el propósito es usarlo como atajo si el elemento cumple con las características preestablecidas.
  */
  font-size: var(--font-size-h4-mobile);
  line-height: var(--font-height-h4-mobile);
  margin: 0;
}
@media (min-width: 1024px) {
  h4 {
    font-size: var(--font-size-h4-tablet);
    line-height: var(--font-height-h4-tablet);
  }
}
@media (min-width: calc(1024px + 1px)) {
  h4 {
    font-size: var(--font-size-h4-desktop);
    line-height: var(--font-height-h4-desktop);
  }
}

h5 {
  font-weight: var(--font-weight-sb);
  /*  Establece el tamaño de la fuente para el título.
      El parámetro para el tamaño será t1, t2 ... t5, haciendo referencia a los tamaños predeterminados para H1, H2... H5 
      mas no lo limita para ser asignados a dichos elementos, sino que el propósito es usarlo como atajo si el elemento cumple con las características preestablecidas.
  */
  font-size: var(--font-size-h5-mobile);
  line-height: var(--font-height-h5-mobile);
  margin: 0;
}
@media (min-width: 1024px) {
  h5 {
    font-size: var(--font-size-h5-tablet);
    line-height: var(--font-height-h5-tablet);
  }
}
@media (min-width: calc(1024px + 1px)) {
  h5 {
    font-size: var(--font-size-h5-desktop);
    line-height: var(--font-height-h5-desktop);
  }
}

.theme-V ol {
  padding-left: 20px;
}
.theme-V ol li {
  font-size: 14px;
}
.theme-V ol li::marker {
  color: var(--dark_violet_blue);
  font-weight: bold;
  font-size: 14px;
}
.theme-V ol.list-marker-color-dark_violet_blue li::marker {
  color: var(--dark_violet_blue);
}
.theme-V ol.list-marker-color-black li::marker {
  color: var(--black);
}
.theme-V ol.list-marker-color-white li::marker {
  color: var(--white);
}
.theme-V ol.list-marker-color-inchworm_green li::marker {
  color: var(--inchworm_green);
}
.theme-V ol.list-marker-color-bright_aqua li::marker {
  color: var(--bright_aqua);
}
.theme-V ol.list-marker-color-rose_pink li::marker {
  color: var(--rose_pink);
}
.theme-V ol.list-marker-color-peach_yellow li::marker {
  color: var(--peach_yellow);
}
.theme-V ol.list-marker-color-orchid_pink li::marker {
  color: var(--orchid_pink);
}
.theme-V ol.list-marker-color-royal_blue li::marker {
  color: var(--royal_blue);
}
.theme-V ol.list-marker-color-transparente li::marker {
  color: var(--transparente);
}
.theme-V ol.list-marker-color-error li::marker {
  color: var(--error);
}
.theme-V ol.list-marker-color-success-osi li::marker {
  color: var(--success-osi);
}
.theme-V ol.list-marker-color-warning-osi li::marker {
  color: var(--warning-osi);
}
.theme-V ol.list-marker-color-error_soft li::marker {
  color: var(--error_soft);
}
.theme-V ol.list-marker-color-error_mid_soft li::marker {
  color: var(--error_mid_soft);
}
.theme-V ol.list-marker-color-error_mid_strong li::marker {
  color: var(--error_mid_strong);
}
.theme-V ol.list-marker-color-error_strong li::marker {
  color: var(--error_strong);
}
.theme-V ol.list-marker-color-success_soft li::marker {
  color: var(--success_soft);
}
.theme-V ol.list-marker-color-success_mid_soft li::marker {
  color: var(--success_mid_soft);
}
.theme-V ol.list-marker-color-success_mid_strong li::marker {
  color: var(--success_mid_strong);
}
.theme-V ol.list-marker-color-success_strong li::marker {
  color: var(--success_strong);
}
.theme-V ol.list-marker-color-warning_soft li::marker {
  color: var(--warning_soft);
}
.theme-V ol.list-marker-color-warning_mid_soft li::marker {
  color: var(--warning_mid_soft);
}
.theme-V ol.list-marker-color-warning_mid_strong li::marker {
  color: var(--warning_mid_strong);
}
.theme-V ol.list-marker-color-warning_strong li::marker {
  color: var(--warning_strong);
}
.theme-V ol.list-marker-color-gray li::marker {
  color: var(--gray);
}
.theme-V ol.list-marker-color-gray_2 li::marker {
  color: var(--gray_2);
}
.theme-V ol.list-marker-color-gray_3 li::marker {
  color: var(--gray_3);
}
.theme-V ol.list-marker-color-gray_4 li::marker {
  color: var(--gray_4);
}
.theme-V ol.list-marker-color-jet_gray li::marker {
  color: var(--jet_gray);
}
.theme-V ul {
  list-style: none;
  padding: 0;
}
.theme-V ul li {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.theme-V ul .svg-icon svg {
  width: 14px;
  height: 14px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.theme-V ul li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 10px;
  font-size: 14px;
  color: var(--inchworm_green);
}
.theme-V ul.list-icon-color-dark_violet_blue li::before {
  color: var(--dark_violet_blue);
}
.theme-V ul.list-icon-color-black li::before {
  color: var(--black);
}
.theme-V ul.list-icon-color-white li::before {
  color: var(--white);
}
.theme-V ul.list-icon-color-inchworm_green li::before {
  color: var(--inchworm_green);
}
.theme-V ul.list-icon-color-bright_aqua li::before {
  color: var(--bright_aqua);
}
.theme-V ul.list-icon-color-rose_pink li::before {
  color: var(--rose_pink);
}
.theme-V ul.list-icon-color-peach_yellow li::before {
  color: var(--peach_yellow);
}
.theme-V ul.list-icon-color-orchid_pink li::before {
  color: var(--orchid_pink);
}
.theme-V ul.list-icon-color-royal_blue li::before {
  color: var(--royal_blue);
}
.theme-V ul.list-icon-color-transparente li::before {
  color: var(--transparente);
}
.theme-V ul.list-icon-color-error li::before {
  color: var(--error);
}
.theme-V ul.list-icon-color-success-osi li::before {
  color: var(--success-osi);
}
.theme-V ul.list-icon-color-warning-osi li::before {
  color: var(--warning-osi);
}
.theme-V ul.list-icon-color-error_soft li::before {
  color: var(--error_soft);
}
.theme-V ul.list-icon-color-error_mid_soft li::before {
  color: var(--error_mid_soft);
}
.theme-V ul.list-icon-color-error_mid_strong li::before {
  color: var(--error_mid_strong);
}
.theme-V ul.list-icon-color-error_strong li::before {
  color: var(--error_strong);
}
.theme-V ul.list-icon-color-success_soft li::before {
  color: var(--success_soft);
}
.theme-V ul.list-icon-color-success_mid_soft li::before {
  color: var(--success_mid_soft);
}
.theme-V ul.list-icon-color-success_mid_strong li::before {
  color: var(--success_mid_strong);
}
.theme-V ul.list-icon-color-success_strong li::before {
  color: var(--success_strong);
}
.theme-V ul.list-icon-color-warning_soft li::before {
  color: var(--warning_soft);
}
.theme-V ul.list-icon-color-warning_mid_soft li::before {
  color: var(--warning_mid_soft);
}
.theme-V ul.list-icon-color-warning_mid_strong li::before {
  color: var(--warning_mid_strong);
}
.theme-V ul.list-icon-color-warning_strong li::before {
  color: var(--warning_strong);
}
.theme-V ul.list-icon-color-gray li::before {
  color: var(--gray);
}
.theme-V ul.list-icon-color-gray_2 li::before {
  color: var(--gray_2);
}
.theme-V ul.list-icon-color-gray_3 li::before {
  color: var(--gray_3);
}
.theme-V ul.list-icon-color-gray_4 li::before {
  color: var(--gray_4);
}
.theme-V ul.list-icon-color-jet_gray li::before {
  color: var(--jet_gray);
}
.theme-V ol.ol-marker-size-14 li::marker {
  font-size: 14px;
}
.theme-V ul.ul-icon-size-14 li::before {
  font-size: 14px;
}
.theme-V ul.ul-icon-size-14 .svg-icon svg {
  width: 14px;
  height: 14px;
}
.theme-V ol.ol-marker-size-15 li::marker {
  font-size: 15px;
}
.theme-V ul.ul-icon-size-15 li::before {
  font-size: 15px;
}
.theme-V ul.ul-icon-size-15 .svg-icon svg {
  width: 15px;
  height: 15px;
}
.theme-V ol.ol-marker-size-16 li::marker {
  font-size: 16px;
}
.theme-V ul.ul-icon-size-16 li::before {
  font-size: 16px;
}
.theme-V ul.ul-icon-size-16 .svg-icon svg {
  width: 16px;
  height: 16px;
}
.theme-V ol.ol-marker-size-17 li::marker {
  font-size: 17px;
}
.theme-V ul.ul-icon-size-17 li::before {
  font-size: 17px;
}
.theme-V ul.ul-icon-size-17 .svg-icon svg {
  width: 17px;
  height: 17px;
}
.theme-V ol.ol-marker-size-18 li::marker {
  font-size: 18px;
}
.theme-V ul.ul-icon-size-18 li::before {
  font-size: 18px;
}
.theme-V ul.ul-icon-size-18 .svg-icon svg {
  width: 18px;
  height: 18px;
}
.theme-V ol.ol-marker-size-19 li::marker {
  font-size: 19px;
}
.theme-V ul.ul-icon-size-19 li::before {
  font-size: 19px;
}
.theme-V ul.ul-icon-size-19 .svg-icon svg {
  width: 19px;
  height: 19px;
}
.theme-V ol.ol-marker-size-20 li::marker {
  font-size: 20px;
}
.theme-V ul.ul-icon-size-20 li::before {
  font-size: 20px;
}
.theme-V ul.ul-icon-size-20 .svg-icon svg {
  width: 20px;
  height: 20px;
}
.theme-V ol.ol-marker-size-21 li::marker {
  font-size: 21px;
}
.theme-V ul.ul-icon-size-21 li::before {
  font-size: 21px;
}
.theme-V ul.ul-icon-size-21 .svg-icon svg {
  width: 21px;
  height: 21px;
}
.theme-V ol.ol-marker-size-22 li::marker {
  font-size: 22px;
}
.theme-V ul.ul-icon-size-22 li::before {
  font-size: 22px;
}
.theme-V ul.ul-icon-size-22 .svg-icon svg {
  width: 22px;
  height: 22px;
}
.theme-V ol.ol-marker-size-23 li::marker {
  font-size: 23px;
}
.theme-V ul.ul-icon-size-23 li::before {
  font-size: 23px;
}
.theme-V ul.ul-icon-size-23 .svg-icon svg {
  width: 23px;
  height: 23px;
}
.theme-V ol.ol-marker-size-24 li::marker {
  font-size: 24px;
}
.theme-V ul.ul-icon-size-24 li::before {
  font-size: 24px;
}
.theme-V ul.ul-icon-size-24 .svg-icon svg {
  width: 24px;
  height: 24px;
}
.theme-V ol.ol-marker-size-25 li::marker {
  font-size: 25px;
}
.theme-V ul.ul-icon-size-25 li::before {
  font-size: 25px;
}
.theme-V ul.ul-icon-size-25 .svg-icon svg {
  width: 25px;
  height: 25px;
}
.theme-V ol.ol-marker-size-26 li::marker {
  font-size: 26px;
}
.theme-V ul.ul-icon-size-26 li::before {
  font-size: 26px;
}
.theme-V ul.ul-icon-size-26 .svg-icon svg {
  width: 26px;
  height: 26px;
}
.theme-V ol.ol-marker-size-27 li::marker {
  font-size: 27px;
}
.theme-V ul.ul-icon-size-27 li::before {
  font-size: 27px;
}
.theme-V ul.ul-icon-size-27 .svg-icon svg {
  width: 27px;
  height: 27px;
}
.theme-V ol.ol-marker-size-28 li::marker {
  font-size: 28px;
}
.theme-V ul.ul-icon-size-28 li::before {
  font-size: 28px;
}
.theme-V ul.ul-icon-size-28 .svg-icon svg {
  width: 28px;
  height: 28px;
}
.theme-V ol.ol-marker-size-29 li::marker {
  font-size: 29px;
}
.theme-V ul.ul-icon-size-29 li::before {
  font-size: 29px;
}
.theme-V ul.ul-icon-size-29 .svg-icon svg {
  width: 29px;
  height: 29px;
}
.theme-V ol.ol-marker-size-30 li::marker {
  font-size: 30px;
}
.theme-V ul.ul-icon-size-30 li::before {
  font-size: 30px;
}
.theme-V ul.ul-icon-size-30 .svg-icon svg {
  width: 30px;
  height: 30px;
}
.theme-V ol.ol-marker-size-31 li::marker {
  font-size: 31px;
}
.theme-V ul.ul-icon-size-31 li::before {
  font-size: 31px;
}
.theme-V ul.ul-icon-size-31 .svg-icon svg {
  width: 31px;
  height: 31px;
}
.theme-V ol.ol-marker-size-32 li::marker {
  font-size: 32px;
}
.theme-V ul.ul-icon-size-32 li::before {
  font-size: 32px;
}
.theme-V ul.ul-icon-size-32 .svg-icon svg {
  width: 32px;
  height: 32px;
}
.theme-V ol.ol-marker-size-33 li::marker {
  font-size: 33px;
}
.theme-V ul.ul-icon-size-33 li::before {
  font-size: 33px;
}
.theme-V ul.ul-icon-size-33 .svg-icon svg {
  width: 33px;
  height: 33px;
}
.theme-V ol.ol-marker-size-34 li::marker {
  font-size: 34px;
}
.theme-V ul.ul-icon-size-34 li::before {
  font-size: 34px;
}
.theme-V ul.ul-icon-size-34 .svg-icon svg {
  width: 34px;
  height: 34px;
}
.theme-V ol.ol-marker-size-35 li::marker {
  font-size: 35px;
}
.theme-V ul.ul-icon-size-35 li::before {
  font-size: 35px;
}
.theme-V ul.ul-icon-size-35 .svg-icon svg {
  width: 35px;
  height: 35px;
}
.theme-V ol.ol-marker-size-36 li::marker {
  font-size: 36px;
}
.theme-V ul.ul-icon-size-36 li::before {
  font-size: 36px;
}
.theme-V ul.ul-icon-size-36 .svg-icon svg {
  width: 36px;
  height: 36px;
}

.v-t-default-link-style {
  font-weight: bold;
  color: var(--link-1-text);
}
.v-t-default-link-style:hover {
  color: var(--link-1-text-hover);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.v-t-default-link-style:focus {
  color: var(--link-1-text-focus);
}
.v-t-default-link-style:disabled {
  color: var(--link-1-text-disabled);
}

.theme-V {
  /*----------------------------------------Clases background colors-----------------------------------------*/
  /*
  USOS: En el html del componente usar como clase la nomenclatura bg-color-NOMBREDELCOLOR
  EJ: <div class="bg-color-red"></div>
  */
  /*----------------------------------------Clases text colors-----------------------------------------*/
  /*
  USOS: En el html del componente usar como clase la nomenclatura txt-color-NOMBREDELCOLOR
  EJ: <p class="txt-color-red">Soy un parrafo</p>
  */
  /*
  USOS: Agregar el color a todos los hijos del elemento
  EJ: <p class="txt-color-red">Soy un parrafo</p>
  */
}
.theme-V .bg-color-dark_violet_blue {
  background-color: var(--dark_violet_blue);
}
.theme-V .bg-color-black {
  background-color: var(--black);
}
.theme-V .bg-color-white {
  background-color: var(--white);
}
.theme-V .bg-color-inchworm_green {
  background-color: var(--inchworm_green);
}
.theme-V .bg-color-bright_aqua {
  background-color: var(--bright_aqua);
}
.theme-V .bg-color-rose_pink {
  background-color: var(--rose_pink);
}
.theme-V .bg-color-peach_yellow {
  background-color: var(--peach_yellow);
}
.theme-V .bg-color-orchid_pink {
  background-color: var(--orchid_pink);
}
.theme-V .bg-color-royal_blue {
  background-color: var(--royal_blue);
}
.theme-V .bg-color-transparente {
  background-color: var(--transparente);
}
.theme-V .bg-color-error {
  background-color: var(--error);
}
.theme-V .bg-color-success-osi {
  background-color: var(--success-osi);
}
.theme-V .bg-color-warning-osi {
  background-color: var(--warning-osi);
}
.theme-V .bg-color-error_soft {
  background-color: var(--error_soft);
}
.theme-V .bg-color-error_mid_soft {
  background-color: var(--error_mid_soft);
}
.theme-V .bg-color-error_mid_strong {
  background-color: var(--error_mid_strong);
}
.theme-V .bg-color-error_strong {
  background-color: var(--error_strong);
}
.theme-V .bg-color-success_soft {
  background-color: var(--success_soft);
}
.theme-V .bg-color-success_mid_soft {
  background-color: var(--success_mid_soft);
}
.theme-V .bg-color-success_mid_strong {
  background-color: var(--success_mid_strong);
}
.theme-V .bg-color-success_strong {
  background-color: var(--success_strong);
}
.theme-V .bg-color-warning_soft {
  background-color: var(--warning_soft);
}
.theme-V .bg-color-warning_mid_soft {
  background-color: var(--warning_mid_soft);
}
.theme-V .bg-color-warning_mid_strong {
  background-color: var(--warning_mid_strong);
}
.theme-V .bg-color-warning_strong {
  background-color: var(--warning_strong);
}
.theme-V .bg-color-gray {
  background-color: var(--gray);
}
.theme-V .bg-color-gray_2 {
  background-color: var(--gray_2);
}
.theme-V .bg-color-gray_3 {
  background-color: var(--gray_3);
}
.theme-V .bg-color-gray_4 {
  background-color: var(--gray_4);
}
.theme-V .bg-color-jet_gray {
  background-color: var(--jet_gray);
}
.theme-V .bg-h-color-dark_violet_blue:hover {
  background-color: var(--dark_violet_blue);
}
.theme-V .bg-h-color-black:hover {
  background-color: var(--black);
}
.theme-V .bg-h-color-white:hover {
  background-color: var(--white);
}
.theme-V .bg-h-color-inchworm_green:hover {
  background-color: var(--inchworm_green);
}
.theme-V .bg-h-color-bright_aqua:hover {
  background-color: var(--bright_aqua);
}
.theme-V .bg-h-color-rose_pink:hover {
  background-color: var(--rose_pink);
}
.theme-V .bg-h-color-peach_yellow:hover {
  background-color: var(--peach_yellow);
}
.theme-V .bg-h-color-orchid_pink:hover {
  background-color: var(--orchid_pink);
}
.theme-V .bg-h-color-royal_blue:hover {
  background-color: var(--royal_blue);
}
.theme-V .bg-h-color-transparente:hover {
  background-color: var(--transparente);
}
.theme-V .bg-h-color-error:hover {
  background-color: var(--error);
}
.theme-V .bg-h-color-success-osi:hover {
  background-color: var(--success-osi);
}
.theme-V .bg-h-color-warning-osi:hover {
  background-color: var(--warning-osi);
}
.theme-V .bg-h-color-error_soft:hover {
  background-color: var(--error_soft);
}
.theme-V .bg-h-color-error_mid_soft:hover {
  background-color: var(--error_mid_soft);
}
.theme-V .bg-h-color-error_mid_strong:hover {
  background-color: var(--error_mid_strong);
}
.theme-V .bg-h-color-error_strong:hover {
  background-color: var(--error_strong);
}
.theme-V .bg-h-color-success_soft:hover {
  background-color: var(--success_soft);
}
.theme-V .bg-h-color-success_mid_soft:hover {
  background-color: var(--success_mid_soft);
}
.theme-V .bg-h-color-success_mid_strong:hover {
  background-color: var(--success_mid_strong);
}
.theme-V .bg-h-color-success_strong:hover {
  background-color: var(--success_strong);
}
.theme-V .bg-h-color-warning_soft:hover {
  background-color: var(--warning_soft);
}
.theme-V .bg-h-color-warning_mid_soft:hover {
  background-color: var(--warning_mid_soft);
}
.theme-V .bg-h-color-warning_mid_strong:hover {
  background-color: var(--warning_mid_strong);
}
.theme-V .bg-h-color-warning_strong:hover {
  background-color: var(--warning_strong);
}
.theme-V .bg-h-color-gray:hover {
  background-color: var(--gray);
}
.theme-V .bg-h-color-gray_2:hover {
  background-color: var(--gray_2);
}
.theme-V .bg-h-color-gray_3:hover {
  background-color: var(--gray_3);
}
.theme-V .bg-h-color-gray_4:hover {
  background-color: var(--gray_4);
}
.theme-V .bg-h-color-jet_gray:hover {
  background-color: var(--jet_gray);
}
.theme-V .border-color-dark_violet_blue {
  border: 1px solid var(--dark_violet_blue);
}
.theme-V .border-color-black {
  border: 1px solid var(--black);
}
.theme-V .border-color-white {
  border: 1px solid var(--white);
}
.theme-V .border-color-inchworm_green {
  border: 1px solid var(--inchworm_green);
}
.theme-V .border-color-bright_aqua {
  border: 1px solid var(--bright_aqua);
}
.theme-V .border-color-rose_pink {
  border: 1px solid var(--rose_pink);
}
.theme-V .border-color-peach_yellow {
  border: 1px solid var(--peach_yellow);
}
.theme-V .border-color-orchid_pink {
  border: 1px solid var(--orchid_pink);
}
.theme-V .border-color-royal_blue {
  border: 1px solid var(--royal_blue);
}
.theme-V .border-color-transparente {
  border: 1px solid var(--transparente);
}
.theme-V .border-color-error {
  border: 1px solid var(--error);
}
.theme-V .border-color-success-osi {
  border: 1px solid var(--success-osi);
}
.theme-V .border-color-warning-osi {
  border: 1px solid var(--warning-osi);
}
.theme-V .border-color-error_soft {
  border: 1px solid var(--error_soft);
}
.theme-V .border-color-error_mid_soft {
  border: 1px solid var(--error_mid_soft);
}
.theme-V .border-color-error_mid_strong {
  border: 1px solid var(--error_mid_strong);
}
.theme-V .border-color-error_strong {
  border: 1px solid var(--error_strong);
}
.theme-V .border-color-success_soft {
  border: 1px solid var(--success_soft);
}
.theme-V .border-color-success_mid_soft {
  border: 1px solid var(--success_mid_soft);
}
.theme-V .border-color-success_mid_strong {
  border: 1px solid var(--success_mid_strong);
}
.theme-V .border-color-success_strong {
  border: 1px solid var(--success_strong);
}
.theme-V .border-color-warning_soft {
  border: 1px solid var(--warning_soft);
}
.theme-V .border-color-warning_mid_soft {
  border: 1px solid var(--warning_mid_soft);
}
.theme-V .border-color-warning_mid_strong {
  border: 1px solid var(--warning_mid_strong);
}
.theme-V .border-color-warning_strong {
  border: 1px solid var(--warning_strong);
}
.theme-V .border-color-gray {
  border: 1px solid var(--gray);
}
.theme-V .border-color-gray_2 {
  border: 1px solid var(--gray_2);
}
.theme-V .border-color-gray_3 {
  border: 1px solid var(--gray_3);
}
.theme-V .border-color-gray_4 {
  border: 1px solid var(--gray_4);
}
.theme-V .border-color-jet_gray {
  border: 1px solid var(--jet_gray);
}
.theme-V .txt-color-dark_violet_blue {
  color: var(--dark_violet_blue);
}
.theme-V .txt-color-black {
  color: var(--black);
}
.theme-V .txt-color-white {
  color: var(--white);
}
.theme-V .txt-color-inchworm_green {
  color: var(--inchworm_green);
}
.theme-V .txt-color-bright_aqua {
  color: var(--bright_aqua);
}
.theme-V .txt-color-rose_pink {
  color: var(--rose_pink);
}
.theme-V .txt-color-peach_yellow {
  color: var(--peach_yellow);
}
.theme-V .txt-color-orchid_pink {
  color: var(--orchid_pink);
}
.theme-V .txt-color-royal_blue {
  color: var(--royal_blue);
}
.theme-V .txt-color-transparente {
  color: var(--transparente);
}
.theme-V .txt-color-error {
  color: var(--error);
}
.theme-V .txt-color-success-osi {
  color: var(--success-osi);
}
.theme-V .txt-color-warning-osi {
  color: var(--warning-osi);
}
.theme-V .txt-color-error_soft {
  color: var(--error_soft);
}
.theme-V .txt-color-error_mid_soft {
  color: var(--error_mid_soft);
}
.theme-V .txt-color-error_mid_strong {
  color: var(--error_mid_strong);
}
.theme-V .txt-color-error_strong {
  color: var(--error_strong);
}
.theme-V .txt-color-success_soft {
  color: var(--success_soft);
}
.theme-V .txt-color-success_mid_soft {
  color: var(--success_mid_soft);
}
.theme-V .txt-color-success_mid_strong {
  color: var(--success_mid_strong);
}
.theme-V .txt-color-success_strong {
  color: var(--success_strong);
}
.theme-V .txt-color-warning_soft {
  color: var(--warning_soft);
}
.theme-V .txt-color-warning_mid_soft {
  color: var(--warning_mid_soft);
}
.theme-V .txt-color-warning_mid_strong {
  color: var(--warning_mid_strong);
}
.theme-V .txt-color-warning_strong {
  color: var(--warning_strong);
}
.theme-V .txt-color-gray {
  color: var(--gray);
}
.theme-V .txt-color-gray_2 {
  color: var(--gray_2);
}
.theme-V .txt-color-gray_3 {
  color: var(--gray_3);
}
.theme-V .txt-color-gray_4 {
  color: var(--gray_4);
}
.theme-V .txt-color-jet_gray {
  color: var(--jet_gray);
}
.theme-V .full-txt-color-dark_violet_blue * {
  color: var(--dark_violet_blue);
}
.theme-V .full-txt-color-black * {
  color: var(--black);
}
.theme-V .full-txt-color-white * {
  color: var(--white);
}
.theme-V .full-txt-color-inchworm_green * {
  color: var(--inchworm_green);
}
.theme-V .full-txt-color-bright_aqua * {
  color: var(--bright_aqua);
}
.theme-V .full-txt-color-rose_pink * {
  color: var(--rose_pink);
}
.theme-V .full-txt-color-peach_yellow * {
  color: var(--peach_yellow);
}
.theme-V .full-txt-color-orchid_pink * {
  color: var(--orchid_pink);
}
.theme-V .full-txt-color-royal_blue * {
  color: var(--royal_blue);
}
.theme-V .full-txt-color-transparente * {
  color: var(--transparente);
}
.theme-V .full-txt-color-error * {
  color: var(--error);
}
.theme-V .full-txt-color-success-osi * {
  color: var(--success-osi);
}
.theme-V .full-txt-color-warning-osi * {
  color: var(--warning-osi);
}
.theme-V .full-txt-color-error_soft * {
  color: var(--error_soft);
}
.theme-V .full-txt-color-error_mid_soft * {
  color: var(--error_mid_soft);
}
.theme-V .full-txt-color-error_mid_strong * {
  color: var(--error_mid_strong);
}
.theme-V .full-txt-color-error_strong * {
  color: var(--error_strong);
}
.theme-V .full-txt-color-success_soft * {
  color: var(--success_soft);
}
.theme-V .full-txt-color-success_mid_soft * {
  color: var(--success_mid_soft);
}
.theme-V .full-txt-color-success_mid_strong * {
  color: var(--success_mid_strong);
}
.theme-V .full-txt-color-success_strong * {
  color: var(--success_strong);
}
.theme-V .full-txt-color-warning_soft * {
  color: var(--warning_soft);
}
.theme-V .full-txt-color-warning_mid_soft * {
  color: var(--warning_mid_soft);
}
.theme-V .full-txt-color-warning_mid_strong * {
  color: var(--warning_mid_strong);
}
.theme-V .full-txt-color-warning_strong * {
  color: var(--warning_strong);
}
.theme-V .full-txt-color-gray * {
  color: var(--gray);
}
.theme-V .full-txt-color-gray_2 * {
  color: var(--gray_2);
}
.theme-V .full-txt-color-gray_3 * {
  color: var(--gray_3);
}
.theme-V .full-txt-color-gray_4 * {
  color: var(--gray_4);
}
.theme-V .full-txt-color-jet_gray * {
  color: var(--jet_gray);
}

/*----------------------------------------Clases Only-----------------------------------------*/
/*
    Construido para restringir elementos solo al responsive establecido o solo a desktop

    Ej: <img src="****" alt="****" class="v-t-only-desktop" /> (La imagen solo será visible en escritorio)
*/
.theme-V .v-t-only-desktop {
  display: none;
}
@media (min-width: calc(1024px + 1px)) {
  .theme-V .v-t-only-desktop {
    display: block;
  }
}
.theme-V .v-t-only-mobile {
  display: block;
}
@media (min-width: calc(1024px + 1px)) {
  .theme-V .v-t-only-mobile {
    display: none;
  }
}

/*----------------------------------------Clases de paddings-----------------------------------------*/
/*
NOMENCLATURA POSICION DEL PADDING
    t : top
    b: bottom
    l : left
    r : right
    x : left right
    y : top bottom
    xy : left right top bottom
Nota: Este mixin esta construido para padding multiplos del 2
USO: Usar la clase de usando la nomenclatura p-POSISION-TAMAÑODELPADDING(MultiploDeDos)
EJ: <a class="p-xy-12" href="#">Texto del enlace</a>
*/
.theme-V .p-t-2 {
  padding-top: 2px;
}
.theme-V .p-b-2 {
  padding-bottom: 2px;
}
.theme-V .p-l-2 {
  padding-left: 2px;
}
.theme-V .p-r-2 {
  padding-right: 2px;
}
.theme-V .p-y-2 {
  padding: 2px 0px;
}
.theme-V .p-x-2 {
  padding: 0px 2px;
}
.theme-V .p-xy-2 {
  padding: 2px;
}
.theme-V .p-t-4 {
  padding-top: 4px;
}
.theme-V .p-b-4 {
  padding-bottom: 4px;
}
.theme-V .p-l-4 {
  padding-left: 4px;
}
.theme-V .p-r-4 {
  padding-right: 4px;
}
.theme-V .p-y-4 {
  padding: 4px 0px;
}
.theme-V .p-x-4 {
  padding: 0px 4px;
}
.theme-V .p-xy-4 {
  padding: 4px;
}
.theme-V .p-t-6 {
  padding-top: 6px;
}
.theme-V .p-b-6 {
  padding-bottom: 6px;
}
.theme-V .p-l-6 {
  padding-left: 6px;
}
.theme-V .p-r-6 {
  padding-right: 6px;
}
.theme-V .p-y-6 {
  padding: 6px 0px;
}
.theme-V .p-x-6 {
  padding: 0px 6px;
}
.theme-V .p-xy-6 {
  padding: 6px;
}
.theme-V .p-t-8 {
  padding-top: 8px;
}
.theme-V .p-b-8 {
  padding-bottom: 8px;
}
.theme-V .p-l-8 {
  padding-left: 8px;
}
.theme-V .p-r-8 {
  padding-right: 8px;
}
.theme-V .p-y-8 {
  padding: 8px 0px;
}
.theme-V .p-x-8 {
  padding: 0px 8px;
}
.theme-V .p-xy-8 {
  padding: 8px;
}
.theme-V .p-t-10 {
  padding-top: 10px;
}
.theme-V .p-b-10 {
  padding-bottom: 10px;
}
.theme-V .p-l-10 {
  padding-left: 10px;
}
.theme-V .p-r-10 {
  padding-right: 10px;
}
.theme-V .p-y-10 {
  padding: 10px 0px;
}
.theme-V .p-x-10 {
  padding: 0px 10px;
}
.theme-V .p-xy-10 {
  padding: 10px;
}
.theme-V .p-t-12 {
  padding-top: 12px;
}
.theme-V .p-b-12 {
  padding-bottom: 12px;
}
.theme-V .p-l-12 {
  padding-left: 12px;
}
.theme-V .p-r-12 {
  padding-right: 12px;
}
.theme-V .p-y-12 {
  padding: 12px 0px;
}
.theme-V .p-x-12 {
  padding: 0px 12px;
}
.theme-V .p-xy-12 {
  padding: 12px;
}
.theme-V .p-t-14 {
  padding-top: 14px;
}
.theme-V .p-b-14 {
  padding-bottom: 14px;
}
.theme-V .p-l-14 {
  padding-left: 14px;
}
.theme-V .p-r-14 {
  padding-right: 14px;
}
.theme-V .p-y-14 {
  padding: 14px 0px;
}
.theme-V .p-x-14 {
  padding: 0px 14px;
}
.theme-V .p-xy-14 {
  padding: 14px;
}
.theme-V .p-t-16 {
  padding-top: 16px;
}
.theme-V .p-b-16 {
  padding-bottom: 16px;
}
.theme-V .p-l-16 {
  padding-left: 16px;
}
.theme-V .p-r-16 {
  padding-right: 16px;
}
.theme-V .p-y-16 {
  padding: 16px 0px;
}
.theme-V .p-x-16 {
  padding: 0px 16px;
}
.theme-V .p-xy-16 {
  padding: 16px;
}
.theme-V .p-t-18 {
  padding-top: 18px;
}
.theme-V .p-b-18 {
  padding-bottom: 18px;
}
.theme-V .p-l-18 {
  padding-left: 18px;
}
.theme-V .p-r-18 {
  padding-right: 18px;
}
.theme-V .p-y-18 {
  padding: 18px 0px;
}
.theme-V .p-x-18 {
  padding: 0px 18px;
}
.theme-V .p-xy-18 {
  padding: 18px;
}
.theme-V .p-t-20 {
  padding-top: 20px;
}
.theme-V .p-b-20 {
  padding-bottom: 20px;
}
.theme-V .p-l-20 {
  padding-left: 20px;
}
.theme-V .p-r-20 {
  padding-right: 20px;
}
.theme-V .p-y-20 {
  padding: 20px 0px;
}
.theme-V .p-x-20 {
  padding: 0px 20px;
}
.theme-V .p-xy-20 {
  padding: 20px;
}
.theme-V .p-t-22 {
  padding-top: 22px;
}
.theme-V .p-b-22 {
  padding-bottom: 22px;
}
.theme-V .p-l-22 {
  padding-left: 22px;
}
.theme-V .p-r-22 {
  padding-right: 22px;
}
.theme-V .p-y-22 {
  padding: 22px 0px;
}
.theme-V .p-x-22 {
  padding: 0px 22px;
}
.theme-V .p-xy-22 {
  padding: 22px;
}
.theme-V .p-t-24 {
  padding-top: 24px;
}
.theme-V .p-b-24 {
  padding-bottom: 24px;
}
.theme-V .p-l-24 {
  padding-left: 24px;
}
.theme-V .p-r-24 {
  padding-right: 24px;
}
.theme-V .p-y-24 {
  padding: 24px 0px;
}
.theme-V .p-x-24 {
  padding: 0px 24px;
}
.theme-V .p-xy-24 {
  padding: 24px;
}
.theme-V .p-t-26 {
  padding-top: 26px;
}
.theme-V .p-b-26 {
  padding-bottom: 26px;
}
.theme-V .p-l-26 {
  padding-left: 26px;
}
.theme-V .p-r-26 {
  padding-right: 26px;
}
.theme-V .p-y-26 {
  padding: 26px 0px;
}
.theme-V .p-x-26 {
  padding: 0px 26px;
}
.theme-V .p-xy-26 {
  padding: 26px;
}
.theme-V .p-t-28 {
  padding-top: 28px;
}
.theme-V .p-b-28 {
  padding-bottom: 28px;
}
.theme-V .p-l-28 {
  padding-left: 28px;
}
.theme-V .p-r-28 {
  padding-right: 28px;
}
.theme-V .p-y-28 {
  padding: 28px 0px;
}
.theme-V .p-x-28 {
  padding: 0px 28px;
}
.theme-V .p-xy-28 {
  padding: 28px;
}
.theme-V .p-t-30 {
  padding-top: 30px;
}
.theme-V .p-b-30 {
  padding-bottom: 30px;
}
.theme-V .p-l-30 {
  padding-left: 30px;
}
.theme-V .p-r-30 {
  padding-right: 30px;
}
.theme-V .p-y-30 {
  padding: 30px 0px;
}
.theme-V .p-x-30 {
  padding: 0px 30px;
}
.theme-V .p-xy-30 {
  padding: 30px;
}
.theme-V .p-t-32 {
  padding-top: 32px;
}
.theme-V .p-b-32 {
  padding-bottom: 32px;
}
.theme-V .p-l-32 {
  padding-left: 32px;
}
.theme-V .p-r-32 {
  padding-right: 32px;
}
.theme-V .p-y-32 {
  padding: 32px 0px;
}
.theme-V .p-x-32 {
  padding: 0px 32px;
}
.theme-V .p-xy-32 {
  padding: 32px;
}
.theme-V .p-t-34 {
  padding-top: 34px;
}
.theme-V .p-b-34 {
  padding-bottom: 34px;
}
.theme-V .p-l-34 {
  padding-left: 34px;
}
.theme-V .p-r-34 {
  padding-right: 34px;
}
.theme-V .p-y-34 {
  padding: 34px 0px;
}
.theme-V .p-x-34 {
  padding: 0px 34px;
}
.theme-V .p-xy-34 {
  padding: 34px;
}
.theme-V .p-t-36 {
  padding-top: 36px;
}
.theme-V .p-b-36 {
  padding-bottom: 36px;
}
.theme-V .p-l-36 {
  padding-left: 36px;
}
.theme-V .p-r-36 {
  padding-right: 36px;
}
.theme-V .p-y-36 {
  padding: 36px 0px;
}
.theme-V .p-x-36 {
  padding: 0px 36px;
}
.theme-V .p-xy-36 {
  padding: 36px;
}
.theme-V .p-t-38 {
  padding-top: 38px;
}
.theme-V .p-b-38 {
  padding-bottom: 38px;
}
.theme-V .p-l-38 {
  padding-left: 38px;
}
.theme-V .p-r-38 {
  padding-right: 38px;
}
.theme-V .p-y-38 {
  padding: 38px 0px;
}
.theme-V .p-x-38 {
  padding: 0px 38px;
}
.theme-V .p-xy-38 {
  padding: 38px;
}
.theme-V .p-t-40 {
  padding-top: 40px;
}
.theme-V .p-b-40 {
  padding-bottom: 40px;
}
.theme-V .p-l-40 {
  padding-left: 40px;
}
.theme-V .p-r-40 {
  padding-right: 40px;
}
.theme-V .p-y-40 {
  padding: 40px 0px;
}
.theme-V .p-x-40 {
  padding: 0px 40px;
}
.theme-V .p-xy-40 {
  padding: 40px;
}
.theme-V .p-t-42 {
  padding-top: 42px;
}
.theme-V .p-b-42 {
  padding-bottom: 42px;
}
.theme-V .p-l-42 {
  padding-left: 42px;
}
.theme-V .p-r-42 {
  padding-right: 42px;
}
.theme-V .p-y-42 {
  padding: 42px 0px;
}
.theme-V .p-x-42 {
  padding: 0px 42px;
}
.theme-V .p-xy-42 {
  padding: 42px;
}
.theme-V .p-t-44 {
  padding-top: 44px;
}
.theme-V .p-b-44 {
  padding-bottom: 44px;
}
.theme-V .p-l-44 {
  padding-left: 44px;
}
.theme-V .p-r-44 {
  padding-right: 44px;
}
.theme-V .p-y-44 {
  padding: 44px 0px;
}
.theme-V .p-x-44 {
  padding: 0px 44px;
}
.theme-V .p-xy-44 {
  padding: 44px;
}
.theme-V .p-t-46 {
  padding-top: 46px;
}
.theme-V .p-b-46 {
  padding-bottom: 46px;
}
.theme-V .p-l-46 {
  padding-left: 46px;
}
.theme-V .p-r-46 {
  padding-right: 46px;
}
.theme-V .p-y-46 {
  padding: 46px 0px;
}
.theme-V .p-x-46 {
  padding: 0px 46px;
}
.theme-V .p-xy-46 {
  padding: 46px;
}
.theme-V .p-t-48 {
  padding-top: 48px;
}
.theme-V .p-b-48 {
  padding-bottom: 48px;
}
.theme-V .p-l-48 {
  padding-left: 48px;
}
.theme-V .p-r-48 {
  padding-right: 48px;
}
.theme-V .p-y-48 {
  padding: 48px 0px;
}
.theme-V .p-x-48 {
  padding: 0px 48px;
}
.theme-V .p-xy-48 {
  padding: 48px;
}
.theme-V .p-t-50 {
  padding-top: 50px;
}
.theme-V .p-b-50 {
  padding-bottom: 50px;
}
.theme-V .p-l-50 {
  padding-left: 50px;
}
.theme-V .p-r-50 {
  padding-right: 50px;
}
.theme-V .p-y-50 {
  padding: 50px 0px;
}
.theme-V .p-x-50 {
  padding: 0px 50px;
}
.theme-V .p-xy-50 {
  padding: 50px;
}
.theme-V .p-t-52 {
  padding-top: 52px;
}
.theme-V .p-b-52 {
  padding-bottom: 52px;
}
.theme-V .p-l-52 {
  padding-left: 52px;
}
.theme-V .p-r-52 {
  padding-right: 52px;
}
.theme-V .p-y-52 {
  padding: 52px 0px;
}
.theme-V .p-x-52 {
  padding: 0px 52px;
}
.theme-V .p-xy-52 {
  padding: 52px;
}
.theme-V .p-t-54 {
  padding-top: 54px;
}
.theme-V .p-b-54 {
  padding-bottom: 54px;
}
.theme-V .p-l-54 {
  padding-left: 54px;
}
.theme-V .p-r-54 {
  padding-right: 54px;
}
.theme-V .p-y-54 {
  padding: 54px 0px;
}
.theme-V .p-x-54 {
  padding: 0px 54px;
}
.theme-V .p-xy-54 {
  padding: 54px;
}
.theme-V .p-t-56 {
  padding-top: 56px;
}
.theme-V .p-b-56 {
  padding-bottom: 56px;
}
.theme-V .p-l-56 {
  padding-left: 56px;
}
.theme-V .p-r-56 {
  padding-right: 56px;
}
.theme-V .p-y-56 {
  padding: 56px 0px;
}
.theme-V .p-x-56 {
  padding: 0px 56px;
}
.theme-V .p-xy-56 {
  padding: 56px;
}
.theme-V .p-t-58 {
  padding-top: 58px;
}
.theme-V .p-b-58 {
  padding-bottom: 58px;
}
.theme-V .p-l-58 {
  padding-left: 58px;
}
.theme-V .p-r-58 {
  padding-right: 58px;
}
.theme-V .p-y-58 {
  padding: 58px 0px;
}
.theme-V .p-x-58 {
  padding: 0px 58px;
}
.theme-V .p-xy-58 {
  padding: 58px;
}
.theme-V .p-t-60 {
  padding-top: 60px;
}
.theme-V .p-b-60 {
  padding-bottom: 60px;
}
.theme-V .p-l-60 {
  padding-left: 60px;
}
.theme-V .p-r-60 {
  padding-right: 60px;
}
.theme-V .p-y-60 {
  padding: 60px 0px;
}
.theme-V .p-x-60 {
  padding: 0px 60px;
}
.theme-V .p-xy-60 {
  padding: 60px;
}
.theme-V .p-t-62 {
  padding-top: 62px;
}
.theme-V .p-b-62 {
  padding-bottom: 62px;
}
.theme-V .p-l-62 {
  padding-left: 62px;
}
.theme-V .p-r-62 {
  padding-right: 62px;
}
.theme-V .p-y-62 {
  padding: 62px 0px;
}
.theme-V .p-x-62 {
  padding: 0px 62px;
}
.theme-V .p-xy-62 {
  padding: 62px;
}
.theme-V .p-t-64 {
  padding-top: 64px;
}
.theme-V .p-b-64 {
  padding-bottom: 64px;
}
.theme-V .p-l-64 {
  padding-left: 64px;
}
.theme-V .p-r-64 {
  padding-right: 64px;
}
.theme-V .p-y-64 {
  padding: 64px 0px;
}
.theme-V .p-x-64 {
  padding: 0px 64px;
}
.theme-V .p-xy-64 {
  padding: 64px;
}
.theme-V .p-t-66 {
  padding-top: 66px;
}
.theme-V .p-b-66 {
  padding-bottom: 66px;
}
.theme-V .p-l-66 {
  padding-left: 66px;
}
.theme-V .p-r-66 {
  padding-right: 66px;
}
.theme-V .p-y-66 {
  padding: 66px 0px;
}
.theme-V .p-x-66 {
  padding: 0px 66px;
}
.theme-V .p-xy-66 {
  padding: 66px;
}
.theme-V .p-t-68 {
  padding-top: 68px;
}
.theme-V .p-b-68 {
  padding-bottom: 68px;
}
.theme-V .p-l-68 {
  padding-left: 68px;
}
.theme-V .p-r-68 {
  padding-right: 68px;
}
.theme-V .p-y-68 {
  padding: 68px 0px;
}
.theme-V .p-x-68 {
  padding: 0px 68px;
}
.theme-V .p-xy-68 {
  padding: 68px;
}
.theme-V .p-t-70 {
  padding-top: 70px;
}
.theme-V .p-b-70 {
  padding-bottom: 70px;
}
.theme-V .p-l-70 {
  padding-left: 70px;
}
.theme-V .p-r-70 {
  padding-right: 70px;
}
.theme-V .p-y-70 {
  padding: 70px 0px;
}
.theme-V .p-x-70 {
  padding: 0px 70px;
}
.theme-V .p-xy-70 {
  padding: 70px;
}
.theme-V .p-t-72 {
  padding-top: 72px;
}
.theme-V .p-b-72 {
  padding-bottom: 72px;
}
.theme-V .p-l-72 {
  padding-left: 72px;
}
.theme-V .p-r-72 {
  padding-right: 72px;
}
.theme-V .p-y-72 {
  padding: 72px 0px;
}
.theme-V .p-x-72 {
  padding: 0px 72px;
}
.theme-V .p-xy-72 {
  padding: 72px;
}
.theme-V .p-t-74 {
  padding-top: 74px;
}
.theme-V .p-b-74 {
  padding-bottom: 74px;
}
.theme-V .p-l-74 {
  padding-left: 74px;
}
.theme-V .p-r-74 {
  padding-right: 74px;
}
.theme-V .p-y-74 {
  padding: 74px 0px;
}
.theme-V .p-x-74 {
  padding: 0px 74px;
}
.theme-V .p-xy-74 {
  padding: 74px;
}
.theme-V .p-t-76 {
  padding-top: 76px;
}
.theme-V .p-b-76 {
  padding-bottom: 76px;
}
.theme-V .p-l-76 {
  padding-left: 76px;
}
.theme-V .p-r-76 {
  padding-right: 76px;
}
.theme-V .p-y-76 {
  padding: 76px 0px;
}
.theme-V .p-x-76 {
  padding: 0px 76px;
}
.theme-V .p-xy-76 {
  padding: 76px;
}
.theme-V .p-t-78 {
  padding-top: 78px;
}
.theme-V .p-b-78 {
  padding-bottom: 78px;
}
.theme-V .p-l-78 {
  padding-left: 78px;
}
.theme-V .p-r-78 {
  padding-right: 78px;
}
.theme-V .p-y-78 {
  padding: 78px 0px;
}
.theme-V .p-x-78 {
  padding: 0px 78px;
}
.theme-V .p-xy-78 {
  padding: 78px;
}
.theme-V .p-t-80 {
  padding-top: 80px;
}
.theme-V .p-b-80 {
  padding-bottom: 80px;
}
.theme-V .p-l-80 {
  padding-left: 80px;
}
.theme-V .p-r-80 {
  padding-right: 80px;
}
.theme-V .p-y-80 {
  padding: 80px 0px;
}
.theme-V .p-x-80 {
  padding: 0px 80px;
}
.theme-V .p-xy-80 {
  padding: 80px;
}

/*----------------------------------------Clases de margins-----------------------------------------*/
/*
NOMENCLATURA POSICION DEL MARGIN
    t : top
    b: bottom
    l : left
    r : right
    x : left right
    y : top bottom
    xy : left right top bottom
Nota: Este mixin esta construido para margins multiplos del 2
USO: Usar la clase de usando la nomenclatura m-POSISION-TAMAÑODELMARGIN(MultiploDeDos)
EJ: <a class="m-xy-12" href="#">Texto del enlace</a>
*/
.theme-V .m-t-2 {
  margin-top: 2px;
}
.theme-V .m-b-2 {
  margin-bottom: 2px;
}
.theme-V .m-l-2 {
  margin-left: 2px;
}
.theme-V .m-r-2 {
  margin-right: 2px;
}
.theme-V .m-y-2 {
  margin: 2px 0px;
}
.theme-V .m-x-2 {
  margin: 0px 2px;
}
.theme-V .m-xy-2 {
  margin: 2px;
}
.theme-V .m-t-4 {
  margin-top: 4px;
}
.theme-V .m-b-4 {
  margin-bottom: 4px;
}
.theme-V .m-l-4 {
  margin-left: 4px;
}
.theme-V .m-r-4 {
  margin-right: 4px;
}
.theme-V .m-y-4 {
  margin: 4px 0px;
}
.theme-V .m-x-4 {
  margin: 0px 4px;
}
.theme-V .m-xy-4 {
  margin: 4px;
}
.theme-V .m-t-6 {
  margin-top: 6px;
}
.theme-V .m-b-6 {
  margin-bottom: 6px;
}
.theme-V .m-l-6 {
  margin-left: 6px;
}
.theme-V .m-r-6 {
  margin-right: 6px;
}
.theme-V .m-y-6 {
  margin: 6px 0px;
}
.theme-V .m-x-6 {
  margin: 0px 6px;
}
.theme-V .m-xy-6 {
  margin: 6px;
}
.theme-V .m-t-8 {
  margin-top: 8px;
}
.theme-V .m-b-8 {
  margin-bottom: 8px;
}
.theme-V .m-l-8 {
  margin-left: 8px;
}
.theme-V .m-r-8 {
  margin-right: 8px;
}
.theme-V .m-y-8 {
  margin: 8px 0px;
}
.theme-V .m-x-8 {
  margin: 0px 8px;
}
.theme-V .m-xy-8 {
  margin: 8px;
}
.theme-V .m-t-10 {
  margin-top: 10px;
}
.theme-V .m-b-10 {
  margin-bottom: 10px;
}
.theme-V .m-l-10 {
  margin-left: 10px;
}
.theme-V .m-r-10 {
  margin-right: 10px;
}
.theme-V .m-y-10 {
  margin: 10px 0px;
}
.theme-V .m-x-10 {
  margin: 0px 10px;
}
.theme-V .m-xy-10 {
  margin: 10px;
}
.theme-V .m-t-12 {
  margin-top: 12px;
}
.theme-V .m-b-12 {
  margin-bottom: 12px;
}
.theme-V .m-l-12 {
  margin-left: 12px;
}
.theme-V .m-r-12 {
  margin-right: 12px;
}
.theme-V .m-y-12 {
  margin: 12px 0px;
}
.theme-V .m-x-12 {
  margin: 0px 12px;
}
.theme-V .m-xy-12 {
  margin: 12px;
}
.theme-V .m-t-14 {
  margin-top: 14px;
}
.theme-V .m-b-14 {
  margin-bottom: 14px;
}
.theme-V .m-l-14 {
  margin-left: 14px;
}
.theme-V .m-r-14 {
  margin-right: 14px;
}
.theme-V .m-y-14 {
  margin: 14px 0px;
}
.theme-V .m-x-14 {
  margin: 0px 14px;
}
.theme-V .m-xy-14 {
  margin: 14px;
}
.theme-V .m-t-16 {
  margin-top: 16px;
}
.theme-V .m-b-16 {
  margin-bottom: 16px;
}
.theme-V .m-l-16 {
  margin-left: 16px;
}
.theme-V .m-r-16 {
  margin-right: 16px;
}
.theme-V .m-y-16 {
  margin: 16px 0px;
}
.theme-V .m-x-16 {
  margin: 0px 16px;
}
.theme-V .m-xy-16 {
  margin: 16px;
}
.theme-V .m-t-18 {
  margin-top: 18px;
}
.theme-V .m-b-18 {
  margin-bottom: 18px;
}
.theme-V .m-l-18 {
  margin-left: 18px;
}
.theme-V .m-r-18 {
  margin-right: 18px;
}
.theme-V .m-y-18 {
  margin: 18px 0px;
}
.theme-V .m-x-18 {
  margin: 0px 18px;
}
.theme-V .m-xy-18 {
  margin: 18px;
}
.theme-V .m-t-20 {
  margin-top: 20px;
}
.theme-V .m-b-20 {
  margin-bottom: 20px;
}
.theme-V .m-l-20 {
  margin-left: 20px;
}
.theme-V .m-r-20 {
  margin-right: 20px;
}
.theme-V .m-y-20 {
  margin: 20px 0px;
}
.theme-V .m-x-20 {
  margin: 0px 20px;
}
.theme-V .m-xy-20 {
  margin: 20px;
}
.theme-V .m-t-22 {
  margin-top: 22px;
}
.theme-V .m-b-22 {
  margin-bottom: 22px;
}
.theme-V .m-l-22 {
  margin-left: 22px;
}
.theme-V .m-r-22 {
  margin-right: 22px;
}
.theme-V .m-y-22 {
  margin: 22px 0px;
}
.theme-V .m-x-22 {
  margin: 0px 22px;
}
.theme-V .m-xy-22 {
  margin: 22px;
}
.theme-V .m-t-24 {
  margin-top: 24px;
}
.theme-V .m-b-24 {
  margin-bottom: 24px;
}
.theme-V .m-l-24 {
  margin-left: 24px;
}
.theme-V .m-r-24 {
  margin-right: 24px;
}
.theme-V .m-y-24 {
  margin: 24px 0px;
}
.theme-V .m-x-24 {
  margin: 0px 24px;
}
.theme-V .m-xy-24 {
  margin: 24px;
}
.theme-V .m-t-26 {
  margin-top: 26px;
}
.theme-V .m-b-26 {
  margin-bottom: 26px;
}
.theme-V .m-l-26 {
  margin-left: 26px;
}
.theme-V .m-r-26 {
  margin-right: 26px;
}
.theme-V .m-y-26 {
  margin: 26px 0px;
}
.theme-V .m-x-26 {
  margin: 0px 26px;
}
.theme-V .m-xy-26 {
  margin: 26px;
}
.theme-V .m-t-28 {
  margin-top: 28px;
}
.theme-V .m-b-28 {
  margin-bottom: 28px;
}
.theme-V .m-l-28 {
  margin-left: 28px;
}
.theme-V .m-r-28 {
  margin-right: 28px;
}
.theme-V .m-y-28 {
  margin: 28px 0px;
}
.theme-V .m-x-28 {
  margin: 0px 28px;
}
.theme-V .m-xy-28 {
  margin: 28px;
}
.theme-V .m-t-30 {
  margin-top: 30px;
}
.theme-V .m-b-30 {
  margin-bottom: 30px;
}
.theme-V .m-l-30 {
  margin-left: 30px;
}
.theme-V .m-r-30 {
  margin-right: 30px;
}
.theme-V .m-y-30 {
  margin: 30px 0px;
}
.theme-V .m-x-30 {
  margin: 0px 30px;
}
.theme-V .m-xy-30 {
  margin: 30px;
}
.theme-V .m-t-32 {
  margin-top: 32px;
}
.theme-V .m-b-32 {
  margin-bottom: 32px;
}
.theme-V .m-l-32 {
  margin-left: 32px;
}
.theme-V .m-r-32 {
  margin-right: 32px;
}
.theme-V .m-y-32 {
  margin: 32px 0px;
}
.theme-V .m-x-32 {
  margin: 0px 32px;
}
.theme-V .m-xy-32 {
  margin: 32px;
}
.theme-V .m-t-34 {
  margin-top: 34px;
}
.theme-V .m-b-34 {
  margin-bottom: 34px;
}
.theme-V .m-l-34 {
  margin-left: 34px;
}
.theme-V .m-r-34 {
  margin-right: 34px;
}
.theme-V .m-y-34 {
  margin: 34px 0px;
}
.theme-V .m-x-34 {
  margin: 0px 34px;
}
.theme-V .m-xy-34 {
  margin: 34px;
}
.theme-V .m-t-36 {
  margin-top: 36px;
}
.theme-V .m-b-36 {
  margin-bottom: 36px;
}
.theme-V .m-l-36 {
  margin-left: 36px;
}
.theme-V .m-r-36 {
  margin-right: 36px;
}
.theme-V .m-y-36 {
  margin: 36px 0px;
}
.theme-V .m-x-36 {
  margin: 0px 36px;
}
.theme-V .m-xy-36 {
  margin: 36px;
}
.theme-V .m-t-38 {
  margin-top: 38px;
}
.theme-V .m-b-38 {
  margin-bottom: 38px;
}
.theme-V .m-l-38 {
  margin-left: 38px;
}
.theme-V .m-r-38 {
  margin-right: 38px;
}
.theme-V .m-y-38 {
  margin: 38px 0px;
}
.theme-V .m-x-38 {
  margin: 0px 38px;
}
.theme-V .m-xy-38 {
  margin: 38px;
}
.theme-V .m-t-40 {
  margin-top: 40px;
}
.theme-V .m-b-40 {
  margin-bottom: 40px;
}
.theme-V .m-l-40 {
  margin-left: 40px;
}
.theme-V .m-r-40 {
  margin-right: 40px;
}
.theme-V .m-y-40 {
  margin: 40px 0px;
}
.theme-V .m-x-40 {
  margin: 0px 40px;
}
.theme-V .m-xy-40 {
  margin: 40px;
}
.theme-V .m-t-42 {
  margin-top: 42px;
}
.theme-V .m-b-42 {
  margin-bottom: 42px;
}
.theme-V .m-l-42 {
  margin-left: 42px;
}
.theme-V .m-r-42 {
  margin-right: 42px;
}
.theme-V .m-y-42 {
  margin: 42px 0px;
}
.theme-V .m-x-42 {
  margin: 0px 42px;
}
.theme-V .m-xy-42 {
  margin: 42px;
}
.theme-V .m-t-44 {
  margin-top: 44px;
}
.theme-V .m-b-44 {
  margin-bottom: 44px;
}
.theme-V .m-l-44 {
  margin-left: 44px;
}
.theme-V .m-r-44 {
  margin-right: 44px;
}
.theme-V .m-y-44 {
  margin: 44px 0px;
}
.theme-V .m-x-44 {
  margin: 0px 44px;
}
.theme-V .m-xy-44 {
  margin: 44px;
}
.theme-V .m-t-46 {
  margin-top: 46px;
}
.theme-V .m-b-46 {
  margin-bottom: 46px;
}
.theme-V .m-l-46 {
  margin-left: 46px;
}
.theme-V .m-r-46 {
  margin-right: 46px;
}
.theme-V .m-y-46 {
  margin: 46px 0px;
}
.theme-V .m-x-46 {
  margin: 0px 46px;
}
.theme-V .m-xy-46 {
  margin: 46px;
}
.theme-V .m-t-48 {
  margin-top: 48px;
}
.theme-V .m-b-48 {
  margin-bottom: 48px;
}
.theme-V .m-l-48 {
  margin-left: 48px;
}
.theme-V .m-r-48 {
  margin-right: 48px;
}
.theme-V .m-y-48 {
  margin: 48px 0px;
}
.theme-V .m-x-48 {
  margin: 0px 48px;
}
.theme-V .m-xy-48 {
  margin: 48px;
}
.theme-V .m-t-50 {
  margin-top: 50px;
}
.theme-V .m-b-50 {
  margin-bottom: 50px;
}
.theme-V .m-l-50 {
  margin-left: 50px;
}
.theme-V .m-r-50 {
  margin-right: 50px;
}
.theme-V .m-y-50 {
  margin: 50px 0px;
}
.theme-V .m-x-50 {
  margin: 0px 50px;
}
.theme-V .m-xy-50 {
  margin: 50px;
}
.theme-V .m-t-52 {
  margin-top: 52px;
}
.theme-V .m-b-52 {
  margin-bottom: 52px;
}
.theme-V .m-l-52 {
  margin-left: 52px;
}
.theme-V .m-r-52 {
  margin-right: 52px;
}
.theme-V .m-y-52 {
  margin: 52px 0px;
}
.theme-V .m-x-52 {
  margin: 0px 52px;
}
.theme-V .m-xy-52 {
  margin: 52px;
}
.theme-V .m-t-54 {
  margin-top: 54px;
}
.theme-V .m-b-54 {
  margin-bottom: 54px;
}
.theme-V .m-l-54 {
  margin-left: 54px;
}
.theme-V .m-r-54 {
  margin-right: 54px;
}
.theme-V .m-y-54 {
  margin: 54px 0px;
}
.theme-V .m-x-54 {
  margin: 0px 54px;
}
.theme-V .m-xy-54 {
  margin: 54px;
}
.theme-V .m-t-56 {
  margin-top: 56px;
}
.theme-V .m-b-56 {
  margin-bottom: 56px;
}
.theme-V .m-l-56 {
  margin-left: 56px;
}
.theme-V .m-r-56 {
  margin-right: 56px;
}
.theme-V .m-y-56 {
  margin: 56px 0px;
}
.theme-V .m-x-56 {
  margin: 0px 56px;
}
.theme-V .m-xy-56 {
  margin: 56px;
}
.theme-V .m-t-58 {
  margin-top: 58px;
}
.theme-V .m-b-58 {
  margin-bottom: 58px;
}
.theme-V .m-l-58 {
  margin-left: 58px;
}
.theme-V .m-r-58 {
  margin-right: 58px;
}
.theme-V .m-y-58 {
  margin: 58px 0px;
}
.theme-V .m-x-58 {
  margin: 0px 58px;
}
.theme-V .m-xy-58 {
  margin: 58px;
}
.theme-V .m-t-60 {
  margin-top: 60px;
}
.theme-V .m-b-60 {
  margin-bottom: 60px;
}
.theme-V .m-l-60 {
  margin-left: 60px;
}
.theme-V .m-r-60 {
  margin-right: 60px;
}
.theme-V .m-y-60 {
  margin: 60px 0px;
}
.theme-V .m-x-60 {
  margin: 0px 60px;
}
.theme-V .m-xy-60 {
  margin: 60px;
}
.theme-V .m-t-62 {
  margin-top: 62px;
}
.theme-V .m-b-62 {
  margin-bottom: 62px;
}
.theme-V .m-l-62 {
  margin-left: 62px;
}
.theme-V .m-r-62 {
  margin-right: 62px;
}
.theme-V .m-y-62 {
  margin: 62px 0px;
}
.theme-V .m-x-62 {
  margin: 0px 62px;
}
.theme-V .m-xy-62 {
  margin: 62px;
}
.theme-V .m-t-64 {
  margin-top: 64px;
}
.theme-V .m-b-64 {
  margin-bottom: 64px;
}
.theme-V .m-l-64 {
  margin-left: 64px;
}
.theme-V .m-r-64 {
  margin-right: 64px;
}
.theme-V .m-y-64 {
  margin: 64px 0px;
}
.theme-V .m-x-64 {
  margin: 0px 64px;
}
.theme-V .m-xy-64 {
  margin: 64px;
}
.theme-V .m-t-66 {
  margin-top: 66px;
}
.theme-V .m-b-66 {
  margin-bottom: 66px;
}
.theme-V .m-l-66 {
  margin-left: 66px;
}
.theme-V .m-r-66 {
  margin-right: 66px;
}
.theme-V .m-y-66 {
  margin: 66px 0px;
}
.theme-V .m-x-66 {
  margin: 0px 66px;
}
.theme-V .m-xy-66 {
  margin: 66px;
}
.theme-V .m-t-68 {
  margin-top: 68px;
}
.theme-V .m-b-68 {
  margin-bottom: 68px;
}
.theme-V .m-l-68 {
  margin-left: 68px;
}
.theme-V .m-r-68 {
  margin-right: 68px;
}
.theme-V .m-y-68 {
  margin: 68px 0px;
}
.theme-V .m-x-68 {
  margin: 0px 68px;
}
.theme-V .m-xy-68 {
  margin: 68px;
}
.theme-V .m-t-70 {
  margin-top: 70px;
}
.theme-V .m-b-70 {
  margin-bottom: 70px;
}
.theme-V .m-l-70 {
  margin-left: 70px;
}
.theme-V .m-r-70 {
  margin-right: 70px;
}
.theme-V .m-y-70 {
  margin: 70px 0px;
}
.theme-V .m-x-70 {
  margin: 0px 70px;
}
.theme-V .m-xy-70 {
  margin: 70px;
}
.theme-V .m-t-72 {
  margin-top: 72px;
}
.theme-V .m-b-72 {
  margin-bottom: 72px;
}
.theme-V .m-l-72 {
  margin-left: 72px;
}
.theme-V .m-r-72 {
  margin-right: 72px;
}
.theme-V .m-y-72 {
  margin: 72px 0px;
}
.theme-V .m-x-72 {
  margin: 0px 72px;
}
.theme-V .m-xy-72 {
  margin: 72px;
}
.theme-V .m-t-74 {
  margin-top: 74px;
}
.theme-V .m-b-74 {
  margin-bottom: 74px;
}
.theme-V .m-l-74 {
  margin-left: 74px;
}
.theme-V .m-r-74 {
  margin-right: 74px;
}
.theme-V .m-y-74 {
  margin: 74px 0px;
}
.theme-V .m-x-74 {
  margin: 0px 74px;
}
.theme-V .m-xy-74 {
  margin: 74px;
}
.theme-V .m-t-76 {
  margin-top: 76px;
}
.theme-V .m-b-76 {
  margin-bottom: 76px;
}
.theme-V .m-l-76 {
  margin-left: 76px;
}
.theme-V .m-r-76 {
  margin-right: 76px;
}
.theme-V .m-y-76 {
  margin: 76px 0px;
}
.theme-V .m-x-76 {
  margin: 0px 76px;
}
.theme-V .m-xy-76 {
  margin: 76px;
}
.theme-V .m-t-78 {
  margin-top: 78px;
}
.theme-V .m-b-78 {
  margin-bottom: 78px;
}
.theme-V .m-l-78 {
  margin-left: 78px;
}
.theme-V .m-r-78 {
  margin-right: 78px;
}
.theme-V .m-y-78 {
  margin: 78px 0px;
}
.theme-V .m-x-78 {
  margin: 0px 78px;
}
.theme-V .m-xy-78 {
  margin: 78px;
}
.theme-V .m-t-80 {
  margin-top: 80px;
}
.theme-V .m-b-80 {
  margin-bottom: 80px;
}
.theme-V .m-l-80 {
  margin-left: 80px;
}
.theme-V .m-r-80 {
  margin-right: 80px;
}
.theme-V .m-y-80 {
  margin: 80px 0px;
}
.theme-V .m-x-80 {
  margin: 0px 80px;
}
.theme-V .m-xy-80 {
  margin: 80px;
}

.theme-V {
  /*----------------------------------------Clases tamaños de fuentes-----------------------------------------*/
  /*
  USOS: En el html del componente usar como clase la nomenclatura f-s-TAMAÑODEFUENTE asiganra 
      el valor en px pero solo para resoluciones dektop en adelante.
  EJ: <p class="f-s-28">Este es un parrafo</p>
  */
  /*
  USOS: En el html del componente usar como clase la nomenclatura f-s-r-TAMAÑODEFUENTE(px) y asignara su valor en rem
      pero solo para resoluciones tablet e inferiores.
  EJ: <p class="f-s-r-28">Este es un parrafo</p>
  */
  /*----------------------------------------Clases peso de fuente-----------------------------------------*/
  /*
  NOMENCLATURA PESO DE FUENTE
      t : thin
      el : extra light
      l : light
      r : regular
      m : medium
      sb : semi bold
      b : bold
      eb : extra bold
      bl : black
  USOS: En el html del componente usar como clase la nomenclatura f-w-PESODEFUELTE
  EJ: <p class="f-w-bl">Este es un parrafo</p>
  */
}
.theme-V .f-s-14 {
  font-size: 14px;
}
.theme-V .f-s-15 {
  font-size: 15px;
}
.theme-V .f-s-16 {
  font-size: 16px;
}
.theme-V .f-s-17 {
  font-size: 17px;
}
.theme-V .f-s-18 {
  font-size: 18px;
}
.theme-V .f-s-19 {
  font-size: 19px;
}
.theme-V .f-s-20 {
  font-size: 20px;
}
.theme-V .f-s-21 {
  font-size: 21px;
}
.theme-V .f-s-22 {
  font-size: 22px;
}
.theme-V .f-s-23 {
  font-size: 23px;
}
.theme-V .f-s-24 {
  font-size: 24px;
}
.theme-V .f-s-25 {
  font-size: 25px;
}
.theme-V .f-s-26 {
  font-size: 26px;
}
.theme-V .f-s-27 {
  font-size: 27px;
}
.theme-V .f-s-28 {
  font-size: 28px;
}
.theme-V .f-s-29 {
  font-size: 29px;
}
.theme-V .f-s-30 {
  font-size: 30px;
}
.theme-V .f-s-31 {
  font-size: 31px;
}
.theme-V .f-s-32 {
  font-size: 32px;
}
.theme-V .f-s-33 {
  font-size: 33px;
}
.theme-V .f-s-34 {
  font-size: 34px;
}
.theme-V .f-s-35 {
  font-size: 35px;
}
.theme-V .f-s-36 {
  font-size: 36px;
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-14 {
    font-size: 0.875rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-15 {
    font-size: 0.9375rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-16 {
    font-size: 1rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-17 {
    font-size: 1.0625rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-18 {
    font-size: 1.125rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-19 {
    font-size: 1.1875rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-20 {
    font-size: 1.25rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-21 {
    font-size: 1.3125rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-22 {
    font-size: 1.375rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-23 {
    font-size: 1.4375rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-24 {
    font-size: 1.5rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-25 {
    font-size: 1.5625rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-26 {
    font-size: 1.625rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-27 {
    font-size: 1.6875rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-28 {
    font-size: 1.75rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-29 {
    font-size: 1.8125rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-30 {
    font-size: 1.875rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-31 {
    font-size: 1.9375rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-32 {
    font-size: 2rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-33 {
    font-size: 2.0625rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-34 {
    font-size: 2.125rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-35 {
    font-size: 2.1875rem;
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-s-r-36 {
    font-size: 2.25rem;
  }
}
.theme-V .f-w-r {
  font-weight: var(--font-weight-r);
}
.theme-V .f-w-sb {
  font-weight: var(--font-weight-sb);
}
.theme-V .f-w-b {
  font-weight: var(--font-weight-b);
}
.theme-V .f-w-eb {
  font-weight: var(--font-weight-eb);
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-w-m-r {
    font-weight: var(--font-weight-r);
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-w-m-sb {
    font-weight: var(--font-weight-sb);
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-w-m-b {
    font-weight: var(--font-weight-b);
  }
}
@media (max-width: calc(1280px - 1px)) {
  .theme-V .f-w-m-eb {
    font-weight: var(--font-weight-eb);
  }
}
.theme-V .txt-al-c {
  text-align: center;
}
.theme-V .txt-al-r {
  text-align: right;
}
.theme-V .txt-al-l {
  text-align: left;
}

.theme-V .v-o-button__size-n {
  padding: 17px 33px;
  min-height: 55px;
  font-size: 14px;
  line-height: 16px;
  border-radius: 8px;
  font-weight: 400;
  /*
  Ejemplo, si se necesita parametrizar otra categoría de tamaño para los botones
  @else if ($size == l) {
      @include buttonHeights(10px 39px, 44px, 18px, 23.76px, 700, 100px);
  }*/
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.theme-V .v-o-button__size-n:hover {
  text-decoration: none;
}
.theme-V .v-o-button__variant-border {
  padding: 17px 33px;
  min-height: 55px;
  font-size: 14px;
  line-height: 16px;
  border-radius: 27.5px;
  font-weight: 400;
  /*
  Ejemplo, si se necesita parametrizar otra categoría de tamaño para los botones
  @else if ($size == l) {
      @include buttonHeights(10px 39px, 44px, 18px, 23.76px, 700, 100px);
  }*/
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.theme-V .v-o-button__variant-border:hover {
  text-decoration: none;
}
.theme-V .v-o-button__primary {
  background-color: var(--dark_violet_blue);
  color: var(--white);
  border: none;
  gap: 10px;
}
.theme-V .v-o-button__primary:hover {
  opacity: 0.8;
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__primary:active {
  opacity: 0.8;
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__primary:focus, .theme-V .v-o-button__primary:focus-visible {
  opacity: 0.8;
  color: var(--white);
  outline: none;
  border: 2px solid var(--black);
  -webkit-box-shadow: 0px 2px 6px px;
  box-shadow: 0px 2px 6px px;
}
.theme-V .v-o-button__primary--disabled, .theme-V .v-o-button__primary:disabled {
  background-color: var(--gray);
  color: var(--black);
  border: none;
  gap: 10px;
  cursor: not-allowed;
}
.theme-V .v-o-button__primary--blue {
  background-color: var(--royal_blue);
  color: var(--white);
  border: none;
  gap: 10px;
}
.theme-V .v-o-button__primary--blue:hover {
  opacity: 0.8;
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__primary--blue:active {
  opacity: 0.8;
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__primary--blue:focus, .theme-V .v-o-button__primary--blue:focus-visible {
  opacity: 0.8;
  color: var(--white);
  outline: none;
  border: 2px solid var(--black);
  -webkit-box-shadow: 0px 2px 6px px;
  box-shadow: 0px 2px 6px px;
}
.theme-V .v-o-button__primary--blue--disabled, .theme-V .v-o-button__primary--blue:disabled {
  background-color: var(--gray);
  color: var(--black);
  border: none;
  gap: 10px;
  cursor: not-allowed;
}
.theme-V .v-o-button__primary--blue-bright {
  background-color: var(--bright_aqua);
  color: var(--dark_violet_blue);
  border: none;
  gap: 10px;
}
.theme-V .v-o-button__primary--blue-bright:hover {
  opacity: 0.8;
  color: var(--dark_violet_blue);
  border: none;
}
.theme-V .v-o-button__primary--blue-bright:active {
  opacity: 0.8;
  color: var(--dark_violet_blue);
  border: none;
}
.theme-V .v-o-button__primary--blue-bright:focus, .theme-V .v-o-button__primary--blue-bright:focus-visible {
  opacity: 0.8;
  color: var(--dark_violet_blue);
  outline: none;
  border: 2px solid var(--black);
  -webkit-box-shadow: 0px 2px 6px px;
  box-shadow: 0px 2px 6px px;
}
.theme-V .v-o-button__primary--blue-bright--disabled, .theme-V .v-o-button__primary--blue-bright:disabled {
  background-color: var(--gray);
  color: var(--black);
  border: none;
  gap: 10px;
  cursor: not-allowed;
}
.theme-V .v-o-button__primary--black {
  background-color: var(--black);
  color: var(--white);
  border: none;
  gap: 10px;
}
.theme-V .v-o-button__primary--black:hover {
  opacity: 0.8;
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__primary--black:active {
  opacity: 0.8;
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__primary--black:focus, .theme-V .v-o-button__primary--black:focus-visible {
  opacity: 0.8;
  color: var(--white);
  outline: none;
  border: 2px solid var(--black);
  -webkit-box-shadow: 0px 2px 6px px;
  box-shadow: 0px 2px 6px px;
}
.theme-V .v-o-button__primary--black--disabled, .theme-V .v-o-button__primary--black:disabled {
  background-color: var(--gray);
  color: var(--black);
  border: none;
  gap: 10px;
  cursor: not-allowed;
}
.theme-V .v-o-button__secondary {
  background-color: var(--transparente);
  color: var(--dark_violet_blue);
  border: 1px solid var(--jet_gray);
  gap: 10px;
}
.theme-V .v-o-button__secondary:hover {
  background-color: var(--dark_violet_blue);
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__secondary:active {
  background-color: var(--dark_violet_blue);
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__secondary:focus, .theme-V .v-o-button__secondary:focus-visible {
  background-color: var(--dark_violet_blue);
  color: var(--white);
  outline: none;
  border: 2px solid var(--black);
  -webkit-box-shadow: 0px 2px 6px px;
  box-shadow: 0px 2px 6px px;
}
.theme-V .v-o-button__secondary--disabled, .theme-V .v-o-button__secondary:disabled {
  background-color: var(--gray);
  color: var(--black);
  border: 1px solid var(--black);
  gap: 10px;
  cursor: not-allowed;
}
.theme-V .v-o-button__secondary--blue {
  background-color: var(--transparente);
  color: var(--bright_aqua);
  border: 1px solid var(--bright_aqua);
  gap: 10px;
}
.theme-V .v-o-button__secondary--blue:hover {
  background-color: var(--bright_aqua);
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__secondary--blue:active {
  background-color: var(--bright_aqua);
  color: var(--white);
  border: none;
}
.theme-V .v-o-button__secondary--blue:focus, .theme-V .v-o-button__secondary--blue:focus-visible {
  background-color: var(--bright_aqua);
  color: var(--white);
  outline: none;
  border: 2px solid var(--black);
  -webkit-box-shadow: 0px 2px 6px px;
  box-shadow: 0px 2px 6px px;
}
.theme-V .v-o-button__secondary--blue--disabled, .theme-V .v-o-button__secondary--blue:disabled {
  background-color: var(--gray);
  color: var(--black);
  border: 1px solid var(--black);
  gap: 10px;
  cursor: not-allowed;
}
.theme-V .v-o-button__icon-size-8 i {
  font-size: 8px;
}
.theme-V .v-o-button__icon-size-9 i {
  font-size: 9px;
}
.theme-V .v-o-button__icon-size-10 i {
  font-size: 10px;
}
.theme-V .v-o-button__icon-size-11 i {
  font-size: 11px;
}
.theme-V .v-o-button__icon-size-12 i {
  font-size: 12px;
}
.theme-V .v-o-button__icon-size-13 i {
  font-size: 13px;
}
.theme-V .v-o-button__icon-size-14 i {
  font-size: 14px;
}
.theme-V .v-o-button__icon-size-15 i {
  font-size: 15px;
}
.theme-V .v-o-button__icon-size-16 i {
  font-size: 16px;
}
.theme-V .v-o-button__icon-size-17 i {
  font-size: 17px;
}
.theme-V .v-o-button__icon-size-18 i {
  font-size: 18px;
}
.theme-V .v-o-button__icon-size-19 i {
  font-size: 19px;
}
.theme-V .v-o-button__icon-size-20 i {
  font-size: 20px;
}
.theme-V .v-o-button__icon-size-21 i {
  font-size: 21px;
}
.theme-V .v-o-button__icon-size-22 i {
  font-size: 22px;
}
.theme-V .v-o-button__icon-size-23 i {
  font-size: 23px;
}
.theme-V .v-o-button__icon-size-24 i {
  font-size: 24px;
}

.theme-V .v-o-pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.theme-V .v-o-pagination .pagination li {
  padding: 0;
}
.theme-V .v-o-pagination .pagination li::before {
  display: none;
}
.theme-V .v-o-pagination .pagination .pagination-item {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.theme-V .v-o-pagination .pagination .pagination-item .page-link {
  color: var(--dark_violet_blue);
  width: 35px;
  height: 35px;
  font-size: 1rem;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.theme-V .v-o-pagination .pagination .pagination-item .page-link:focus {
  border-radius: 50%;
}
.theme-V .v-o-pagination .pagination .pagination-item:hover {
  background-color: var(--gray);
}
.theme-V .v-o-pagination .pagination .pagination-item:focus {
  background-color: var(--dark_violet_blue);
}
.theme-V .v-o-pagination .pagination .pagination-item:focus .page-link {
  color: var(--white);
}
.theme-V .v-o-pagination .pagination .active {
  background-color: var(--dark_violet_blue);
}
.theme-V .v-o-pagination .pagination .active .page-link {
  color: var(--white);
}
.theme-V .v-o-pagination .pagination .pagination-item-first .page-link, .theme-V .v-o-pagination .pagination .pagination-item-previous .page-link, .theme-V .v-o-pagination .pagination .pagination-item-next .page-link, .theme-V .v-o-pagination .pagination .pagination-item-last .page-link {
  width: 32.5px;
  height: 32.5px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.theme-V .v-o-pagination .pagination .pagination-item-first .page-link svg, .theme-V .v-o-pagination .pagination .pagination-item-previous .page-link svg, .theme-V .v-o-pagination .pagination .pagination-item-next .page-link svg, .theme-V .v-o-pagination .pagination .pagination-item-last .page-link svg {
  fill: var(--dark_violet_blue);
}
.theme-V .v-o-pagination .pagination .pagination-item-first .page-link:hover svg, .theme-V .v-o-pagination .pagination .pagination-item-previous .page-link:hover svg, .theme-V .v-o-pagination .pagination .pagination-item-next .page-link:hover svg, .theme-V .v-o-pagination .pagination .pagination-item-last .page-link:hover svg {
  fill: var(--primary_blue_strong);
}
.theme-V .v-o-pagination .pagination .pagination-item-first .page-link:focus svg, .theme-V .v-o-pagination .pagination .pagination-item-previous .page-link:focus svg, .theme-V .v-o-pagination .pagination .pagination-item-next .page-link:focus svg, .theme-V .v-o-pagination .pagination .pagination-item-last .page-link:focus svg {
  fill: var(--primary_blue_strong);
}
.theme-V .v-o-pagination--white-variation .pagination .pagination-item .page-link {
  color: var(--white);
}
.theme-V .v-o-pagination--white-variation .pagination .pagination-item:hover {
  background-color: var(--gray);
}
.theme-V .v-o-pagination--white-variation .pagination .pagination-item:hover a {
  color: var(--dark_violet_blue);
}
.theme-V .v-o-pagination--white-variation .pagination .pagination-item:focus .page-link {
  color: var(--dark_violet_blue) !important;
}
.theme-V .v-o-pagination--white-variation .pagination .active {
  background-color: var(--white);
}
.theme-V .v-o-pagination--white-variation .pagination .active .page-link {
  color: var(--dark_violet_blue);
}
.theme-V .v-o-pagination--white-variation .pagination .pagination-item-first .page-link svg, .theme-V .v-o-pagination--white-variation .pagination .pagination-item-previous .page-link svg, .theme-V .v-o-pagination--white-variation .pagination .pagination-item-next .page-link svg, .theme-V .v-o-pagination--white-variation .pagination .pagination-item-last .page-link svg {
  fill: var(--white);
}
.theme-V .v-o-pagination--white-variation .pagination .pagination-item-first .page-link:hover svg, .theme-V .v-o-pagination--white-variation .pagination .pagination-item-previous .page-link:hover svg, .theme-V .v-o-pagination--white-variation .pagination .pagination-item-next .page-link:hover svg, .theme-V .v-o-pagination--white-variation .pagination .pagination-item-last .page-link:hover svg {
  fill: var(--white);
}
.theme-V .v-o-pagination--white-variation .pagination .pagination-item-first .page-link:focus svg, .theme-V .v-o-pagination--white-variation .pagination .pagination-item-previous .page-link:focus svg, .theme-V .v-o-pagination--white-variation .pagination .pagination-item-next .page-link:focus svg, .theme-V .v-o-pagination--white-variation .pagination .pagination-item-last .page-link:focus svg {
  fill: var(--white);
}

.theme-V .owl-dots {
  background-color: rgba(0, 0, 0, 0.27);
  height: 100%;
  width: 100%;
  min-height: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 26px auto 0;
  overflow: hidden;
  border-radius: 50px;
  display: flex;
  gap: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
.theme-V .owl-dots button.owl-dot {
  width: 17px;
  height: 17px;
  border-radius: 50px;
  background-color: #FFFFFF;
}
.theme-V .owl-dots button.owl-dot.active {
  background-color: #300C68;
}
.theme-V .owl-dots button.owl-dot:focus {
  outline: none;
}

.theme-V .v-c-ejemplo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.theme-V .v-c-ejemplo__container {
  width: 350px;
  min-height: 360px;
  padding: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40%;
  border: 2px solid var(--primary_green_soft);
}
@media (min-width: calc(1024px + 1px)) {
  .theme-V .v-c-ejemplo__container {
    border-radius: 16px;
    border: none;
  }
}
.theme-V .v-c-ejemplo__information-txt {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.theme-V .v-c-ejemplo__information-txt p {
  text-align: justify;
}