.bx-wrapper {
	border:none;
  margin-bottom: 0;
}
.site-branding {
  padding: 0 0 0 20px;
}
.site-branding img {
  width: auto;
  height: 200px;
  transition: all 0.3s ease;
}
header.fixed-header .site-branding img {
  width: auto;
  height: 100px;
}
.fixed-header .wraperLogo img {
  width: 260px;
  height: auto;
}
.fixed-header nav.mainMenu {
  margin: 40px 0 0 0;
}
.cabecera {
  background-color: var(--azulprincipal);
  padding: 10px 10px;
}
.scrollbar-bg-white {
  background-color: var(--azulprincipal);
}

.pdl-20 { padding-left:20px }
.pdl-30 { padding-left:30px }
.pdl-40 { padding-left: 40px; }

.pdr-20 { padding-right:20px }
.pdr-30 { padding-right:30px }
.pdr-40 { padding-right: 40px; }

.pdb-20 { padding-bottom:20px; }
.pdb-30 { padding-bottom:30px; }
.pdb-40 { padding-bottom:40px; }
.pdb-100 { padding-bottom:100px; }
.pdb-150 { padding-bottom:150px; }

.pdt-10 { padding-top: 10px; }
.pdt-20 { padding-top: 20px; }
.pdt-30 { padding-top: 30px; }
.pdt-40 { padding-top: 40px; }
.pdt-50 { padding-top: 50px; }
.pdt-100 { padding-top: 100px; }
.pdt-150 { padding-top: 150px; }

.mgl-10 { margin-left:10px }
.mgl-12 { margin-left:25px }
.mgl-20 { margin-left:20px }
.mgl-40 { margin-left:40px }
.mgl-45 { margin-left:45px }

.mgt-10 { margin-top:10px !important; }
.mgt-15 { margin-top:15px !important; }
.mgt-20 { margin-top:20px !important; }
.mgt-30 { margin-top:30px !important; }
.mgt-40 { margin-top:40px !important; }
.mgt-50 { margin-top:50px !important; }
.mgt-60 { margin-top:60px !important; }
.mgt-70 { margin-top:70px !important; }
.mgt-80 { margin-top:80px !important; }
.mgt-90 { margin-top:90px !important; }
.mgt-100 { margin-top:100px !important; }

.mgb-10 { margin-bottom:10px }
.mgb-20 { margin-bottom:20px }
.mgb-30 { margin-bottom:30px }
.mgb-100 { margin-bottom:100px }

.oculta { display:none; }

.fontTitulos {
  font-family: Georgia,Times,Times New Roman,serif !important;
}
.ingreso::before {
  display: block;
  position: absolute;
  top: 10px;
  left: -25px;
  width: 1px;
  height: 65%;
  background: rgba(255,255,255,.1);
  content: '';
}
.imagenResponsive img {
  width: 100%;
  height: auto;
}
.header_main {
  background-color: #fff !important;
}
#site-header-menu {
}
.top_bar_1 {
  text-align: center;
  color: #465374;
  font-size: var(--tamagnoletra);
}
.top_bar_contact_item i {
  font-weight: 700;
  margin: 0 10px;
}
.datosheader {

}
.datosheader ul {
  list-style: none;
  padding: 0;
  margin: 15px 30px 0 0px;
}
.datosheader ul li {
  float: left;
  color: var(--azul);
  font-size: 1rem;
  margin-right: 25px;
  font-weight: 500;
}
.datosheader ul li a {
  color: var(--azul);
  font-size: 1rem;
  text-decoration: none;
  font-weight: 600;
}
.enlacesheader ul {
  list-style: none;
  padding: 0;
  margin: 15px 0 0 20px;
}
.enlacesheader ul li {
  float: left;
  color: #fff;
  background-color: var(--azul);
  font-size: 1rem;
  margin-right: 25px;
  font-weight: 500;
  border: 3px solid #fff;
}
.enlacesheader ul li a {
  color: #fff;
  background-color: var(--azul);
  padding: 5px 20px;
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid var(--azul);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.frases {
  padding: 45px 0 0 0;
  font-size: 30px;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-align: center;
}
.frases h2 {
  font-size: 50px;
  font-weight: 800;
  font-family: Arial, Helvetica, sans-serif;
}
.stickable-header .frases {
  padding: 20px 0 0 0; 
}
.h_der {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.h_der_1 {
  width: 70%;
  text-align: right;
  padding: 10px 30px 0 0;
  font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;
}
.h_der_2 {
  width: 30%;
  text-align: left;
}
#search_block_top .btn.button-search {
  color: var(--azul);
}
.header_search_content input {
  border: none;
  background-color: #d8d8d8;
  padding: 2px 15px;
  border-radius: 20px;
  font-size: 14px;
}
.header_bottom {
  height: 50px;
  width: 100%;
  background-color: var(--azul);
  border-bottom: 0px solid var(--azul);
}

nav.mainMenu {
  margin: 80px 0 0 0;
  transition: all 0.3s ease;
}
nav.mainMenu ul {
  padding: 0px;
  margin: 0px;
}
nav.mainMenu ul li {
  float: left;
  position: relative;
}
nav.mainMenu ul li.tieneSubmenu:hover ul.submenu {
  display: block;
}
nav.mainMenu ul li a {
  font-size: 1rem;
  font-weight: 400;
  padding: 9px 19px;
  color: #fff;
  text-decoration: none;
}
ul.submenu {
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 100;
    background-color: #fff;
    width: 350px;
    padding: 10px 10px 40px 10px;
    margin: 0;
    list-style: none;
    display: none;
    transition: all 0.5s ease;
}
ul.submenu li a {
  color: #2f5597 !important;
  font-size: 14px !important;
  text-decoration: none;
  padding: 2px 0 2px 10px;
  font-weight: 700 !important;
}
ul.submenu li.ultimo {
  font-size: 25px !important;
  height: 25px !important;
}
.wraperCabeceraDerecha {
  display: flex; /* Esto hace que los elementos hijos se alineen en una fila */
  justify-content: flex-start; /* Alinea los elementos hijos a la izquierda */
  align-items: center; /* Centra los elementos hijos verticalmente */
  height: 100%;
}
.banderas {
  transition: all 0.3s ease;
  margin-right: 20px;
}
.banderas ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.banderas ul li {
  float: left;
  margin-right: 10px;
}
.banderas ul li a {
  text-decoration: none;
}
.iconos ul li {
  float: left;
  margin-left: 20px;
}
.iconos ul li a {
  font-size: 15px;
  color: #fff;
  display: block;
  padding: 3px 20px;
  background-color: #d64228;
  text-decoration: none;
  border-radius: 20px;
}
a.glink {
  text-decoration: none;
  margin-right: 5px;
}
a.glink img {
  width: 40px;
  height: auto;
}
.account_text a {
  color: #000;
}
.account_icon {
  color: #000;
}
.cat_icon {
  background-color: #24498f;
  color: #fff !important;
}
.cart_icon i {
  color: #000;
}
.account_content span {
  display: block;
  font-size: 11px;
}
.account_content a.numero {
  font-size: 20px;
  font-weight: 700;
}
.cart_price {
  color: #24498f;
}
.cart_count {
  background-color: #24498f;
  color: #fff !important;
}
#site-header-menu #site-navigation .menu ul li.active > a {
  color: #24498f;
}
.action-button {
  background-color: var(--azul);
}
section.cajas {
  position: relative;
  padding: 0 0;
  margin: 20px 0 50px 0;
}
section.cajas2 {
  position: relative;
  padding: 0 0;
  padding: 50px 0 10px 0;
  background-color: #fff;
}
.divCaja img {
  width: 100%;
  height: auto;
}
section.row-top-section {
  padding: 0 0;
  margin-top: 30px;
}

section.caracteristicas {
  position: relative;
  padding: 0 0;
  margin: 20px 0;  
}
.item-inner {
    display: inline-block; 
}
.item-inner .icon {
    width: 60px;
    height: 52px;
    float: left;
    margin-right: 10px; 
}
.item-inner .icon.icon1 {
  background: url(../images/icons/policy-1.png) no-repeat center center; }
.item-inner .icon.icon2 {
  background: url(../images/icons/policy-2.png) no-repeat center center; }
.item-inner .icon.icon3 {
  background: url(../images/icons/policy-3.png) no-repeat center center; }
.item-inner .icon.icon4 {
  background: url(../images/icons/policy-4.png) no-repeat center center; }
.item-inner .icon.icon5 {
  background: url(../images/icons/policy-5.png) no-repeat center center; }
.item-inner .content {
  float: left;
  text-align: left;
  margin-top: 6px; 
  width: calc(100% - 70px);
}
.item-inner .content a {
  color: #333;
  font-weight: 700;
  font-size: var(--tamagnoletra);
}
.item-inner .content a:hover {
  color: #24498f; 
}
.item-inner .content p {
  line-height: 20px;
  margin-top: 5px;
  margin: 0;
  text-transform: capitalize; 
}
.icon.icon1 {
  background-position: -9px -9px; }
.icon.icon2 {
  background-position: -9px -219px; }
.icon.icon3 {
  background-position: -9px -429px; }
.icon.icon4 {
  background-position: -9px -639px; }

footer {
  background-color: #0e3889;
}
.footer-logo img {
	width: 100%;
	height: auto;
}
.footer .social-icons li > a {
  color: #fff;
}
.footer-logo {
  text-align: center;
  padding: 0 0 20px 0;
}
.footer-logo img {
  width: auto;
  height: 150px;
}
footer h4 {
  font-size: var(--tamagnoletra);
}
.listaFooter ul {
  list-style: inside;
}
.listaFooter ul li {
  margin-bottom: 30px;
}
.listaFooter2 ul {
  list-style: inside;
}
.listaFooter2 ul li {
  margin-bottom: 10px !important;
  padding: 0 !important;
}
.widget .widget-title::after {
  background-color: #fff;
}
.menu-footer-quick-links p {
  color: #fff;
}
.ttm-btn-style-fill.ttm-btn-color-skincolor {
  background: linear-gradient(90deg, rgba(100,106,170,1), rgba(124,184,184,1));
}
a.link-mas-footer {
  color: var(--rojo);
  font-weight: 700;
  font-size: 1.1rem;
}
.peq {
	font-size: 11px;
	line-height: 12px;
	color: #fff;
}
.peqNegro {
  font-size: 12px;
  line-height: 20px;
  color: #000;
}
.featured-imagebox-post .ttm-box-post-date {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 70px;
}
.texto_stock {
  font-size: var(--tamagnoletra);
  font-weight: 700;
  color: #f00;
  line-height: 30px;
}
#registroForm .form-group i {
  position: absolute;
  left: 14px;
  top: 13px;
  opacity: .9;
  z-index: 1;
}
#registroForm .form-group {
  display: block;
  font-size: 13px;
  line-height: 14px;
  position: relative;
  margin-bottom: 20px;
}
#registroForm .form-group input {
  font-size: 13px;
  line-height: 14px;
  padding: 12px 15px;
    padding-left: 15px;
  position: relative;
  padding-left: 35px;
  margin-right: 0;
}
#rc-imageselect, .g-recaptcha {
  transform:scale(1);
  -webkit-transform:scale(1);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
}
.centrado {
  text-align: center !important;
}
.rc-anchor-normal {
  height: 74px;
  width: 99%;
}
table.cart_table tr.filaTotal {
  background-color: #f6f9ff;
  border: 1px solid rgba(0,0,0,.1);
  font-weight: 700;
  color: #000;
  font-size: var(--tamagnoletra);
}
.btn-amarillo {
  background-color: #ffd200;
}
.checkout-section {
  padding: 0 0 90px 0 !important;
}
.textoEstado {
  padding: 20px 0;
  font-size: var(--tamagnoletra);
  line-height: var(--tamagnolinea);
}
.justificado {
  text-align: justify;
}
#formVoucher label {
  font-size: var(--tamagnoletra);
  font-weight: 700;
  color: #000;
}
.h3_limite { 
  font-size: 28px;
  color:#f00;
  font-weight: 700; 
  width: 100%;
  padding: 0 0 15px 0;
  text-align: center;
  line-height: 35px;
}
.h3_limite span {
  font-size: 14x !important;
  line-height: 18px;
}

.divContador {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.countdown-container {
    padding: 20px;
    background-color: #222222;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 20px;
    width:150px;
}

.countdown-container .number {
    font-size: 32px;
    text-align: center;
    padding-top: 20px;
    color: #FFFFFF;
    background-color: #000000;
    height: 60px;
}

.countdown-container .concept {
    font-size: var(--tamagnoletra);
    text-align: center;
    color: #fff;
    padding-top: 10px;
}
.oculto { display:none; }
.social-tiktok {
  margin-top: 5px;
}
.social-tiktok svg {
  scale: 0.5;
}
.footer .social-icons li.social-tiktok > a {
  display: block;
  text-align: center;
  width: 33px;
  height: 35px;
  border-radius: 50%;
  line-height: 35px;
  font-size: 13px;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.testimonio {
    background-color: #007bff;
    width: 31%;
    height: 500px;
    margin: 0 1%;
    border-radius: 15px;
}
.testimonio_imagen {
  width: 100%;
}
.testimonio_imagen img {
  width: 100%;
  height: auto;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.testimonio_titulo {
  display: table;
  width: 100%;
  background-color: #fed1e6;
}
.testimonio_inner {
  display: table-cell;
  vertical-align: middle;
  font-size: var(--tamagnoletra);
  color: #000;
  text-align: center;
  height: 90px;
  width: 100%;
  padding: 10px 20px;
}
.enlaceVideo {
  width: 100%;
  padding: 20px 20px;
  text-align: center;
  font-size: var(--tamagnoletra);
  font-weight: 700;
  background-color: #eee;
  border-radius: 20px;
  margin-top: 20px;
  display: block;
  margin: 20px 0;
}
.divEnlaceWhatsapp {
  width: 100%;
  padding: 15px 10px 0 10px;
  text-align: center;
}
.divEnlaceWhatsapp a {
  background-color: #28AC06;
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: block;
  padding: 8px 10px;
  border-radius: 15px;
}
.divEnlaceWhatsapp a i {
  margin-right: 10px;
}
.divEnlaceProductos {
  width: 100%;
  padding: 15px 10px 0 10px;
  text-align: center;
}
.divEnlaceProductos a {
  background-color: #2457aa;
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: block;
  padding: 8px 10px;
  border-radius: 15px;  
}
.divEnlaceProductos a i {
  margin-right: 10px;
}
.color {
  width: 32%;
  margin: 5px 1% 5px 0;
  padding: 5x 5px;
  height: 40px;
  background-color: #f7f7f7;
  float: left;
}
.cuadradoColor {
  float: left;
  width: 50px;
  height: 40px;
}
.nombreColor {
  float: left;
  width: calc(100% - 50px);
  font-size: 14px;
  color: #000;
  font-weight: 500;
  line-height: 20px;
  height: 40px;
  padding: 5px 0 0 0;
}
h3.h3Producto {
  font-size: var(--tamagnoletra);
}
.bordeado {
  border: 1px solid #333 !important;
}
.celdaCabecera {
    background-color: #01ABE3;
    color: #fff;
    padding: 10px 10px 10px 20px;
    font-size: var(--tamagnoletra);
    border:1x solid #fff;
}
.celdaCabeceraCel {
    background-color: #01ABE3;
    color: #fff;
    padding: 5px 5px 5px 5px;
    font-size: 13px;
    border:1x solid #fff;
}
tr.cart_item {
  border-bottom: 1px solid #ccc;
}
.datoCel {
  font-size: 11px;
}
.celdaLabel {
    background-color: #697072;
    color: #fff;
    padding: 5px 10px 5px 10px;
    font-size: 14px;  
    border:2x solid #fff;
}
.celdaDato {
    background-color: #fff;
    color: #333;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    border:2x solid #fff;
}
img.img150 {
  width: 150px;
  height: auto;
}
.cabecera, .pie {
  width: 100%;
}
.pie img {
  width: 100%;
  height: auto;
}
.wraperLogo img {
  width: 400px;
  height: auto;
  transition: all 0.3s ease;
}
.wrap-datos{
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 50px 35px 25px;
    background: rgba(255, 255, 255, 0.97);
}
table.cart_table td {
  border-top: 1px solid rgba(0,0,0,.1);
  padding: 10px 5px 10px;
  vertical-align: top;
}
.badge-pendiente {
    font-size: 12px;
    background-color: #f00;
    color: #fff;
    border-radius: 10px;
    padding: 5px 5px;
}
.badge-verificado {
    font-size: 12px;
    background-color: #ff8000;
    color: #fff;
    border-radius: 10px;
    padding: 5px 5px;
} 
.badge-conforme {
    font-size: 12px;
    background-color: #ffff00;
    color: #000;
    border-radius: 10px;
    padding: 5px 5px;  
}
.badge-pagado {
    font-size: 12px;
    background-color: #008F39;
    color: #fff;
    border-radius: 10px;
    padding: 5px 5px;    
}
.badge-entregado {
    font-size: 12px;
    background-color: #3b83bd;
    color: #fff;
    border-radius: 10px;
    padding: 5px 5px;     
}
.ttm-bgcolor-darkgrey > .ttm-bg-layer, {
  background-color: #24498f !important;
}
section.msgBienvenida {
  padding: 60px 0;
  background-color: #f7f7f7;
}
section.msgBienvenida h1 {
  font-size: 44px;
}
.mensaje_bienvenida {
  margin: 5px 0;
  color: #000 !important;
  font-size: 1.4rem;
  line-height: 2.2rem;
  padding: 10px 0px;
  text-align: justify;
}
.section-title .title-header::after {
  background-color: #24498f;
}
ul.menu-vertical {
  margin-top: 10px;
}
.precio-normal { 
    font-size: var(--tamagnoletra);
    color: #666;
    text-decoration: line-through;
}
.div_variedasdes {
  background-color: #eee;
  padding: 10px 20px;
  margin: 0 0 10px 0;
}
.precioNormal {
  display: block;
}
.ttm-textcolor-highlight {
  color: #000 !important;
}
/*************** WHASTAPP ****************/
.fono {
  position: fixed;
  left: 0px;
  bottom: 20px;
  width: 225px;
  height: 60px;
  background-color: #25D366;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  padding: 3px 5px 5px 10px;
  color: #fff;
  display: block;
  z-index: 10;
}
.fono .iconoFono {
  float: left;
  width: 35px;
}
.fono .iconoFono img {
  width: 90%;
  height: auto;
}
.fono .numeroFono {
  
  color: #fff;
  font-weight: 700;
  float: left;
  width: 150px;
  padding-top: 3px;
}
.fono .numeroFono span {
  font-size: 14px;
  line-height: 16px;
}
.fono .numeroFono a {
  color: #fff;
  text-decoration: none;
  font-size: 25px;
  line-height: 27px;
}
.page-title-heading h1 {
  color: #fff;
}
.page-title-heading .subtitulo {
  color: #fff;
  font-size: var(--tamagnoletra);
  padding: 20px 0 0 0;
}
.ttm-bgcolor-skincolor > .ttm-bg-layer {
  background-color: #24498f;
  color: #000 !important;
}
.ttm-bgcolor-skincolor h4 {
  color: #000;
}
ul.ttm_contact_widget_wrapper li, .ttm-textcolor-highlight, .ttm-bgcolor-skincolor a {
  color: #fff !important;
}
ul.ttm_contact_widget_wrapper li a {
  color: #fff;
}
.social-icons.circle li > a {
  line-height: 35px;
  text-align: center;
  font-size: 24px;
}
.social-icons {
  list-style: none;
  font-size: 15px;
}
.social-icons.circle li > a {
  border: 1px solid;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  background-color: #fff;
  font-size: 24px;
  border-radius: 50%;
}
.nombreCategoria {
  width: 100%;
  height: 50px;
  display: table;
  background-color: #eee;
}
.innerNombreCategoria {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: var(--tamagnoletra);
  font-weight: 500;
}
.innerNombreCategoria a {
  text-decoration: none;
  color: #000;
}
section.cart-section {
  padding:40px 0 50px 0;
}
.textoIngreso {
  font-size: var(--tamagnoletra);
  color: #000;
  line-height: 27px;
}
.textoIngreso p {
  text-align: justify;
}
.btn-primary {
  background-color: var(--azul);
  border: 1px solid var(--azul);
  color: #fff !important;
}
.btn-primary:hover {
  background-color: #000;
}
/******************* PANTALLA DE PAGO *****************/
.marcoPago {
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 5px #ccc;
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.marcoPago h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
.bgGris {
  background-color: #eee;
}
.pago-page {
  padding-top: 50px;
  padding-bottom: 140px;
}
.wraperIzipay {
  background-color: #e1efd8;
  padding: 30px 35px;
  border-radius: 20px;
}
.marcoFormEnlace {
    padding: 20px 30px;
    color: #004085;
    background-color: #cce5ff;
    border: 1px solid #b8daff;
    border-radius: 5px;
    margin: 0 auto;
    width: 330px;
}
.tituloIzipay {
  padding: 6px 10px;
  background-color: #385623;
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin: 0 auto;
}
h2.tituloAzulPago {
    font-size: 24px;
    font-weight: 700;
    color: #004085;
}
.divPago {
  color: #000 !important;
  font-size: 14px;
  line-height: 18px;
  padding: 0 20px;
}
.divPago ul {
  list-style: none;
  padding: 0 10px;
  margin: 0;
}
.divPago ul li {
  float: left;
  margin:0 15px 20px 0;
}
.sello img {
    width: 100%;
    height: auto;
}
.celdaPago {
  font-size: 12px;
}
.filaTotal2 {
  background-color: ##F6F9FF;
  font-size: 14px;
  font-weight: 700;
  color: #333 !important;
}
.filaTotal3 {
  background-color: #292C7E;
  font-size: 14px;
  font-weight: 700;
  color: #fff !important;
}
.footer .widget {
  padding-bottom: 0 !important;
}
.footer .widget ul.widget_info_text > li i {
  color: #00d4a2;
}

section.history-section {
  padding-bottom: 10px;
}
section.mision {
  padding: 0 50px 100px 50px;
}
.tarjeta {
  padding: 0 30px;
}
.iconoNosotros {
  text-align: center;
}
.iconoNosotros img {
  width: 50%;
  height: auto;
}
.tituloNosotros {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
.textoNosotros {
  padding: 0 20px;
  text-align: justify;
  font-size: var(--tamagnoletra);
  line-height: 24px;
}
.contenido h2 {
  font-size: 20px !important;
  padding: 20 0 0 0;
  margin-top: 20px;
}
.contenido p {
  text-align: justify;
}
section.section-entregas {
  padding: 30px 0 150px 0;
}
.bg-gris {
  background-color: #eee;
}
#totop.top-visible {
  background-color: var(--rojo);
  color: #fff;
}

/*********************** FOTOS DETALLE PRODUCTO *********************/
.thumbnailsVertical {
    float: left;
    width: 80px;
    margin-right: 20px;
}
.thumbnailsVertical ul.thumb-vertical {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 80px;
}
.thumbnailsVertical ul li {
  cursor: pointer;
  margin-bottom: 3px;
}
.thumbnailsVertical ul li img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}
.thumbnailsVertical ul li img:hover {
  border: 1px solid #000;
}
.botonAnterior {
  width: 80px;
  height: 26px;
  color: #000;
  background-color: #eee;
  text-align: center;
  padding: 0px 0 0 0;
  font-size: var(--tamagnoletra);
  cursor: pointer;
  margin-bottom: 5px;
}
.botonSiguiente {
  width: 80px;
  height: 26px;
  color: #000;
  background-color: #eee;
  text-align: center;
  padding: 0px 0 0 0;
  font-size: var(--tamagnoletra);
  margin-top: 0px;
  cursor: pointer;
}
.fotosProdGrandes {
  float: left;
  width: calc(100% - 100px);
  background-color: #fff;
  overflow: hidden;
}
.fotosProdGrandes img {
  width: 100%;
  height: auto;
}
.anterior {
  float: right;
  margin-right: 20px;
  font-size: 20px;
  color: #666;
}
.siguiente {
  float: right;
  margin-right: 0px;
  font-size: 20px;
  color: #666;
}
.anterior a, .siguiente a {
  color: #666;
  text-decoration: none;
}
ul.fotos-horizontal li a {
  cursor: crosshair;
}
h3.h3DP {
  font-size: var(--tamagnoletra);
  font-weight: 700;
  color: #333;
  padding: 10px 20px 10px 20px;
  background-color: #eee;
  width: 100%;
  margin: 20px 0 0 0;  
}
.txtDP {
  background-color: #f7f7f7;
  padding: 20px 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;  
  margin: 0 0 20px 0;
}
.precioFinal {
  font-size: 30px;
  color: #f00;
  line-height: 50px;
  margin-bottom: 20px;
}
.divIso {
  padding: 20px;
}
.picIso {
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.picIso img {
  width: 100%;
  height: auto;
  transition: all 1s;
  border-radius: 20px;
}
.divIso:hover .picIso img {
  transform: scale(1.2);
}

.slick-slide {
  margin: 0 10px;
}
.divCapacitacion {
  position: relative;
  padding: 0px;
  border-radius: 20px;
  background-color: var(--azul);
  margin: 0 0px 20px 0;
  min-height: 540px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.divCapacitacionCelular {
  position: relative;
  padding: 0px;
  border-radius: 20px;
  background-color: var(--azul);
  margin: 0 0px 20px 0;
  min-height: 580px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.divCapacitacionIngles {
  position: relative;
  padding: 0px;
  border-radius: 20px;
  background-color: var(--azul);
  margin: 0 0px 20px 0;
  min-height: 603px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.divCapacitacionItaliano {
  position: relative;
  padding: 0px;
  border-radius: 20px;
  background-color: var(--azul);
  margin: 0 0px 20px 0;
  min-height: 602px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;  
}
.divEspecialidad {
  position: relative;
  padding: 0px;
  border-radius: 20px;
  background-color: #666;
  margin: 0 10px;
  min-height: 780px;  
}
.divEspecialidadIngles {
  position: relative;
  padding: 0px;
  border-radius: 20px;
  background-color: #666;
  margin: 0 10px;
  min-height: 750px;  
}
.picCapacitacion {
  overflow: hidden;
  position: relative;
  border-radius: 0px;
}
.picCapacitacion img {
  width: 100%;
  height: auto;
  transition: all 1s;
  border-radius: 20px 20px 0 0;
}
.picEspecialidad img {
  width: 100%;
  height: auto;
  transition: all 1s;
  border-radius: 0;
}
.textoEspecialidad {
  padding: 20px 30px;
}
.datosCapacitacion {
  padding: 10px 20px 10px 20px;
  min-height: 370px;
}
.datosCapacitacion2 {
  padding: 10px 20px 10px 20px;
  min-height: 250px;
}
.datosCapacitacion h3, .datosCapacitacion2 h3  {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
}
.datosCapacitacion p, .datosCapacitacion2 p {
  color: #fff;
  font-size: 0.9rem;
  text-align: justify;
}
.tituloCapacitacionHome  {
  width: 100%;
  text-align: left;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 20px 10px 20px;
}
.sumillaCapacitacionHome {
  width: 100%;
  min-height: 240px;
  color: #fff;
  font-size: 12px;
  line-height: 21px;
  text-align: justify;
  padding: 0px 20px 10px 20px;
}
.tituloEspecialidadHome {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 10px 0 0 0;
}
.sumillaEspecialidadHome {
  width: 100%;
  min-height: 290px;
  color: #fff;
  font-size: 14px;
  text-align: justify;
  line-height: 22px;
}
.flecha-blanca {
  text-align: right;
}
.flecha {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  font-size: 30px;
  color: #fff;
  padding: 10px 20px;
  height: 70px;
  text-align: left;
}
.flechaEspecialidad {
  width: 100%;
  position: absolute;
  height: 65px;
  text-align: right;
  left: 0;
  bottom: 0px;
  padding:10px 30px 10px 0;
  color: #fff;
  background-color: #777;
  border-radius:0 0 20px 20px;
}
.flechaEspecialidad a {
  color: #fff;
  font-size: 40px;
}
.flecha a {
  color: #fff;
  padding: 7px 10px;
}
.flecha a svg {
  fill: #fff;
  width: 50px;
  height: 50px;
}
.flecha-verde a {
  color: var(--rojo);
  padding: 7px 10px;
  border-radius: 5px;
  border: 3px solid var(--rojo);
}
.verde {
  background-color: var(--rojo);
}
.ladrillo {
  background-color: var(--ladrillo);
}
.azul {
  background-color: var(--azul);
}
.divTxtWelcome {
  padding: 20px 40px;
}
.divTxtWelcome h1 {
  font-size: 2rem;
  font-weight: 800;
  color: var(--titulos);
}
.divTxtWelcome span {
  font-size: 1.2rem;
  font-weight: 400;
  color: #4d4d4d;
}

.tituloSection {
  width: 100%;
  text-align: left;
}
.tituloSection h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  color: var(--azulprincipal);
  padding:0px 0;
  margin: 0;
  z-index: 1;
  position: relative;
}
.tituloSection h2 span {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--titulos);
  padding:10px 0 2px 0;
  margin: 0;
  z-index: 1;
  position: relative;  
  border-bottom: 5px solid var(--rojo);
}
.tituloSection span {
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  color: var(--ladrillo);
}
.btn-ladrillo {
  background-color: var(--ladrillo);
  border-radius: 15px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  padding: 5px 20px;
  margin: 10px 0 0 0;
}
.btn-azul {
  background-color: var(--azulprincipal);
  border-radius: 15px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  padding: 5px 20px;
  margin: 10px 0 0 0;  
}
.btn-azul:hover {
  color: #fff;
}

.tituloHome {
  width: 46%;
  margin: 0 auto;
  text-align: center;
  background-color: var(--azulprincipal);
  padding: 10px 0;
}
.tituloHome h2 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 700;
  color: #fff;
}
.tituloHome span {
  font-size: 1.2rem;
  font-weight: 400;
  color: #fff;
}
.imagen-mba-home {
  padding: 20px 20px;
  border-radius: 20px;
  background-color: #8497b0;
  margin-top: 10px;
}
.imagen-mba-home img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.div-sumilla-mba-home {
  padding: 10px 15px;
  color: #fff;
  border-radius: 0px;
}
.titulo-mba-home {
  color: var(--rojo);
  font-size: 22px;
  line-height: 25px;
  font-weight: 500;
  text-align: center;
  background-color: #e7e6e6;
  padding: 10px 0;
}
.titulo-mba-home span {
  color: var(--azulprincipal);
  font-weight: 700;
  font-size: 27px;
  line-height: 30px;
}
.sumilla-mba-home {
  font-size: 14px;
  line-height: 28px;
  color: var(--azulprincipal);
  text-align: justify;
  padding: 20px 0 0 0;
}


.p_elegirnos {
  width: 100%;
  margin: 50px auto 0 auto;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2rem;
  color: #000;
  text-align: center;
}
.overlayIso {
  background: linear-gradient(0deg, rgba(0,0,0,0.45), rgba(0,0,0, 0.45) 60%, rgba(0,0,0,0.4));
  width: 100%;
  height: 100%;
  z-index: 10;
  left: 0;
  bottom: 0;
  position: absolute;
}
.datosIso {
  position: absolute;
  left: 0;
  top: 20%;
  z-index: 15;
  padding: 10px 10px 0 20px;
}
.datosIso h3 {
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  text-shadow: 1px 1px 5px #000;
}
.datosIso p {
  font-size: 1.1rem;
  color: #fff;
}

.acreditaciones {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.divAcreditacion {
  background-color: #fff;
  padding: 0px 0px;
  width: 25%;
  margin: 20px 30px;
  border-radius: 20px;
  border: 4px solid var(--rojo);
}
.divAcreditacion2 {
  background-color: #eaeaea;
  padding: 20px 30px;
  margin: 20px 30px;
  border-radius: 20px;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.6);  
}
.picAcreditacion {
  text-align: center;
}
.picAcreditacion img {
  width: 100%;
  height: auto;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.datosAcreditacion {
  padding: 20px 20px;
}
.datosAcreditacion h3 {
  text-align: left;
  font-size: 1.4rem;
  padding: 10px 0;
  color: var(--azul);
  font-weight: 700;
}
.datosAcreditacion p {
  font-size: 14px;
  text-align: justify;
  line-height: 20px;
}
.datosAcreditacion a {
  text-decoration: none;
  display: block;
  padding: 10px 0 1px 0;
  border-radius: 10px;
  color: var(--rojo);
  font-weight: 700;
  font-size: 1.2rem;
  text-align: left;
}
section.bg-eee {
  background-color: #eee;
  padding: 50px 0;
}
section.bg-fff {
  background-color: #fff;
  padding: 20px 0 50px 0;  
}
section.resultados {
  background-color: #fff;
  padding: 20px 0 250px 0;   
}
.imgWraper {

}
.imgWraper img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.imgWraper70 img {
  width: 70%;
  height: auto;
  border-radius: 20px;
}
.download {
  text-align: center;
}
.download img {
  max-width: 150px;
  height: auto;
}
.download a {
  font-size: 11px;
  line-height: 20px;
}

/******************* ISOS *****************/
.wraperImagenIso {
  text-align: center;
  width: 100%;
  padding: 20px 30px;
}
.wraperImagenIso img {
  width: 100%;
  height: auto;
}
section.sectionIso {
  padding: 50px 0 30px 0;
  background-color: #fff;
}
section.sectionIso2 {
  padding: 50px 0 100px 0;
  background-color: #eee;
}
.isoIzq h3 {
  font-size: 1.2rem;
}


/*********************** RESULTADOS DE BUSQUEDA *******************/
.resultados {
  padding: 20px 20px;
}
.resultados h2 {
  font-size: 20px;
  padding: 0 0 10px 0;
  margin: 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.resultados ol {
  list-style: none;
}
.resultados li {
  margin-bottom: 15px;
}
.resultados h3 {
  font-size: var(--tamagnoletra);
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.certificadoWraper {
  margin-top: 20px;
  background-color: #FFF;
  padding: 20px 20px;
  border-radius: 20px;
}
.menuIdiomas ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
}
.menuIdiomas ul li {
  margin-right: 20px;
}
.seccion-quejas {
  background-color: #fff;
  padding: 50px 0;
}

/*********************** PROCESOS CERTIFICACION **************************/
.lista_procesos {
}
.proceso {
  float: left;
  width: calc(20% - 20px);
  background-color: var(--azul);
  text-align: center;
  border-radius: 20px;
  color: #fff;
  margin: 10px 10px;
  padding: 30px 10px;
}
.proceso a {
  color: #fff;
}
.procesoIcono {
  padding: 20px 0;
}
.procesoIcono i {
  font-size: 3rem;
}
.procesoTitulo {
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0 10px;
  min-height: 80px;
}
.procesoLink {
  width: 70%;
  max-width: 135px;
  margin: 10px auto;  
  background-color: var(--rojo);
  color: #fff;
  font-size: 1rem;
  padding: 5px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
}
.proceso:hover {
  background-color: var(--rojo);
}
.proceso:hover .procesoLink {
  background-color: #fff;
  color: var(--rojo);
}
.textoSeccion {
  font-size: var(--tamagnoletra);
  font-weight: 400;
  line-height: var(--tamagnolinea);
  margin: 20px 0;
}
.textoSeccion p {
  text-align: justify;
}
.textoSeccion img {
  max-width: 100%;
  height: auto !important;
}
.textoSeccion h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 10px 0 10px 0;
}
.bgcurrent {
  background-color: var(--rojo);
}
.bg-azul {
  background-color: var(--azul);
  color: #fff;
  padding: 50px 40px 150px 40px;
}
.bg_azul h4 {
  color: #fff;
}

/******************** CERTIFICACION **********************/
.certificacion {
  width: 100%;
  margin: 0 0 30px 0;
  position: relative;
  border-radius: 20px;
}
.picCertificacion img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.tituloCertificacion {
  position: absolute;
  width: 100%;
  left: 0;
  top: 30%;
  padding: 10px 10px 10px 20px;
  z-index: 10;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.2rem;
  color: #fff;
}
.tituloCertificacion span {
  font-size: 1.1rem;
  line-height: 1.3rem;
}
.overlayCert {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  /*background: linear-gradient(180deg, rgba(255,255,255,0.3) 30%, rgba(0,0,0,0.9) 100%);*/
  z-index: 5;
}

.contenidoCertificacion h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #344451;
}
.barraAzul {
  width: 100%;
  padding: 15px 20px;
  background-color: var(--azul);
  color: #fff;
  font-size: 1.5rem;
}
/*
.accordion .card-header button:after {
    font-family: 'Font Awesome 5 Free'; 
    content: "\f105";
    float: right; 
}
.accordion .card-header button.collapsed:after {
    content: "\f106"; 
}
*/
.accordion .card-header button i {
  float: right;
  transition: all 0.2s ease;
  font-size: 1.5rem;
  color: var(--rojo);
}
.accordion .card-header button.collapsed i {
  transform: rotate(180deg);
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
  border-bottom: 1px solid #ccc;
}
.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #ebebeb;
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header a {
  text-decoration: none;
}
.btn-link {
  font-size: 1.2rem;
  font-weight: 400;
  color: #575759;
  text-decoration: none;
}
.btn-link:hover {
  text-decoration: none;
}

/********************* HOME ************************/
section.iconosHome {
  padding: 90px 0 120px 0;
  background-color: #D63825;
}
section.iconosHome .tituloSection h2 {
  color: #fff;
  font-weight: 500;
  font-size: 45px;
}
.iconoHome {
  padding: 0 30px;
}
.imgIconoHome {
  text-align: center;
}
.imgIconoHome img {

}
.fraseIcono {
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.numerIconoHome {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  padding: 5px 10px;
}
.txtIconoHome {
  color: #4d4d4d;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}

/******************** CAPACITACIONES **************************/
.picCurso {
  width: 100%;
  overflow: hidden;
}
.picCurso img {
  width: 100%;
  height: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 0.3s ease;
}
.curso:hover .picCurso img {
  transform: scale(1.2, 1.2);
  rotate: -3deg;
}
.curso:hover {
  box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.datosCurso {
  background-color: #fff;
  padding: 20px 20px;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;  
}
.nombreCurso {

}
.nombreCurso a {
  font-size: 1rem;
  font-weight: 700;
  color: var(--gristxt);
}
.datoCurso {
  font-size: 0.9rem;
  font-weight: 400;
  color: #000;  
  background-color: #fff;
}
h3.h3Capacitacion {
  font-size: 1.1rem;
  line-height: 1.5rem;
  color: var(--rojo);
  font-weight: 700;
  margin: 10px 0;
  padding: 0;
}
.datoCapacitacion {
  padding: 10px 10px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px #ccc;
}
.datoCapacitacion h4 {
  font-size: 0.8rem;
  text-align: center;
}
.datoCapacitacion p {
  font-size: 0.8rem;
  line-height: 1.2rem;
  text-align: center;
}
.wraperForm {
  padding: 20px 20px;
  background-color: #fff;
  box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.wraperForm H2 {
  font-size: 1.2rem;
  color: var(--rojo);
}
.wraperForm2 {
  padding: 20px 20px;
  background-color: #fff;
  width: 100%;
  margin: 0px auto 20px auto;
}
.wraperForm2 H2 {
  font-size: 1.2rem;
  color: var(--rojo);
}
select.form-control, textarea.form-control {
  background-color: #fff;
}
a.btn_brochure {
  padding: 7px 20px;
  background-color: #eee;
  border: 1px solid #ccc;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
}
a.btn_brochure:hover {
  background-color: #ccc;
}
a.btn_rojo {
  padding: 7px 20px;
  background-color: #eee;
  border: 1px solid var(--rojo);
  color: var(--rojo);
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;  
}
a.btn_brochure:hover {
  background-color: var(--rojo);
  color: #fff;
}

/************************ SEMINARIOS *************************/
.seminario {
  padding: 20px 20px;
  border: 4px solid var(--azul);
  margin-bottom: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: row;

}
.fechaSeminario {
  width: 10%;
  text-align: center;
  align-items: center;
  justify-content: center; 
  background-color: var(--rojo);
  font-size: 3rem; 
  line-height: 3.5rem;
  padding: 40px 0 60px 0;
  font-weight: 700;
}
.fechaSeminario span {
  font-size: 1.4rem;
  color: var(--azul);
  font-weight: 600;
  line-height: 2rem;
}
.datosSeminario {
  width: 75%;
  padding: 0 0 0 20px;
}
.datosSeminario h3 {
  margin: 0;
  padding: 0;
}
.datosSeminario i {
  font-size: 1.2rem;
  width: 1.6rem;
}
.fotoSeminario {
  width: 15%;
}
.linkSeminario {
  padding: 10px 0 0 0;
}
.linkSeminario a {
  padding: 5px 20px;
  background-color: var(--rojo);
  color: var(--azul);
  text-decoration: none;
  border: none;
  border-radius: 5px;
}


/************************ INSTRUCTORES *************************/
.instructor {
  padding: 0px 0px;
  border: 1px solid var(--azul);
  margin-bottom: 20px;
}
.cabeceraInstructor {
  width: 100%;
  padding: 10px 20px;
  background-color: #F3F3F3;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--azul);
}
.cuerpoInstructor {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: row;
  padding: 10px 10px;
}
.fotoInstructor {
  width: 15%;
  text-align: left;
  align-items: center;
  justify-content: center; 
  font-size: 3rem; 
  line-height: 3.5rem;
  padding: 5px 0 5px 0;
  font-weight: 700;
}
.fotoInstructor img {
  width: 90%;
  height: auto;
  margin: 0 auto;
}
.datosInstructor {
  width: 80%;
  padding: 0 0 0 20px;
}
.iconoInstructor {
  width: 10%;
  text-align: center;
  align-items: center;
  justify-content: center; 
  background-color: var(--rojo);
  font-size: 3rem; 
  line-height: 3.5rem;
  padding: 40px 0 50px 0;
  font-weight: 700;
}
.iconoInstructor i {
  font-size: 2rem;
  width: 1.6rem;
}


/********************* MENU CELULAR *********************/
.menuMovil {
  position: fixed;
  top: 0;
  left: -280px;
  width: 280px;
  height: 100%;
  background: #fff;
  z-index: 10010;
}
.logoCelular {
  width: 100%;
  text-align: center;
  padding: 20px 0 10px 0;
  margin-bottom: 30px;
  background-color: var(--azulprincipal);
}
.logoCelular img {
  width: auto;
  height: 100px;
}
.scrollbar {
  width: 280px !important;
}
.sidebar-menu .list {
  width: 100%;
}
#cerrar {
  position: absolute;
  top: 10px;
  right: 20px;
  color: var(--gristxt) !important;
  font-size: 2rem;
}
.bg-blanco { background-color: #fff; }
/*********************** POP UP ***********************/
.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
}
.modalHome {
  width: 800px;
  height: 500px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-left: calc(50% - 400px);
  margin-top: 50px;
  position: relative;
  padding: 0px 0px;
}
.modalHome img {
  width: 100%;
  height: auto;
}
.cerrar {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 30px;
  color: #000;
}
.cerrar a {
  color: #fff;
  font-size: 40px;
  text-decoration: none;
  font-weight: 400;
}
/***************** CABECERA RESPONSIVE *******************/
/***************** CABECERA RESPONSIVE *******************/
/***************** CABECERA RESPONSIVE *******************/
#headerResponsive {
  display: none;
}
.header_1 {
  display: flex;
  flex-direction: row;
  background-color: #ebebeb;
  padding: 10px 10px 5px 10px;
  align-items: center;
  justify-content: space-between;
}
.logo-header img {
  width: 200px;
  height: auto;
}
.banderas-header ul {
  list-style: none;
  padding: 0 0 0 0px;
}
.banderas-header ul li {
  float: left;
  margin-right: 13px;
}
.bars-menu {
  color: var(--azul);
  font-size: 1.8rem;
  padding: 0 20px 0 0;
}
.bars-menu a {
  color:var(--azul);
}
.bars-menu a:hover {
  color: var(--azul);
}
.header_2 {
  background-color: var(--azul);
  padding: 5px 10px 10px 10px;
}
.divBuscador {
  position: relative;
  width: 200px;
  margin: 0 10px;
  transition: all 0.3s ease;
}
.divBuscador_2 {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.button-search {
  position: absolute;
  right: 5px;
  top: 7px;
  transition: all 0.2s ease;
}



.header_search {
  padding: 0 !important;
  width: 100%;
}
.header_extra {
  padding: 0px 0;
}
.header_search .header_search_content {
  position: static;
  display: block;
  float: none;
  border-radius: 42px;
  padding: 0px 0px 0px;
  margin: 0 0px 0 0;
  overflow: hidden;
  background-color: #fff;
}
.search_query {
  background-color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 5px 15px !important;
  margin-top: 7px;
}


.menuMovil {
  position: fixed;
  top: 0;
  left: -280px;
  width: 280px;
  height: 100%;
  background: #fff;
  z-index: 10010;
}
.logoCelular {
  width: 100%;
  text-align: center;
  padding: 20px 0 10px 0;
  margin-bottom: 30px;
}

.scrollbar {
  width: 280px !important;
}
.sidebar-menu .list {
  width: 90%;
  margin: 0 auto;
}
#cerrar {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #fff !important;
  font-size: 2rem;
}
.bg-blanco { background-color: #fff; }


/*************** WHASTAPP ****************/
.fono {
  position: fixed;
  left: 10px;
  bottom: 30px;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 0%;
  padding: 9px 5px 5px 5px;
  color: #fff;
  display: block;
  z-index: 10;
  text-align: center;
}
.fono a {
  color: #fff !important;
}
.fono a svg {
  color: #fff !important;
  width: 40px;
  height: 40px;
  fill: #fff;
}
.btn-rojo {
  background-color: var(--rojo);
  color: #fff;
  text-decoration: none;
  border-radius: 15px;
  padding: 6px 30px;
  font-size: 1.4rem;
  font-weight: 700;
}
.filaPrecios {
  display: flex;
  flex-direction: row;
}
.divPrecio {
  width: 100%;
  background-color: #eee;
  text-align: center;
  color: var(--azulprincipal);
  font-size: 1.6rem;
  font-weight: 700;
  padding: 15px 10px 15px 10px;
  border-radius: 0px;
  border: 3px solid var(--azulprincipal);
  margin: 0px auto 20px auto;
  background-color: #fff;
}
.divPrecio2 {
  width: 100%;
  background-color: #fff;
  text-align: center;
  color: var(--azulprincipal);
  font-size: 27px;
  font-weight: 700;
  padding: 15px 10px 15px 10px;
  border-radius: 0px;
  margin: 0px auto 20px auto;
  background-color: #fff;  
}
.divPrecioVerde {
  width: 100%;
  background-color: #eee;
  text-align: center;
  color: rgb(56, 87, 35);
  font-size: 1.6rem;
  font-weight: 700;
  padding: 15px 10px 15px 10px;
  border-radius: 0px;
  border: 3px solid rgb(56, 87, 35);
  margin: 0px auto 20px auto;
  background-color: #fff;
}
.divPrecioMarron {
  width: 100%;
  background-color: #eee;
  text-align: center;
  color: rgb(127, 96, 0);
  font-size: 1.6rem;
  font-weight: 700;
  padding: 15px 10px 15px 10px;
  border-radius: 0px;
  border: 3px solid rgb(127, 96, 0);
  margin: 0px auto 20px auto;
  background-color: #fff;
}
.precio_oferta {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: var(--azul);
  margin-left: 0px;
  font-family: Arial, Helvetica, sans-serif;
}
.precio_oferta span {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
}
.precio_oferta_2 {
  text-align: center;
  font-size: 22px;
  line-height: 27px;
  font-weight: 500;
  color: #7c7878;
  margin-left: 0px;
  font-family: Arial, Helvetica, sans-serif;
}
.precio_oferta_2 span {
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
  color: var(--azulprincipal);
}
.precio_ofertaVerde {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: rgb(56, 87, 35);
  margin-left: 0px;
  font-family: Arial, Helvetica, sans-serif;
}
.precio_ofertaVerde span {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
}
.precio_oferta_marron {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: rgb(127, 96, 0);
  margin-left: 0px;
  font-family: Arial, Helvetica, sans-serif;
}
.precio_oferta_marron span {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
}
.peq {
  font-size: 0.9rem;
  color: var(--azul);
}
.tituloCurso {
  display: table;
}
.innerTituloCurso {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  height: 80px;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #fff;
}
.sumillaCurso {
  font-size: 16px;
  text-align: justify;
  line-height: 25px;
  color: #fff;
  min-height: 190px;
}
.imgWraperQuienes {

}
.imgWraperQuienes img {
  width: 100%;
  height: auto;
  border-radius: 0px;
}
.imgWraperQuienes h4 {
  color: var(--azulprincipal);
  font-size: 18px;
  font-weight: 700;
  padding: 10px 0;
  margin: 0;
  line-height: 18px;
}
.imgWraperQuienes p {
  font-size: 16px;
  color: #000;
  line-height: 16px;
}
.subtituloGeneral {
  font-family: Georgia,Times,Times New Roman,serif !important;
  text-align: center;
  font-weight: 800;
  color: var(--azulprincipal);
  padding: 10px 0;
  font-size: 28px;
}
.subtituloQuienes {
  font-family: Georgia,Times,Times New Roman,serif !important;
  text-align: center;
  font-weight: 800;
  color: var(--azulprincipal);
  padding: 10px 0;
  font-size: 24px;
}
.subtituloQuienes2 {
  text-align: center;
  font-weight: 700;
  color: var(--azulprincipal);
  padding: 50px 0 20px 0;
  font-size: 22px;
}
.subtituloQuienes3 {
  text-align: center;
  font-weight: 700;
  color: var(--azulprincipal);
  padding: 0px 0 20px 0;
  font-size: 22px;
}
section.quienes-2 {
  padding: 10px 0;
}
.tituloQuienes {
  padding: 0px 10px;
  color: var(--azul);
  font-size: 35px;
  font-weight: 700;
  text-align: center;
}
.textoQuienes {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  margin: 0px 0;
  padding: 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
}
.textoQuienes p {
  text-align: justify;
}
.textoQuienes2 {
  font-size: var(--tamagnoletra);
  font-weight: 400;
  line-height: var(--tamagnolinea);
  margin: 20px 0;
  padding: 40px 0px 0 0; 
  text-align: center; 
}
.quienesDerecha {
  padding: 0 20px;
}

.tituloCursoDetalle {
  font-family: Georgia,Times,Times New Roman,serif !important;
  text-align: center;
  color: var(--ladrillo);
  font-size: 26px;
  font-weight: 700;
  padding: 10px 0 20px 0;
}
.tituloCursoDetalle2 {
  font-family: Georgia,Times,Times New Roman,serif !important;
  text-align: center;
  color: var(--azulprincipal);
  font-size: 22px;
  font-weight: 700;
  padding: 0px 0 0px 0;
}
.tituloCursoDetalle3 {
  font-family: Georgia,Times,Times New Roman,serif !important;
  text-align: center;
  color: rgb(56, 87, 35);
  font-size: 22px;
  font-weight: 700;
  padding: 0px 0 0px 0;
}
.tituloCursoDetalle4 {
  font-family: Georgia,Times,Times New Roman,serif !important;
  text-align: center;
  color: rgb(127, 96, 0);
  font-size: 22px;
  font-weight: 700;
  padding: 0px 0 0px 0;
}
.imagenCursoDetalle img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.dirigidoCursoDetalle {
  width: 300px;
  padding: 2px 20px;
  background-color: #f00;
  color: #fff;
  font-size: 22px;
  font-family: Georgia,Times,Times New Roman,serif !important;
  text-align: center;
  margin: 0 auto;
  margin-top: 30px;
}
.textoDirigido {
  padding: 20px 20px;
  background-color: #ccc;
  text-align: center;
  font-size: 16px;
  line-height: 27px;
  border: 2px solid #000;
}
.textoCurso {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  margin: 20px 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #fff;
  padding: 20px 30px;
  border: 3px solid var(--azulprincipal);
}
.textoCursoVerde {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  margin: 20px 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #fff;
  padding: 20px 30px;
  border: 3px solid rgb(56, 87, 35);
}
.textoCursoMarron {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  margin:0 0 20px 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #fff;
  padding: 20px 30px;
  border: 3px solid rgb(127, 96, 0);
}
.textoCursoMaestria {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  margin:0 0 20px 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  background-color: #fff;
  padding: 20px 30px;
  border: 3px solid #024562;
}

.tituloEspecialidad {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--azul);
  padding: 30px 0;
}
.cuadroAzul {
  background-color: #002060;
  color: #fff;
  text-align: center;
  padding: 60px 20px;
  font-size: 30px;
  font-weight: 700;
  margin-top: 40px;
}
.cuadroAzul span {
  font-size: 22px;
  line-height: 40px;
}
.especialidad {
  text-align: center;
}
.especialidad h2 {
  font-size: 27px;
  font-weight: 700;
  color: #000;
  padding: 10px 0 5px 0;
}
.especialidad img {
  width: 100%;
  height: auto;
}
.marcoEsp1 {
  border-radius: 40px;
  background-color: #d9d9d9;
  border: 0px solid #143c64;
  padding: 20px 20px;
}
.marcoEsp2 {
  border-radius: 40px;
  border: 0px solid #00b050;
  padding: 20px 20px;
  background-color: #dae3f4;
}
.marcoEsp3 {
  border-radius: 40px;
  border: 0px solid #ff0000;
  padding: 20px 20px;
  background-color: #3a3935;
}

.marco_esp1 {
  background-color: #1f4e78;
  border-radius: 40px;
  padding: 140px 80px;
  border: 0px solid #0f4861;
  color: #fff;
}
.marco_esp2 {
  background-color: #f2f2f2;
  border-radius: 40px;
  padding: 140px 80px;
  border: 0px solid #f2f2f2; 
  color: #555555 !important; 
}
.marco_esp2 h2 {
  color: #555555 !important;
}
.marco_esp3 {
  background-color: #595959;
  border-radius: 40px;
  padding: 140px 80px;
  border: 0px solid #ff0000;  
}
.marco_esp3 .textoCurso {
  color: #fff !important;
}
.marco_esp4 {
  background-color: #fff;
  border-radius: 40px;
  padding: 140px 80px;
  border: 0px solid #747474;
}
.marco_esp4 h2 {
  color: #195180 !important;
}
.marcoEspecialidad h2 {
  width: 100%;
  text-align: center;
  font-size: 27px;
  font-weight: 700;
  color: #fff;
}
.nota {
  border: 5px solid #aeaeae;
  padding: 20px 20px;
  text-align: center;
  font-size: var(--tamagnoletra);
}
.nota h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  padding: 0 0 0px 0;
}


.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button::before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  content: '';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #000;
  border-radius: 50%;
}
.wraperSearch {
  position: fixed;
  top: 10px;
  right: 50px;
  width: 300px;
  height: 40px;
  z-index: 100 !important;
  display: none;
  transition: all 0.3s ease;
}

/********************* CURSOS **************************/
section.scursos {
  padding: 30px 0 50px 0;
}
.subtitulocursos {
  color: var(--azulprincipal);
  font-size: 24px;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #f00;
}
.listaCursos {
  padding: 20px 0 0 0;
}
.listaCursos ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.listaCursos ul li {
  margin-bottom: 10px;
}
.listaCursos ul li a {
  font-size: 18px;
  font-weight: 700;
  color: #2f5597;
  text-decoration: none;
}
.tituloEspec {
  color: var(--azulprincipal);
  font-size: 18px;
  padding: 0 0 0px 0; 
}
.tituloEspec a {
  color: var(--azulprincipal);
  font-size: 18px;
  font-weight: 700;  
}
.listaEspecialidad {
  padding: 5px 0 30px 0;
}
.listaEspecialidad ul {
  list-style: inside;
  padding: 0;
  margin: 0;
}
.listaEspecialidad ul li {
  font-size: 17px;
  line-height: 25px;
  color: #538195;
  font-weight: 400;
  margin-bottom: 0px;
}
.textoDisegno {
  color: var(--azulprincipal);
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  padding: 30px 0 0 0;   
}
.textoDisegno h2 {
  color: var(--azulprincipal);
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;   
}
.strikethrough {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  width: 190px;
  margin: 0 auto;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: #f00;

  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}
.strikethroughDorado {
  position: relative;
  font-size: 24px;
  font-weight: 400;
  width: 270px;
  margin: 0 auto;
}
.strikethroughDorado:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 3px solid;
  border-color: rgb(191,144,0);

  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}
.div-boton-comprar {
  display: block;
  width: 100%;
  margin: 30px 0 0 0;
  text-align: center;
}
.kr-embedded .kr-payment-button, .kr-smart-form .kr-payment-button {
  text-align: center !important;
}
.imagenMba {
  display: block;
}
.imagenMba img {
  width: 100%;
  height: auto;
}
.imagenMbaCel {
  display: none;
}
.imagenMbaCel img {
  width: 100%;
  height: auto;
}
.diploma {
  text-align: center;
}
.diploma img {
  width: 80%;
  height: auto;
}
.bannerPrincipal {
  width: 100%;
  min-height: 530px;
  background-color: #F3F3F3;
  background-image: url("../images/portada-shools2.jpg");
}
.textoBanner {
  padding: 100px 0 100px 50px;
}
.textoBanner h2 {
  font-family: Georgia,Times,Times New Roman,serif !important;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
}
.textoBanner h2 span {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
}
.textoBanner p {
  font-size: 16px;
  line-height: 27px;
  color: #fff;
}
.subtitulo {
  font-family: Georgia,Times,Times New Roman,serif !important;
  font-size: 44px;
  line-height: 50px;
  font-weight: 700;
  color: var(--azulprincipal);
}
.subtitulo3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #000;  
}
.texto {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}
.font18 { font-size: 18px !important; }
.font22 { font-size: 22px !important; line-height: 25px; }
.marcoMBA {
  background-color: var(--azulsecundario);
  padding: 30px 40px;
  border-radius: 40px;
}
.subtituloDiploma {
  text-align: center;
  font-size: 14px;
  color: var(--azulprincipal);
  font-weight: 700;
}
.divCirculoAmarillo {
  width: 100%;
  text-align: right;
  font-size: 30px;
  color: #ff0;
}
.circuloAmarillo {
  width: 35px;
  height: 35px;
  background-color: #fc0;
  border-radius: 50%;
  float: right;
  border: 1px solid #000;
}
.subtitulo4 {
  font-family: Georgia,Times,Times New Roman,serif !important;
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  color: #fff;  
}
.texto4 {
  font-size: 18px;
  line-height: 27px;
  color: #fff;
}
.divTablaAzul {
  background-color: var(--azulprincipal);
  color: #fff !important;
}
.divTablaAzul2 {
  background-color: #203864;
  color: #fff !important;
  padding: 20px 20px;
  border-radius: 45px;
}
.divTablaGris {
  background-color: #7f7f7f;
  color: #fff !important;
  padding: 20px 20px;
  border-radius: 45px;
}
.divTablaAmarilla {
  background-color: #bf9000;
  color: #fff !important;
  padding: 10px 15px;
  border-radius: 25px;
  border: 6px solid #7f6000;
}
.divTablaAmarillaCel {
  background-color: rgb(127, 96, 0);
  color: #fff !important;
  padding: 10px 15px;
  border-radius: 25px;
  border: 6px solid #bf9000;
}
.divTablaCeleste {
  background-color: #b4c7e7;
  color: #fff !important;
  padding: 10px 15px;
  border-radius: 25px;
  border: 6px solid #1f4e79;
}
.divTablaCelesteCel {
  background-color: #d5dbe5;
  color: #fff !important;
  padding: 10px 15px;
  border-radius: 25px;
  border: 6px solid #2e75b5;
}
.divTablaVerde {
  background-color: #548235;
  color: #fff !important;
  padding: 10px 15px;
  border-radius: 25px;
  border: 6px solid #385723;
}
.divTablaGris2 {
  background-color: #767171;
  color: #fff !important;
  padding: 10px 15px;
  border-radius: 25px;
  border: 6px solid #767171;
}
.divTablaOcre {
  background-color: #843c0c;
  color: #fff !important;
  padding: 10px 15px;
  border-radius: 25px;
  border: 6px solid #843c0c;
}
.celdaAzul {
  border: 1px solid #333;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  padding:1px 5px;
  font-weight: 700;
}
.celdaAzul a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.celdaGris {
  border: 1px solid #333;
  background-color: #eee;
  color: #eee;
  font-size: 16px;
  padding:3px 5px;
  line-height: 16px;
}
.celdaGris a {
  color: #000;
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
}
.celdaGris2 {
  border: 0px solid #333;
  background-color: #767171;
  color: #eee;
  font-size: 16px;
  padding:3px 5px;
  line-height: 16px;
}
.celdaGris2 a {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
.celdaOcre {
  border: 0px solid #333;
  background-color: #843c0c;
  color: #fff;
  font-size: 16px;
  padding:3px 5px;
  line-height: 16px;
}
.celdaOcre a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.celdaBlanca {
  background-color: #fff;
  border: 1px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 500;
  text-align: center;
}
.celdaBlancaCel {
  background-color: #fff;
  border: 1px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:10px 5px !important;
  font-weight: 700;
  text-align: center;
}
.celdaGrisCel {
  background-color: #d5dbe5;
  border: 1px solid #333;
  color: #1f3864;
  font-size: 14px;
  line-height: 14px;
  padding:7px 5px !important;
  font-weight: 700;
  text-align: center;
}
.celdaGrisCel1 {
  background-color: #d5dbe5;
  border: 0px solid #333;
  color: #1f3864;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 500;
  text-align: center;
}
.celdaCrema {
  background-color: #fff2cc;
  border: 1px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 500;
  text-align: center;  
}
.celdaCremaCel {
  background-color: #fff2cc;
  border: 1px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:10px 5px !important;
  font-weight: 700;
  text-align: center;  
}
.celdaCeleste {
  background-color: #ddebf7;
  border: 1px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 500;
  text-align: center;  
}
.celdaCelesteCel {
  background-color: #ddebf7;
  border: 1px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:10px 5px !important;
  font-weight: 700;
  text-align: center;  
}
.celdaAmarilla {
  background-color: #ff0;
  border: 1px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 700;
  text-align: center;
}
.celdaAmarillaCel {
  background-color: #fff2cc;
  color: #7f6000;
  font-size: 14px;
  line-height: 14px;
  padding:7px 5px !important;
  border: 1px solid #7f6000;
  font-weight: 700;
  text-align: center;
}
.celdaAmarilla2 {
  background-color: #bf9000;
  border: 0px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 700;
  text-align: center;
}
.celdaAmarilla3 {
  background-color: rgb(127, 96, 0);
  border: 0px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 700;
  text-align: center !important;
}
.celdaVerde {
  background-color: #548235;
  border: 0px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 700;
  text-align: center;
}
.celdaVerdeCel {
  background-color: #e1efd8;
  border: 1px solid #20221e;
  color: #385623;
  font-size: 14px;
  line-height: 14px;
  padding:7px 5px !important;
  font-weight: 700;
  text-align: center;
}
.circulito3cel {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border:0px solid #172c51;
  background-color: #e1efd8;
}
.celdaAzul3 {
  background-color: #b4c7e7;
  border: 0px solid #333;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 700;
  text-align: center;
}
.celdaAzul4 {
  background-color: #203864;
  border: 0px solid #333;
  color: #fff;
  font-size: 16px;
  line-height: 14px;
  padding:4px 5px !important;
  text-align: center;
}
.circulito1 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #ffff00;
}
.circulito1cel {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff2cc;
  background-color: #fff2cc;
  margin: 3px auto 0 auto;
}
.circulito2cel {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #2e75b5;
  background-color: #2e75b5;
  margin: 3px auto 0 auto;
}
.circulito2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #1f4e79;
  background-color: #2e75b6;
}
.circulito3 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #172c51;
  background-color: #385723;
}
.circulito4 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0px solid #172c51;
  background-color: #fff;
}
.circulito4cel {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0px solid #172c51;
  background-color: #fff;
}
.circulito5 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0px solid #172c51;
  background-color: #fff2cc;
}
.circulito5cel {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0px solid #172c51;
  background-color: #fff2cc;
}
.circulito6cel {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0px solid #172c51;
  background-color: #ddeaf6;
}
.celdaAzul2 {
  background-color: #2f75b5;
  border: 1px solid #333;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 700;
  text-align: center;
}
.celdaAzul2cel {
  background-color: #2f75b5;
  border: 1px solid #333;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  padding:5px 5px !important;
  font-weight: 700;
  text-align: center;
}
.celdaMarron {
  background-color: #385723;
  border: 1px solid #000;
  color: #ffe699;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 700;
  text-align: center;  
}
.celdaTituloVerde {
  background-color: #548135;
  border: 1px solid #000;
  color: #eedc8f;
  font-size: 14px;
  line-height: 14px;
  padding:4px 5px !important;
  font-weight: 700;
  text-align: center;   
}
.celdaAmarilla a {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
.btn-comprar {
  background-color: var(--azulprincipal);
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding: 5px 40px;
  border-radius: 10px;
}
.btn-comprar-verde {
  background-color: rgb(56, 87, 35);
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding: 5px 40px;
  border-radius: 10px;
}
.btn-comprar-marron {
  background-color: rgb(127, 96, 0);
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding: 5px 40px;
  border-radius: 10px;
}
.divFormulario {
  background-color: #eee;
  border: 3px solid var(--azulprincipal);
  padding: 20px 20px;
}
.divFormularioVerde {
  background-color: #eee;
  border: 3px solid rgb(56, 87, 35);
  padding: 20px 20px;
}
.divFormularioMarron {
  background-color: #eee;
  border: 3px solid rgb(127, 96, 0);
  padding: 20px 20px;
}
.divPagoAmarillo {
  width: 100%;
  margin: 0px auto 0 auto;
  border: 1px solid var(--azulprincipal);
  text-align: center;
  padding: 30px 20px;
  font-size: 18px;
  font-weight: 400;
  color: var(--azulprincipal);
  line-height: 27px;
  border-radius: 30px;
}
.kr-embedded .kr-payment-button {
  background-color: #385623 !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  padding: 10px 10px !important;
  border-radius: 10px !important;
  border: 2px solid #000 !important;
  box-shadow: none !important;
}
.tituloArticulo h1 {
    font-family: Georgia,Times,Times New Roman,serif !important;
    font-size: 40px;
    line-height: 47px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    color: var(--azulprincipal);
}
.texto-articulo {
  font-size: 16px;
  line-height: 27px;
  color: #000;
}
.texto-cupon {
  font-size: 14px;
  text-align: center;
  font-weight: 700;
}
.tituloFormulario {
  text-align: center;
  background-color: var(--azulprincipal);
  padding: 5px 10px;
  border: 1px solid #000;
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
}
.tituloFormularioVerde {
  text-align: center;
  background-color: rgb(56, 87, 35);
  padding: 5px 10px;
  border: 1px solid #000;
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
}
.tituloFormularioMarron {
  text-align: center;
  background-color: rgb(127, 96, 0);
  padding: 5px 10px;
  border: 1px solid #000;
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px 0;
}
.tituloAzul {
  font-family: Georgia,Times,Times New Roman,serif !important;
  background-color: var(--azulprincipal);
  text-align: center;
  color: #fff;
  font-size: 22px;
  padding: 5px 10px;
}
.tituloVerde {
  font-family: Georgia,Times,Times New Roman,serif !important;
  background-color: rgb(56, 87, 35);
  text-align: center;
  color: #fff;
  font-size: 22px;
  padding: 5px 10px;
}
.tituloMarron {
  font-family: Georgia,Times,Times New Roman,serif !important;
  background-color: rgb(127, 96, 0);
  text-align: center;
  color: #fff;
  font-size: 22px;
  padding: 5px 10px;
}
.celularGap_1 {
  margin-top: 45px;
}
.textoQuienes strong {
  color: var(--azul);
}
.paypal-button-container {
    margin-top: 20px;
    text-align: center; /* O donde prefieras alinearlo */
}
.paypal-button-container h2 {
  font-size: 22px;
}
#loader { 
    display: none; 
}
.alert h1 {
  font-size: 26px;
}