@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.m-0 {margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;}
.p-0 {padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 0;}
a {text-decoration: none;}
.place-self-center{place-self: center;padding: 0px;}
.placeself-center{place-self: center;}
.place-items-center{place-items: center;}
.place-cont-center{place-content: center;}
.justify-center{justify-content: center;}
.centro-alineado{align-items: center;}
.font-source-sans{font-family: 'Source Sans Pro', sans-serif;}
.font-titillium-web{font-family: 'Titillium Web';}
.text-align-center{text-align: -webkit-center; text-align: -moz-center;}
.text-align-center-web{text-align: -webkit-center; text-align: -moz-center;}
.text-center {text-align: center!important;}
/*--------------Animacion para botones con efecto de onda en forma de rectangulos----------------------------------*/
.hover-effect::before {right: 0;opacity:0.7;top: 0;}
.hover-effect::after {bottom: 0;opacity: 0.7;left: 0;}
.hover-effect::before, .hover-effect::after {content: "";background: #fff;height: 0;width: 0;z-index: 1;position: absolute;-webkit-transition-duration: 1.3s !important;-o-transition-duration: 1.3s;transition-duration: 1.3s !important;}
.hover-effect:hover::after, .hover-effect:hover::before {height: 100%;opacity: 0;width: 100%;}
/*--------------Animacion para botones con efecto de onda en forma de rectangulos----------------------------------*/
/*************************
Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-23 { margin-top: 23px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-58 { margin-top: 58px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-96 { margin-top: 96px }
.mt-100 { margin-top: 100px }
.mt-105 { margin-top: 105px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-125 { margin-top: 125px }
.mt-130 { margin-top: 130px }
.mt-135 { margin-top: 135px }
.mt-140 { margin-top: 140px }
.mt-145 { margin-top: 145px }
.mt-150 { margin-top: 150px }
.mt-157 { margin-top: 157px }
.mt-195 { margin-top: 195px }
/*************************
Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-2 { margin-right: 2px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-66 { margin-right: 66px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
Margin bottom
*************************/
.mb-0 { margin-bottom: 0px }
.mb-2 { margin-bottom: 2px }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-22 { margin-bottom: 22px }
.mb-23 { margin-bottom: 23px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-33 { margin-bottom: 33px }
.mb-35 { margin-bottom: 35px }
.mb-38 { margin-bottom: 38px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-47 { margin-bottom: 47px }
.mb-48 { margin-bottom: 48px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-58 { margin-bottom: 58px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-95 { margin-bottom: 95px }
.mb-96 { margin-bottom: 96px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-125 { margin-bottom: 125px }
.mb-128 { margin-bottom: 128px }
.mb-130 { margin-bottom: 130px }
.mb-135 { margin-bottom: 135px }
.mb-140 { margin-bottom: 140px }
.mb-145 { margin-bottom: 145px }
.mb-150 { margin-bottom: 150px }
.mb-220 { margin-bottom: 220px }
.mb-350 { margin-bottom: 350px }
/*************************
Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-85 { margin-left: 85px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-12 { padding-top: 12px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-23 { padding-top: 23px }
.pt-25 { padding-top: 25px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-38 { padding-top: 38px }
.pt-40 { padding-top: 40px }
.pt-45 { padding-top: 45px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-58 { padding-top: 58px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-66 { padding-top: 66px }
.pt-70 { padding-top: 70px }
.pt-72 { padding-top: 72px }
.pt-75 { padding-top: 75px }
.pt-77 { padding-top: 77px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-90 { padding-top: 90px }
.pt-93 { padding-top: 93px }
.pt-95 { padding-top: 95px }
.pt-96 { padding-top: 96px }
.pt-98 { padding-top: 98px }
.pt-100 { padding-top: 100px }
.pt-104 { padding-top: 104px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-112 { padding-top: 112px }
.pt-113 { padding-top: 113px }
.pt-115 { padding-top: 115px }
.pt-117 { padding-top: 117px }
.pt-120 { padding-top: 120px }
.pt-122 { padding-top: 122px }
.pt-123 { padding-top: 123px }
.pt-124 { padding-top: 124px }
.pt-125 { padding-top: 125px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-145 { padding-top: 145px }
.pt-150 { padding-top: 150px }
.pt-152 { padding-top: 152px }
.pt-155 { padding-top: 155px }
.pt-157 { padding-top: 157px }
.pt-160 { padding-top: 160px }
.pt-180 { padding-top: 180px }
.pt-195 { padding-top: 195px }
.pt-220 { padding-top: 220px }
/*************************
Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-58 { padding-right: 58px }
.pr-60 { padding-right: 60px }
.pr-63 { padding-right: 63px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-12 { padding-bottom: 12px }
.pb-14 { padding-bottom: 14px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-27 { padding-bottom: 27px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-38 { padding-bottom: 38px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-66 { padding-bottom: 66px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-78 { padding-bottom: 78px }
.pb-80 { padding-bottom: 80px }
.pb-83 { padding-bottom: 83px }
.pb-85 { padding-bottom: 85px }
.pb-88 { padding-bottom: 88px }
.pb-90 { padding-bottom: 90px }
.pb-93 { padding-bottom: 93px }
.pb-95 { padding-bottom: 95px }
.pb-96 { padding-bottom: 96px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-118 { padding-bottom: 118px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-128 { padding-bottom: 128px }
.pb-130 { padding-bottom: 130px }
.pb-135 { padding-bottom: 135px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
.pb-155 { padding-bottom: 155px }
.pb-185 { padding-bottom: 185px }
.pb-190 { padding-bottom: 190px }
.pb-195 { padding-bottom: 195px }
.pb-220 { padding-bottom: 220px }
/*************************
Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/***************************
Page section padding
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-18 { padding: 18px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
/***************************
Page section margin
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0}
.mtb-15 { margin: 15px 0}
.mtb-20 { margin: 20px 0}
.mtb-30 { margin: 30px 0}
.mtb-40 { margin: 40px 0}
.mtb-50 { margin: 50px 0}
.mtb-60 { margin: 60px 0}
.mtb-70 { margin: 70px 0}
.mtb-80 { margin: 80px 0}
.mtb-90 { margin: 90px 0}
.mtb-100 { margin: 100px 0}
.mtb-110 { margin: 110px 0}
.mtb-120 { margin: 120px 0}
.mtb-130 { margin: 130px 0}
.mtb-140 { margin: 140px 0}
.mtb-150 { margin: 150px 0;}
/*===============================================ESTILOS HOME==========================================================*/
.fixed-top {top: -40px;transform: translateY(40px);transition: transform .3s;}
/*-----Animacion Hover - El texto se hace pequeño*/
.hvr-shrink {font-family: 'Source Sans Pro';color: #033266;display: block; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgb(0 0 0 / 0%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {-webkit-transform: scale(0.9);transform: scale(0.9);}
/*Animacion Hover - El texto se hace pequeño------*/
/*-----Animacion Hover - Hace que el contenido flote */
@-webkit-keyframes hvr-bob {0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);} 50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);} 100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}}
@keyframes hvr-bob {0% {-webkit-transform: translateY(-8px);transform: translateY(-8px);} 50% {-webkit-transform: translateY(-4px);transform: translateY(-4px);} 100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}}
@-webkit-keyframes hvr-bob-float {100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}}
@keyframes hvr-bob-float { 100% {-webkit-transform: translateY(-8px);transform: translateY(-8px);}}
.hvr-bob {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {-webkit-animation-name: hvr-bob-float, hvr-bob;animation-name: hvr-bob-float, hvr-bob;-webkit-animation-duration: .3s, 1.5s;animation-duration: .3s, 1.5s;-webkit-animation-delay: 0s, .3s;animation-delay: 0s, .3s;-webkit-animation-timing-function: ease-out, ease-in-out;animation-timing-function: ease-out, ease-in-out;-webkit-animation-iteration-count: 1, infinite;animation-iteration-count: 1, infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-direction: normal, alternate;animation-direction: normal, alternate;}
/*Animacion Hover - Hace que el contenido flote-----*/
/*----Estilo animdado- este efecto hace que la imagen de fondo tenga un moviemiento*/
#ibcj-calendario{border-top: #c99700 solid 3px;padding-bottom: 50px;background: rgb(43,84,147); background: -moz-linear-gradient(90deg, rgba(43,84,147,1) 0%, rgba(52,116,211,1) 100%); background: -webkit-linear-gradient(90deg, rgba(43,84,147,1) 0%, rgba(52,116,211,1) 100%); background: linear-gradient(90deg, rgba(43,84,147,1) 0%, rgba(52,116,211,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b5493",endColorstr="#3474d3",GradientType=1);}
.css-selector-eventos {background: linear-gradient(207deg, #bf0d3e, #92042b);background-size: 400% 400%;-webkit-animation: AnimationName 14s ease infinite;-moz-animation: AnimationName 14s ease infinite;-o-animation: AnimationName 14s ease infinite;animation: AnimationName 14s ease infinite;}
@-webkit-keyframes AnimationName {0%{background-position:79% 0%} 50%{background-position:22% 100%} 100%{background-position:79% 0%}}
@-moz-keyframes AnimationName {0%{background-position:79% 0%}50%{background-position:22% 100%}100%{background-position:79% 0%}}
@-o-keyframes AnimationName {0%{background-position:79% 0%}50%{background-position:22% 100%}100%{background-position:79% 0%}}
@keyframes AnimationName {0%{background-position:79% 0%}50%{background-position:22% 100%}100%{background-position:79% 0%}}
/*Estilo animdado- este efecto hace que la imagen de fondo tenga un moviemiento----*/
/*--------------Animacion-------------*/
.hvr-icon-push {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
/*--------------Animacion---------------*/
.text-center {text-align: center!important;}
/*GRIDS*//* 3 COLUMNAS CON CONTAINER*/
.grid-h{ display: inline-flex;}
.grid-flex{ display: inline-flex;}
@media (max-width: 767px) {.grid-h{ display: inline-block;}}
/*========================================INICIA LANDING PAGE IBCJ HOME================================================*/
/*----------------------------------Estilos de botones bordes---------------------------*/
.border-buttons{border-radius: 30px 0px 30px 0px;}
.border-buttons-2 {border-radius: 15px 0px 15px 0px;}
.border-buttons-3 {border-radius: 0px; width: 160px;font-family: 'Source Sans Pro';font-weight: 600;color: #fff;background-color: #3651a1;border: none;padding: 5px 5px;margin: 15px -265px;text-transform: uppercase;}
.border-buttons-3:hover {color: #fff;background-color: #000d5d;transition: background-color 0.7s ease-in-out;}
.border-buttons-4 {border-radius: 2px;}
.border-buttons-5 {border-radius: 5px;}
/*=========== Nuevos Estilos CSS 150822 =======================*/
.display-margin-buttons-slider{
display: flex;margin: 0px -295px;align-items: center;
}
.margin-contain-text-slider{
margin: 15px 0px;
}
.display-margin-buttons-slider button{
border-radius: 0px;
width: 230px;
font-family: 'Source Sans Pro';
font-weight: 600;
font-size: 1.3em;
color: #ffff;
background-color:#2c74b3;
border: none;
padding: 10px 25px;
margin-top: 25px;
margin-right: 5px;
text-transform: uppercase;
display: flex;
justify-content: center;
transition: all 0.7s ease-in-out;
}
.display-margin-buttons-slider button:hover {color: #fff;background-color: #9c051c; transform:scale(0.9);
transition: all 0.7s ease-in-out;}
.display-margin-buttons-slider button.oferta{
border-radius: 0px;
width: 230px;
font-family: 'Source Sans Pro';
font-weight: 600;
font-size: 1.3em;
color: #ffff;
background-color:#9c051c;
border: none;
padding: 10px 25px;
margin-top: 25px;
margin-right: 5px;
text-transform: uppercase;
display: flex;
justify-content: center;
transition: all 0.7s ease-in-out;
}
.display-margin-buttons-slider button.oferta:hover {color: #fff;background-color: #000d5d; transform:scale(0.9);
transition: all 0.7s ease-in-out;}
.border-buttons-ondemand {
border-radius: 0px;
width: 190px;
font-family: 'Source Sans Pro';
font-weight: 600;
font-size: 1.2em;
color: #3651a1;
background-color: transparent;
border: 2px solid #3651a1;
padding: 8.7px 5px;
margin-top: 4.5px;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
}
.border-buttons-ondemand:hover {color: #fff;background-color: #000d5d; border: 2px solid #000d5d;transition: all 0.7s ease-in-out;}
.border-buttons-ondemand:hover > .icon-ondemad-azul { background-color:#fff; transition: all 0.5s ease-in; }
/*-----------------------------------Estilos de botones bordes---------------------------*/
/*-------------------------------------INICIA Header CSS----------------------------------------*/
.ul-espacio-nav ul{padding-left: 0.1rem;}
.ul-espacio-nav ol, ul {margin-top: 0px;margin-bottom: 0.2em !important;}
.header-top{background: #BF0D3E;position: relative;padding-top: 5px;border-bottom: solid 3px #c99700;}
.header-top .right{background: #002554;clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);margin-top: -5px; padding-top: 7px;padding-bottom: 7px;}
@media (max-width: 767px){.header-top .right{clip-path:none;}}
.header-top-right ul {padding-left: 0px;}
.header-top-right ul li{display: inline-block;margin-right: 20px;}
.header-top-right ul li:last-child{margin-right: 0px;}
.header-top-left p, .header-top-right ul li a{font-size: 1.25em;font-weight: 500;font-family: 'Source Sans Pro', sans-serif;color: #fff !important;text-transform: uppercase;line-height: 1.2;}
.header-top-right ul li:hover a{color: #dfb433 !important;transition: color 0.7s ease-in-out;}
.header-area.two .main-menu > ul > li > a {color: #c99700;line-height: 1.2px;}
.header-area.two .main-menu > ul > li:hover > a {color: #dfb433;}
/*-------------------------------------TERMINA Header CSS----------------------------------------*/
/*=============== HEADER ===============*/
.header-home {width: 100%;background-color: #fff;position: fixed;top: 0;left: 0;z-index:100;transition: .4s; /*For animation dark mode*/}
.header-home ul li, ol li {font-family: 'Source Sans Pro', sans-serif;color: #666766;font-size: 0.8em;line-height: 1rem;font-weight: 600;}
.header-home ul li.solicita-info{font-family: 'Source Sans Pro', sans-serif;font-size: 0.88em;font-weight: 500;color: #fff; text-transform: uppercase; line-height: 1.2;}
@media only screen and (min-width: 1850.5px) and (max-width: 2560.5px) {
.header-home ul li.solicita-info{font-size: 1em;}
}
@media only screen and (min-width: 1399.5px) and (max-width: 1850.5px) {
.header-home ul li.solicita-info{font-size: 0.9em;}
}
@media only screen and (min-width: 991.5px) and (max-width: 1199px) {
.header-home ul li.solicita-info{font-size: 0.65em;}
}
@media only screen and (min-width: 767.5px) and (max-width: 991.5px) {
.header-home ul li.solicita-info{font-size: 0.65em;}
}
@media only screen and (min-width: 550.5px) and (max-width: 767.5px) {
.header-home ul li.solicita-info{font-size: 0.65em;}
}
@media only screen and (min-width: 320.5px) and (max-width: 550px) {
.header-home ul li.solicita-info{font-size: 1em;}
}
@media only screen and (min-width: 200px) and (max-width: 320.5px) {
.header-home ul li.solicita-info{font-size: 0.75em;}
}
/*=============== NAV ===============*/
/****************NAVBAR IBCJ****************/
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes growDown {
0% {
transform: scaleY(0)
}
80% {
transform: scaleY(1.1)
}
100% {
transform: scaleY(1)
}
}
@keyframes translateX {
0% {
opacity: 0;
transform: translateX(60px);
}
80% {
transform: translateX(-5px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
.navbar{background: -moz-linear-gradient(0deg, rgba(30,43,60,0.95) 0%, rgba(30,43,60,1) 47%, rgba(30,43,60,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e2b3c",endColorstr="#1e2b3c",GradientType=1);background: #fff;box-shadow: 0 1px 4px hsl(0deg 4% 15% / 10%);}
.navbar-brand{display: contents !important;}
.navbar-brand img{width: 4rem;height: auto;}
.navbar-brand .ondemand-logo-navbar{width: 179px;height: auto;}
.navbar-nav{text-align: left;align-items: center;padding: 0px 10px 0px 0px;margin-bottom: 0px !important;}
.navbar-nav a{font-family: 'Source Sans Pro', sans-serif;color: #fff;letter-spacing: 0px;font-size: 0.8em;font-weight: 400;text-transform: uppercase;}
.navbar-nav a:hover, .navbar-nav a:focus{color: #F71944;transition: color ease-in-out 0.3s;background: transparent;}
.navbar-toggler {color: #b19a61;font-size: 1.5em;padding: 10px 15px ;border: solid thin #b19a61; }
.navbar-toggler:hover{color: #bf0d3e;border: solid thin #bf0d3e;transition: all 0.5s;}
.nav-item{text-align: left;padding: 5px;align-items: center;font-family: 'Source Sans Pro', sans-serif;text-transform: uppercase;}
.nav-item.active a{color: #BF0D3E;font-weight: 700;}
.nav-item.active a:hover{color: #F71944;transition: all 0.5s;}
.nav-item.diplomado a{background: #091749; border: #e24114 solid 2px; color: #fff; font-weight: 700; border-radius: 15px; transition: 0.5s; display: none;}
.nav-item.diplomado a:hover{background: #e24114; color: #fff;transition: all 0.5s; border: #091749 solid 2px;}
.nav-item.taller a{background: #063971; border: #F8BA09 solid 2px; color: #fff; font-weight: 700; border-radius: 15px; transition: 0.5s; display: none;}
.nav-item.taller a:hover{background: #F8BA09; color: #091749;transition: all 0.5s; border: #063971 solid 2px;}
.nav-item.certificaciones{
}
.nav-item a{font-size: 1em;color: #033266;font-weight: 400;transition: all 0.5s ease-in;}
.nav-item a:hover{color: #cb9700;transition: all 0.5s;}
.nav-item i{ margin-right: 5px;font-size: 0.85em;}
.dropdown-menu.dropdown-menu-right.show{background: transparent;border: solid 1px #fff;background: rgba(18,40,76, 0.85);}
.dropdown-menu{background: #fff;border-radius: 0px 0px 5px 5px;padding: 5px;}
.dropdown-menu .dropdown-item{color: #002554 !important;font-family: 'Source Sans Pro', sans-serif;font-weight: 500 !important;font-size: 1em;}
.dropdown-menu .dropdown-item:hover{background: #BF0D3E !important;color: #fff !important;transition: all 0.5s;}
.dropdown-item{color: #1e2b3c;font-weight: 600;font-size: 1em;}
.dropdown-item:hover{background: #f7eeda;transition: all 0.5s;}
.dropdown-item.active, .dropdown-item:active {background: #f7eeda;color: #CE0E2D;text-decoration: none;transition:all 0.5s;}
.dropdown-menu.show{border: #fff thin solid;background: #fff;border-radius: 5px 5px 5px 5px;padding: 5px;border: 1px solid rgba(0,0,0,.15);width: max-content;-webkit-animation: translateX 0.3s alternate;/* Safari 4.0 - 8.0 */animation: translateX 0.3s alternate;}
.dropdown-menu .dropdown-item-lvl-2:hover {background: #BF0D3E !important;color: #fff !important;transition: all 0.5s !important;}
.dropdown-item-lvl-2{display: block;width: 100%;padding: 0.25rem 1rem;clear: both;font-weight: 400;color: #212529;text-align: inherit;text-decoration: none;color: #002554 !important;font-weight: 500 !important;font-size: 1.2em !important;background: transparent !important; margin-bottom: 0.4em;margin-top: 0.4em;}
.dropdown-item-lvl-2.active, .dropdown-item-lvl-2:active {background: #f7eeda;color: #CE0E2D;text-decoration: none;transition:all 0.5s;}
.dropdown-toggle::after {vertical-align: 0.255em;margin-left: 0.255em;display: inline-block;font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 1em;content: "\f0d7" !important;border-right: 0em solid transparent !important;border-left: 0em solid transparent !important;border-top: 0em solid !important;border-bottom: 0 !important;}
.dropdown-toggle:empty::after {margin-left: 0;}
.dropdown-toggle::after {vertical-align: 0.255em;margin-left: 0.255em;display: inline-block;font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 1em;content: "\f0d7";border-right: 0.0em solid transparent;border-left: 0.0em solid transparent;border-top: 0.0em solid;border-bottom: 0;}
.submenu.dropdown-menu{background: rgba(18, 40, 76, 0.85); }
.submenu.dropdown-menu a.dropdown-item{color: #f7eeda;}
.submenu.dropdown-menu a.dropdown-item:hover {background: #f7eeda;color: #CE0E2D;transition:all 0.5s;}
.submenu.dropdown-menu a.dropdown-item-lvl-2:hover {background: #f7eeda;color: #CE0E2D;transition:all 0.5s;}
.dropstart .dropdown-menu[data-bs-popper] {top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.3em;}
.dropstart .dropdown-toggle-left::before {vertical-align: 0em;margin-left: 0.85em;display: inline-block;font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 1.2em;content: "\f0d9";border-bottom: 0;}
.dropend .dropdown-menu[data-bs-popper] { top: 115% !important; right: auto; left: 100%; margin-top: 0; margin-left: 0.3rem;}
.dropend .dropdown-toggle-right::after {vertical-align: 0em;display: inline-block;font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 1.2em;content: "\f0da";border-bottom: 0;position: absolute;right: 5%;}
.dropend .dropdown-menu.show {margin-bottom: 20px !important;}
.dropdown-navbar-list{width: 63%;}
.dropdown-navbar-list li.dropend{margin: 10px 0px;}
.position-drop-navbar{top: 67px;}
.position-drop-navbar.ondemand-drop{top: 55px;}
.nav-link.dropdown-toggle{margin-bottom: -15px;font-size: 1.2em;}
.nav-link.dropdown-toggle::after{margin: 5px;margin-top: 0px !important;padding: 6.9px 2px;border-top: 2px solid #BF0D3E !important;border-bottom: 2px solid #BF0D3E !important;border-right: 2px solid #BF0D3E !important;border-left: 0px solid #BF0D3E !important;border-radius: 0px 5px 5px 0px;}
.nav-link.dropdown-toggle-simple{font-size: 1.53em;margin-bottom: -15px;display: contents;}
.nav-link.dropdown-toggle-simple::after{ margin: 0px; margin-top: 0px !important; padding: 7px 2px;}
.dropdown-toggle-simple::after {
vertical-align: 0.255em;
margin-left: 0.255em;
display: inline-block;
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 1em;
content: "\f0d7" !important;
border-right: 0em solid transparent !important;
border-left: 0em solid transparent !important;
border-top: 0em solid !important;
border-bottom: 0 !important;
}
.nav-link:focus, .nav-link:hover{color: #F71944;}
.nav-link.inflex{float: left;}
.sub-menu01{margin-right: 15px;}
button.navbar-toggler{color: #0D3D81; }
.navbar-toggler span{color: #fff; }
.navbar-toggler:focus {border: none; }
/*================= ID navbar ====================*/
#posgrados-navbar{display: block;}
#navbar-tienda-ibcj{display:none;}
/*BARRA DE NAVEGACION --- BOTON DE TIENDA IBCJ*/
.icon-ondemad-red { background-color: #fff; }
.icon-ondemad-azul { background-color: #3651a1; }
.ondemand-navbar-button{border-top: 2px solid #BF0D3E;border-bottom: 2px solid #BF0D3E;border-left: 2px solid #BF0D3E;display: flex !important;align-items: center;background: #BF0D3E;border-radius: 5px 0px 0px 5px;color: #fff !important;padding: 5px 4px !important;}
.ondemand-navbar-button:hover {background: #002554 !important;color: #fff !important;transition: all 0.5s ease-in !important;}
.ondemand-navbar-button:hover > .icon-ondemad-red {background-color: #BF0D3E;transition: all 0.5s ease-in;}
/*BARRA DE NAVEGACION --- BOTON DE MAGNO EVENTO*/
.magno-evento-button-nav a {color:#fff;background: #BF0D3E;border-radius: 10px;padding: 7px 5px !important;display: none;}
.magno-evento-button-nav a:hover{background: #002554;}
.magno-evento-button-nav a i{color:#cb9700;}
.nav-link.dropdown-toggle{font-size: 1.53em;margin-bottom: -15px;display: contents;}
.nav-link.dropdown-toggle::after {margin: 0px;}
.nav-link:focus, .nav-link:hover{color: #bf963a;}
.dropdown-menu-navbar-ibcj {position: inherit;z-index: 1000;display: none;min-width: 7rem;padding: 0.5rem 0;padding-top: 16px;margin: 0;background-color: #fff;border-radius: 0.5em;}
.dropdown-item-navbar-ibcj {display: block;width: 100%;padding: 0.25rem 1rem;font-size: 0.75em !important;}
.dropdown-item-navbar-ibcj:hover {background: #033266;}
.dropdown-button-navbar {border-right: 2px solid #BF0D3E;border-top: 2px solid #BF0D3E;border-bottom: 2px solid #BF0D3E;border-left: 2px solid red;background: #fff;border-radius: 0px 5px 5px 0px;padding-top: 4px;padding-bottom: 3.5px;padding-left: 5px;margin-left: 0px;display: flex;position: relative;float: right;}
.sub-menu01{margin-right: 5px;}
.nav-link.inflex{float: left;}
.submenu.dropdown-menu{background: #3a5475;}
.submenu.dropdown-menu a.dropdown-item{color: #f7eeda;}
.submenu.dropdown-menu a.dropdown-item:hover {background: #f7eeda;color: #1e2b3c;transition:all 0.5s;}
.dropdown-menu[data-bs-popper] {top: 145% !important;left: 0;margin-top: 0.125rem;}
.dropdown-menu.ondemand-navbar-drop[data-bs-popper] {top: 121% !important;left: 0;margin-top: 0.125rem;}
/*================Responsive 2560px==================*/
@media screen and (max-width: 2560px) {
.nav-item a {font-size: 1.3em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
}
/*================Responsive 1440px==================*/
@media screen and (max-width: 1440px) {
.nav-item a {font-size: 1.25em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
}
/*================Responsive 1280px==================*/
@media screen and (max-width: 1399px) {
.nav-item a {font-size: 1.15em;}
ul.social-top li{font-size: 1.2em;}
ul.tel-top{display: inline-block;}
.top-bar a{font-size: 0.9em;}
.dropdown-item{font-size: 0.8em;}
.dropdown-menu .dropdown-item {font-size: 1.2em;}
}
/*================Responsive 1199px==================*
@media all and (max-width: 1199px) {
.navbar-nav {text-align: left;align-items: flex-start;flex-direction: column !important;}
.nav-item {align-items: center;}
.navbar-brand img {width: 4rem;}
.ondemand-navbar-button {padding-left: 5px !important;padding-right: 5px !important;}
.navbar-nav a {letter-spacing: 0px;font-size: 0.8em;}
.icon-ondemad {width: 25px;height: 20px;margin-right: 5px !important;}
.nav-link.dropdown-toggle::after {margin: 0px;margin-top: 0px !important;padding: 7.2px 2px;}
.navbar-nav {align-items: flex-start;}
.dropdown-toggle::after {vertical-align: 0.255em;margin-left: 0.255em;display: inline-block;font-size: 1em;border-right: 0.0em solid transparent;border-left: 0.0em solid transparent;border-top: 0.0em solid;border-bottom: 0;}
.nav-item a {font-size: 1.25em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
.dropdown-menu.show{padding: 5px;width: 100%;}
.dropend .dropdown-menu[data-bs-popper] {margin-top: 0.5em;margin-left: 0em;border-top: 1px solid !important;border-bottom: 1px solid !important;border: 0px solid rgba(0,0,0,.15);border-radius: 0px;}
.dropdown-item-lvl-2 {padding: 0.25rem 1rem;font-size: 1.2em !important;margin-bottom: 0.8em;margin-top: 0.8em;}
.dropdown-navbar-list li.dropend{margin: 15px 0px;}
}
================Responsive 1024px==================
@media screen and (max-width: 1024px) {
.nav-item a {font-size: 1.25em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
ul.social-top li{font-size: 1em;}
ul.tel-top{display: inline-block;}
.top-bar a{font-size: 0.85em;}
.dropdown-item{font-size: 1em;}
}*/
/*================Responsive 992px==================*/
@media all and (max-width: 991px) {
.ondemand-navbar-button {padding-left: 5px !important;padding-right: 5px !important;}
.navbar-nav a {letter-spacing: 0px;font-size: 0.8em;}
.icon-ondemad {width: 25px;height: 20px;margin-right: 5px !important;}
.nav-link.dropdown-toggle::after {margin: 0px;margin-top: 0px !important;padding: 7.4px 2px;}
.dropdown-menu li{position: relative;}
.dropdown-menu .submenu{ display: none;position: absolute;left:100%; top:-7px;}
.dropdown-menu .submenu-left{ right:100%; left:auto;}
.dropdown-menu > li:hover{ background-color: #f1f1f1 }
.dropdown-menu > li:hover > .submenu{display: block;}
.nav-item a {font-size: 1.25em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
}
/*================Responsive 920px==================*/
@media screen and (max-width: 920px) {
.nav-item a {font-size: 1.25em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
}
/*================Responsive 768px==================*/
@media screen and (max-width: 768px) {
.navbar-brand img {width: 4rem;}
.nav-item a {font-size: 1.25em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
}
/*================Responsive 767px==================*/
@media screen and (max-width: 767px) {
.navbar-brand img {width: 4rem;}
.nav-item a {font-size: 1.25em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
.top-bar{display: none;}
}
/*================Responsive 550px==================*/
@media all and (max-width: 550px) {
.navbar-brand img {width: 4rem;}
.nav-item a {font-size: 1.25em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
.navbar-nav {text-align: left;align-items: flex-start; display: block;}
.nav-item {align-items: center;}
.ondemand-navbar-button {padding-left: 5px !important;padding-right: 5px !important;}
.navbar-nav a {letter-spacing: 0px;font-size: 1.2em !important;}
.icon-ondemad {width: 25px;height: 20px;margin-right: 5px !important;}
.nav-link.dropdown-toggle::after {margin: 0px;margin-top: 0px !important;padding: 6.6px 2px;}
}
/*================Responsive 375px==================*/
@media all and (max-width: 375px) {
.navbar-brand img {width: 4rem;}
.nav-item a {font-size: 1.25em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
.ondemand-navbar-button {padding-left: 5px !important;padding-right: 5px !important;}
.navbar-nav a {letter-spacing: 0px;font-size: 1.2em !important;}
.icon-ondemad {width: 25px;height: 20px;margin-right: 5px !important;}
.nav-link.dropdown-toggle::after {margin: 0px;margin-top: 0px !important;padding: 6.6px 2px;}
}
/*================Responsive 320px==================*/
@media all and (max-width: 320px) {
.navbar-brand img {width: 4rem;}
.nav-item a {font-size: 1.6em;}
.dropdown-menu .dropdown-item {font-size: 1.3em;}
.ondemand-navbar-button {padding-left: 5px !important;padding-right: 5px !important;}
.navbar-nav a {letter-spacing: 0px;font-size: 1.4em !important;}
.icon-ondemad {width: 25px;height: 20px;margin-right: 5px !important;}
.nav-link.dropdown-toggle::after {margin: 0px;margin-top: 0px !important;padding: 6.6px 2px;}
}
@media (min-width: 768px) { .dropdown:hover .dropdown-menu-navbar-ibcj {display: block;margin-top: 0; }}
@media (max-width: 767px) { .dropdown:hover .dropdown-menu-navbar-ibcj {display: none;margin-top: auto; }}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
.dropdown-menu li{position: relative;}
.dropdown-menu .submenu{ display: none;position: absolute;left:100%; top:-7px;}
.dropdown-menu .submenu-left{ right:100%; left:auto;}
.dropdown-menu > li:hover{ background-color: #f1f1f1 }
.dropdown-menu > li:hover > .submenu{display: block;}
}
/* ============ desktop view .end// ============ */
/* ============ small devices ============ */
@media (max-width: 991px) {
.dropdown-menu .dropdown-menu{margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;}
.nav-link.dropdown-toggle{margin-bottom: 0px;}
}
/* ============ small devices .end// ============ */
@media (min-width: 1200px) and (max-width: 2560px) {
.dropend .dropdown-menu[data-bs-popper] {
max-width: 350px;
}
}
@media (min-width: 200px) and (max-width: 1199px) {
.nav-link.dropdown-toggle-simple::after {
margin-left: 20px;
}
}
/*-----------------------------------------------------------ESTILOS DE BARRA DE NAVEGACIÓN-------------------------------------------------------------------*/
/*-----------------------------------------------------------INICIA ESTILOS DE NUEVO SLIDER-------------------------------------------------------------------*/
.slider-home-wrapper {margin: 0 auto;}
.slider-home-wrapper .slider-home-ibcj {background-color: #E0E3EB;}
.slider-home-wrapper .slick-track {overflow: hidden;}
.slider-content-home {display: flex !important;align-items: center;justify-content: initial;width: 100%;position: relative;max-height: 100%;}
.slider-content-home .slider-text-home {display: inline-table;opacity: 0;transition: all 1s ease;background: rgba(255, 255, 255, 0.75);padding: 1.5em 20em;position: absolute;left: 0px;width: 40%;z-index: 1;transition: all 1s linear;}
.slider-content-home .slider-text-home span {color: #002554;font-weight: 700;font-size: 1.5em;line-height: 15px;text-align: center;}
.slider-content-home .slider-text-home h3 {color: #BB0B24;font-weight: 400;font-size: 2em;margin-bottom: 0;margin: 0px -270px;font-family: 'Source Sans Pro', sans-serif;}
.slider-content-home .slider-text-home h3 bold {
font-size: 0.5em; font-style: italic; color: #800000; font-weight: 600; line-height: 1 !important;
}
.slider-content-home .slider-text-home h3:after {content: "";width: 100%;height: 3px;display: block;}
.slider-content-home .slider-text-home h3 em {color: #BB0B24;font-weight: 700;font-size: 0.78em;margin-bottom: 0;margin: 0px 0px;font-family: 'Source Sans Pro', sans-serif;font-style: normal;text-transform: uppercase;}
.slider-content-home .slider-text-home p {line-height: 1.5;font-size: 1.2em;margin: 0px 0px;margin: 0px -270px;font-family: 'Source Sans Pro', sans-serif;color: #66739d;}
.slider-content-home .slider-text-homep p {font-size: 1em !important;}
.slider-content-home .slider-text-home .border-buttons-rediseno { border-radius: 0px; width: 190px; font-family: 'Source Sans Pro'; font-weight: 600; font-size: 1.2em; color: #ffff; background-color: #3651a1; border: none; padding: 8px 5px; margin-top: 4.5px; margin-right: 5px; text-transform: uppercase; display: flex; justify-content: center;}
.slider-content-home .slider-text-home .border-buttons-rediseno:hover { color: #fff; background-color: #000d5d; transition: background-color 0.7s ease-in-out;}
.slider-content-home .slider-image-home {width: 70%;margin: 0;position: relative;}
.slider-content-home .slider-image-home:before {content: "";padding-top: 56.25%;display: block;}
.slider-content-home .slider-image-home img {position: absolute;top: 0;left: 0;width: 0;height: 100%;object-fit: cover;transition: all 0.75s ease;}
.slick-arrow {position: absolute;bottom: 2em;right: 2em;z-index: 2;background-size: 100%;border: 0;width: 30px;height: 25px;text-indent: -9999px;cursor: pointer;transition: all 0.5s ease; }
.slick-arrow:hover {background-size: 190%;}
.slick-arrow.slick-prev {right: 5em;clip-path: polygon(0 46%, 100% 100%, 100% 0); }
.slick-arrow.slick-next {clip-path: polygon(100% 50%, 0 100%, 0 0); }
.slick-active .slider-text-home {opacity: 1;}
.slick-active .slider-image-home img {width: 100%;margin-left: 0px;}
/*---------------------------------------------------------TERMINA ESTILOS DE NUEVO SLIDER-------------------------------------------------------------*/
/*---------------------------------------------Estilos de contdown-new (NUEVO CONTADOR PARA EVENTOS)--------------------------------*/
.counter-back {background-color: #002554;padding-top: 20px;padding-bottom: 20px;text-align: center;}
.buttons-align-center-l{place-self: center;text-align: -webkit-center; text-align: -moz-center; width:auto;}
.buttons-align-center-r{place-self: center;text-align: -webkit-center; text-align: -moz-center; float: none;width:auto;}
.countdown-new p {text-align: center;font-size: 1.3em;font-weight: 400;margin-top: 0px;font-family: 'Source Sans Pro', sans-serif;color: #fff;}
.countdown-new h2 {text-align: left;font-size: 1.3em;font-weight: 400;margin-top: 0px;margin-bottom: 10px;font-family: 'Source Sans Pro', sans-serif;color: #fff; padding-left: 25px; padding-right: 25px;opacity: 1;}
.countdown-new h2:hover {opacity: 0.65;transition: all 0.2s ease-in;}
.countdown-new h3 {text-align: center;font-size: 1.1em;font-weight: 600;margin-top: 10px;font-family: 'Source Sans Pro', sans-serif;color: #fff;}
.btn-countdown-detalles {border: none;display: block;text-align: center;cursor: pointer;outline: none;overflow: hidden;position: relative;color: #fff !important;font-weight: 600;font-size: 0.8em;font-family: 'Source Sans Pro', sans-serif;background-color: #c88a02;padding: 5px 30px;box-shadow: 0 5px 15px rgba(0,0,0,0.20);}
.btn-countdown-inscribirse {border: none;display: block;text-align: center;cursor: pointer;outline: none;overflow: hidden;position: relative;color: #fff !important;font-weight: 600;font-size: 0.8em;font-family: 'Source Sans Pro', sans-serif;background-color: #BF0D3E;padding: 5px 30px;box-shadow: 0 5px 15px rgba(0,0,0,0.20);width: 100%;}
.content-justify-countdown{justify-content: initial;}
/*---------------------------------------------Estilos de contdown-new (NUEVO CONTADOR PARA EVENTOS)---------------------------------*/
/*------------------------INICIA SECCION DE CAPACITADORA CERTIFICADA Y RESPALDADA POR --------------------------*/
.bg-capacitadora-certificada{background-image: url('../../assets2/img/home/home_textura_experiencia_ibcj.webp'); background-size: cover;}
.pb-certificados{padding-bottom: 220px;}
.text-certificados {margin: 100px 200px;padding-bottom: 25px;}
.text-certificados h1 {color: #00155c;font-size: 2em;font-family: 'Source Sans Pro', sans-serif;font-weight: 700;text-align: center;}
.text-certificados span{color: #CA9700;font-family: 'Source Sans Pro', sans-serif;font-weight: 700;}
.certifcados-left{border-right: 2px solid #fff; padding-left: 230px; margin-top: -80px;margin-bottom: -80px;}
.certifcados-left img{width: 300px;padding-top: 90px;padding-bottom: 0px;}
.certifcados-left hr{height: 2px;color: #fff;display: none;opacity: 1;}
.certifcados-left-2{padding-left: 0px;margin-top: -75px;}
.certifcados-left-2 img{ width: 250px !important;padding-top: 115px !important;padding-bottom: 0px !important;}
.certifcados-left-2 hr{height: 2px;color: #fff;display: none;opacity: 1;}
.certifcados-right{padding-left: 20px;}
.certifcados-right img{width: 400px;}
.certifcados-right-2{padding-left: 10px; padding-top: 30px;}
.certifcados-right-2 img{ width: 200px !important;padding-top: 15px;padding-bottom: 12px !important;}
.text-certificados-button {margin-top: 150px;margin-right: 219px;margin-left: 219px;margin-bottom: -150px;text-align: center;}
.btn-certificados {border: none;position: relative;color: #7884a8 !important;font-weight: 600;font-size: 1.2em;font-family: 'Source Sans Pro', sans-serif;background-color: #CA9700;padding: 5px 20px;box-shadow: 0 5px 15px rgb(0 0 0 / 20%);}
.text-certificados-nregistro1 {background: #bf0d3e;border: #BF0D3E 1px solid;margin-top: 24px;margin-right: 35px;margin-left: 0px;}
.text-certificados-nregistro1 p{color: #fff;font-size: 1em;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;text-align: center;margin-bottom: 0px;}
.text-certificados-nregistro2 {background: #bf0d3e ;border: #BF0D3E 1px solid;margin-top: 15px;margin-right: 135px;margin-left: 15px;}
.text-certificados-nregistro2 p{color: #fff;font-size: 1em;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;text-align: center;margin-bottom: 0px;}
.text-certificados-nregistro3 {background: #bf0d3e;border: #BF0D3E 1px solid;margin-top: 10px;margin-right: 135px;margin-left: 5px;}
.text-certificados-nregistro3 p{color: #fff;font-size: 1em;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;text-align: center;margin-bottom: 0px;}
.text-certificados-nregistro4 {background: #bf0d3e;border: #BF0D3E 1px solid;margin-top: 24px;margin-right: 35px;margin-left: 0px;padding: 11px 0px;}
.text-certificados-nregistro4 p{color: #fff;font-size: 1em;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;text-align: center;margin-bottom: 0px;}
/*------------------------TERMINA SECCION DE CAPACITADORA CERTIFICADA Y RESPALDADA POR --------------------------*/
/*--------------------------------------------------------------------Estilos Certificate con nosotros-----------------------------------------------------*/
.slide-image {position: relative;margin-bottom: 10px;width: 250px;height: 300px;background-repeat: no-repeat;}
.slide-label {display: block;position: absolute;max-width: 100%;left: auto;top: 0.75em;right: 0.75em;bottom: auto;margin-top: 0em;margin-bottom: 0em;padding: 0.625em 1em 0.45em;background-color: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.65);color: #0c586f;font-size: 1.4rem;line-height: 1em;font-weight: 700;text-transform: uppercase;}
.slick-dots {display: flex;justify-content: center;margin: 0;padding: 1rem 0;list-style-type: none;}
.slick-dots li {margin: 0 0.25rem;}
.slick-dots button {display: block;width: 1rem;height: 1rem;padding: 0;border: none;border-radius: 100%;background-color: rgb(184, 175, 175);margin-top: 10px;text-indent: -9999px;}
.slick-dots li.slick-active button {background-color: #dfb433;}
.slick-arrow1 {border-width: 0;background-color: transparent;position: absolute;bottom: 20%;font-size: 18px;text-transform: uppercase;}
@media (min-width: 768px) {.slick-arrow1 {bottom: 30%;}}
.slick-prev1 {left: 0;}
.slick-prev1::before {margin-right: 8px;font-family: FontAwesome;content: "";}
.slick-next1 {right: 0;}
.slick-next1::after {font-family: FontAwesome;margin-left: 8px;content: "";}
/*--------------------------------------------------------------------Estilos Certificate con nosotros-----------------------------------------------------*/
/*--------------------------------------------------------------------estilos para carrusel de alianzas----------------------------------------------------*/
.about-conteni-title h1{font-size: 1.65em;color: #00155C;font-weight: 500;font-family: 'Source Sans Pro', sans-serif;text-transform: none;text-align: left;}
.about-conteni-title span{color: #00155C;font-weight: 700;font-family: 'Source Sans Pro', sans-serif;text-transform: none;}
.about-conteni-border-left hr{background: #BF0D3E;color: transparent;height: 2px;width: 10vw;opacity: 2;}
.about-conteni-title-right h1{font-size: 1.65em;color: #00155C;font-weight: 500;font-family: 'Source Sans Pro', sans-serif;text-transform: none;text-align: right;}
.about-conteni-title-right span{color: #00155C;font-weight: 700;font-family: 'Source Sans Pro', sans-serif;text-transform: none;}
.about-conteni-border-right hr{color: #BF0D3E;height: 2px;margin-left: 77vw;opacity: 2;}
.about-conteni-title-center h1{font-size: 1.65em;color: #00155C;font-weight: 500;font-family: 'Source Sans Pro', sans-serif;text-transform: none;text-align: center;}
.about-conteni-title-center span{color: #00155C;font-weight: 700;font-family: 'Source Sans Pro', sans-serif;text-transform: none;}
.about-conteni-border-center hr{color: #BF0D3E;height: 2px;width: 15vw;opacity: 2; margin-left: 460px;}
.about-conteni-home p{font-size: 1.125rem;color: #434A5F;font-family: 'Source Sans Pro', sans-serif;font-weight: 500;margin-bottom: 30px;line-height: 2.2rem;text-align: left;}
section.slide-option {margin: 0 0 50px }
section.slide-option .no-marg {margin: 0 0 0 0;}
div.highway-slider {display: flex;justify-content: center;width: 100%;height: 150px;}
div.highway-slider div.highway-barrier {overflow: hidden;position: relative;}
div.highway-slider ul.highway-lane {display: flex;height: 100%;}
div.highway-slider ul.highway-lane li.highway-car {flex: 1;display: flex;justify-content: center;align-items: center;background: #fff;color: #343434;}
@-webkit-keyframes translatestf {0% {transform: translateX(100%);}100% {transform: translateX(-500%);}}
@keyframes translatestf {0% {transform: translateX(100%);}100% {transform: translateX(-500%);}}
@-webkit-keyframes translateinfinite {100% {transform: translateX(calc(-180px * 12));}}
@keyframes translateinfinite {100% {transform: translateX(calc(-180px * 12));}}
#infinite div.highway-barrier {background: #fff;}
#infinite div.highway-barrier::before,#infinite div.highway-barrier::after {content: " ";position: absolute;z-index: 9;width: 180px;height: 100%;}
#infinite div.highway-barrier::before {top: 0;left: 0;background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);}
#infinite div.highway-barrier::after {top: 0;right: 0;background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);}
#infinite div.highway-barrier ul.highway-lane {width: calc(180px * 24);}
#infinite div.highway-barrier ul.highway-lane li.highway-car {width: 180px;-webkit-animation: translateinfinite 25s linear infinite;animation: translateinfinite 25s linear infinite;}
#infinite div.highway-barrier ul.highway-lane li.highway-car img {width: 60%;margin: 0px 80px;}
@media (max-width:2560px){#infinite div.highway-barrier::before,#infinite div.highway-barrier::after {content: " ";position: absolute;z-index: 9;width: 180px;height: 100%;}#infinite div.highway-barrier ul.highway-lane li.highway-car img {width: 60%;margin: 0px 130px;}}
@media (max-width:1280px){#infinite div.highway-barrier::before,#infinite div.highway-barrier::after {content: " ";position: absolute;z-index: 9;width: 180px;height: 100%;}#infinite div.highway-barrier ul.highway-lane li.highway-car img {width: 60%;margin: 0px 80px;}}
@media (max-width:425px){#infinite div.highway-barrier::before,#infinite div.highway-barrier::after {content: " ";position: absolute;z-index: 9;width: 50px;height: 100%;}}
/*--------------------------------------------------------------------estilos para carrusel de alianzas----------------------------------------------------*/
/*-----------------------------INICIA SECCIÓN ELEARNING-----------------------------------------*/
.e-learning-ibcj-bg {background: url(../../assets2/img/home/home_e-learning_bg_1263x311.webp);background-size: cover; padding-top: 70px;}
.pt-modifi{padding-top: 140px;}
.margen-elearning{margin-top: -520px;}
.elearning-text h2{color: #fff;text-align: left;font-family: 'Source Sans Pro', sans-serif;font-weight: 700;font-size: 3em;text-transform: uppercase;text-align: center;}
.elearning-text p{font-size: 1.1em;padding-top: 10px;padding-bottom: 10px;color: #ffff;font-family: 'Source Sans Pro', sans-serif;line-height: 1.6rem;font-weight: 300;text-align: center;padding: 0px 75px;}
.elearning-text .elearning-btn-position{text-align: -moz-center;text-align: -webkit-center;}
.img-elearning{text-align: center;}
.img-elearning img{width: 450px;}
.elearning-margen-espacio {padding: 0px 0px;margin-left: 0px;}
.elearning-margen-espacio .btn-center-position {text-align: -webkit-center; text-align: -moz-center;}
.btn-elearning {border-radius: 2px;border: none;display: block;text-align: center;cursor: pointer;outline: none;overflow: hidden;position: relative;color: #fff !important;font-weight: 600;font-size: 1.2em;font-family: 'Source Sans Pro', sans-serif;background-color: #CA9700;padding: 5px 30px;margin: 0px;box-shadow: 0 5px 15px rgba(0,0,0,0.20); height: 50px;}
.btn-elearning i{padding-left: 10px;}
.mobile-version-elearning{display: none;margin-top: 0px;}
.desktop-version-elearning{display: block;}
.pb20-elearning{padding-bottom: 20px;}
/*-----------------------------TERMINA SECCIÓN ELEARNING-----------------------------------------*/
/*-----------------------------INICIA PROMOCION MEMBRESIAS EN HOME------------------------------*/
.membresias-promocion-home{padding-top: 70px; padding-bottom: 20px;}
.promo-member-text h2{color: #66739D;text-align: left;font-family: 'Source Sans Pro', sans-serif;font-weight: 500;font-size: 3em;text-align: left;}
.promo-member-text span{color: #BF0D3E;text-align: left;font-family: 'Source Sans Pro', sans-serif;font-weight: 700;font-size: 1em;}
.btn-promo-member {border: none;display: block;text-align: center;cursor: pointer;outline: none;overflow: hidden;position: relative;color: #fff !important;font-weight: 600;font-size: 1em;font-family: 'Source Sans Pro', sans-serif;background-color: #00155C;padding: 7px 40px;margin-top: 50px;margin-left: 0px;box-shadow: 0 5px 15px rgba(0,0,0,0.20); height: 60px;}
.btn-promo-member i{padding-left: 10px;}
.img-promo{text-align: center;}
.img-promo img{width: 500px;}
/*-----------------------------TERMINA PROMOCION MEMBRESIAS EN HOME------------------------------*/
/*========================================TERMINA LANDING PAGE IBCJ HOME================================================*/
/*========================================TERMINA LANDING PAGE IBCJ HOME================================================*/
/*====================================================ESTILOS PARA NUEVO FOOTER===================================================*/
.header-top-footer div {display: flex;align-items: center;width: 100%;}
.header-top-footer span {padding: 0 0.5em;font-family: 'Source Sans Pro', sans-serif;font-size: 0.8em;font-weight: 500;color: #fff;text-align: left;}
.header-top-footer .right {background: #002554;clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);margin-top: -5px;padding-top: 5px;}
.header-top-footer a {font-family: 'Source Sans Pro', sans-serif;font-size: 1em;font-weight: 500;color: #fff;padding: 0 0.2em;}
.header-top-footer a:hover{color:#CA9700;transition: color 0.5s ease-in-out;}
.header-top-footer i {color: #fff;font-size: 1.3em;}
.footer-logo2 {padding: 15px 0px;text-align: center;}
.footer-logo2 img{width: 70%;}
.header-footer-top{background: #002554;position: relative;padding-top: 0px;}
.header-footer-top .right{background: #BF0D3E;clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);margin-top: 0px;padding-top: 10px;padding-right: 20px;padding-left: 20px;padding-bottom: 10px;}
.aviso-privacidad2{border-right: 1px solid #fff;border-bottom:none;margin-left: 0px;margin-right: 0px;}
@media (max-width: 768px){.header-footer-top .right{clip-path:none;}}
.header-footer-right ul li{display: inline-block;margin-right: 20px;}
.header-footer-right ul li:last-child{margin-right: 0px;}
.header-footer-left p, .header-footer-top ul li a{font-size: 1.25em;font-weight: 600;font-family: 'Source Sans Pro', sans-serif;color: #fff !important;text-transform: uppercase;line-height: 1.2;}
.header-footer-right ul li:hover a{color: #dfb433 !important;transition: color 0.7s ease-in-out;}
.header-area-footer.two .main-menu > ul > li > a {color: #c99700;line-height: 1.2px;}
.header-area-footer.two .main-menu > ul > li:hover > a {color: #dfb433;}
.ul-espacio-nav-footer ul {padding-left: 0.1rem;}
.header-top-footer-aviso a {font-family: 'Source Sans Pro', sans-serif;font-size: 0.7em;font-weight: 500;color: #fff;padding: 0 0.2em;}
.footer-logo3 {padding: 15px 0px;text-align: center;}
.footer-logo3 img{width: 20%; float: left;}
.footer-logo-ondemand {padding: 15px 0px;text-align: center;}
.footer-logo-ondemand img{ width: 30%;float: left;margin-right: 10px;}
.footer-logo4-icon {padding-left: 30px;padding-top: 30px;padding-bottom: 30px;padding-right: 10px;text-align: center;}
.footer-logo4-icon i{font-size: 1em; float: left;}
.footer-logo5-icon {padding-left: 0px;padding-top: 20px;padding-bottom: 30px;padding-right: 0px;text-align: center;}
.footer-logo5-icon i{font-size: 1em; float: left;}
.footer-logo6-icon {padding-left: 0px;padding-top: 20px;padding-bottom: 30px;padding-right: 0px;text-align: center;margin-left: -30px;}
.footer-logo6-icon i{font-size: 1em; float: left;}
.header-top-footer2 p {padding: 0 0.5em;font-family: 'Source Sans Pro', sans-serif;font-size: 1em;font-weight: 500;color: #fff;text-align: left;margin-left: 20px;margin-bottom: 0px;margin-top: -10px;}
.header-top-footer2 a:hover {color: #CA9700;transition: color 0.5s ease-in-out;}
.header-top-footer2 a {font-family: 'Source Sans Pro', sans-serif;font-size: 1em;font-weight: 500;color: #fff;padding: 0 0.2em;}
.header-top-footer2 i {color: #fff;font-size: 1.3em;}
.header-top-footer3 p {padding: 0 0.5em;font-family: 'Source Sans Pro', sans-serif;font-size: 0.8em;font-weight: 500;color: #fff;text-align: left;margin-left: 20px;margin-bottom: 0px;margin-top: -5px;}
.header-top-footer3 a {font-family: 'Source Sans Pro', sans-serif;font-size: 1.5em;font-weight: 500;color: #fff;padding: 0 0.2em;}
.header-top-footer3 a:hover {color: #CA9700;transition: color 0.5s ease-in-out;}
.header-top-footer3 i {color: #fff;font-size: 1em;}
.header-top-footer4 p {padding: 0 0.5em;font-family: 'Source Sans Pro', sans-serif;font-size: 0.8em;font-weight: 500;color: #fff;text-align: left;margin-left: 20px;margin-bottom: 0px;margin-top: -2px;}
.header-top-footer4 a {font-family: 'Source Sans Pro', sans-serif;font-size: 1.5em;font-weight: 500;color: #fff;padding: 0 0.2em;}
.header-top-footer4 a:hover {color: #CA9700;transition: color 0.5s ease-in-out;}
.header-top-footer4 i {color: #fff;font-size: 1.2em;}
.header-top-footer5 p {padding: 0 0em;font-family: 'Source Sans Pro', sans-serif;font-size: 1em;font-weight: 500;color: #fff;text-align: left;margin-left: 0px;margin-bottom: 0px;margin-top: -12px;}
.header-top-footer5 a {font-family: 'Source Sans Pro', sans-serif;font-size: 1em;font-weight: 500;color: #fff;padding: 0 0.5em;}
.header-top-footer5 a:hover {color: #CA9700;transition: color 0.5s ease-in-out;}
.header-top-footer5 i {color: #fff;font-size: 1.2em;}
.header-top-footer5 i:hover {color: #dfb433;transition: color 0.5s ease-in-out;}
.header-top-footer p {padding: 0 0.5em;font-family: 'Source Sans Pro', sans-serif;font-size: 1.05em;font-weight: 500;color: #fff;text-align: left;margin-left: 70px;margin-bottom: 10px;margin-top: 15px;}
/*====================================================ESTILOS PARA NUEVO FOOTER===================================================*/
/*====================================================INICIA CERTIFICATE CON NOSOTROS=============================================*/
.slide-image {position: relative;margin-bottom: 10px;width: 250px;height: 300px;background-repeat: no-repeat;}
.slide-label {display: block;position: absolute;max-width: 100%;left: auto;top: 0.75em;right: 0.75em;bottom: auto;margin-top: 0em;margin-bottom: 0em;padding: 0.625em 1em 0.45em;background-color: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.65);color: #0c586f;font-size: 1.4rem;line-height: 1em;font-weight: 700;text-transform: uppercase;}
.slick-dots {display: flex;justify-content: center;margin: 0;padding: 1rem 0;list-style-type: none;}
.slick-dots li {margin: 0 0.25rem;}
.slick-dots button {display: block;width: 1rem;height: 1rem;padding: 0;border: none;border-radius: 100%;background-color: rgb(184, 175, 175);margin-top: 10px;text-indent: -9999px;}
.slick-dots li.slick-active button {background-color: #dfb433;}
.slick-arrow1 {border-width: 0;background-color: transparent;position: absolute;bottom: 20%;font-size: 18px;text-transform: uppercase;}
@media (min-width: 768px) {.slick-arrow1 {bottom: 30%;}}
.slick-prev1 {left: 0;}
.slick-prev1::before {margin-right: 8px;font-family: FontAwesome;content: "";}
.slick-next1 {right: 0;}
.slick-next1::after {font-family: FontAwesome;margin-left: 8px;content: "";}
.content-information-2{text-align: left;padding-top: 60px;padding-bottom: 40px;font-family: 'Titillium Web', sans-serif;}
.content-information-2 h1{font-size: 1.4em;font-weight: 700;margin-bottom: 20px;padding-right: 55px;color: #43495e;}
.content-information-2 h2{font-size: 1.4em;font-weight: 700;margin-bottom: 20px;padding-right: 55px;color: #43495e;}
.content-information-2 h3{font-size: 1.4em;font-weight: 600;margin-bottom: 20px;padding-right: 55px;color: #fff; margin-bottom: 0px;}
.content-information-2 h3.alianzas-title{font-size: 1.68em; text-align: center; margin-bottom: 20px; padding-right: 0px; font-weight: 600; color: #fff;}
.content-information-2 h5{font-size: 0.7em;font-weight: 700;margin-bottom: 40px;padding-left: 350px;color: #00155C;text-align: right;}
.content-information-2 p{color: #434a5f;font-family: 'Titillium Web', sans-serif;font-size: 0.9em;font-weight: 500;margin-bottom: 30px;padding-right: 20px;text-align: justify;}
.content-information-3 h1{font-size: 1.8em !important;}
.content-p-certifi-indi p{margin-bottom: 10px !important;padding-right: 20px !important;}
.content-p-certifi-indi p:last-child{margin-bottom: 30px !important;padding-right: 20px !important;}
.content-information-list-2 {margin-bottom: 30px;}
.content-information-list-2 ul li{color: #434a5f;font-size: 0.9em;font-family: 'Titillium Web', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 5px;padding-left: 1.5em;position: relative;}
.content-information-list-2 ul {list-style: none; padding-left: 0px;}
.content-information-list-2 ul li:after {content: "";height: 0.5em;width: 0.5em;background: #921e7f;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.content-information-list-4 {margin-bottom: 0px; margin-top: -25px;}
.content-information-list-4 ul li{color: #434a5f;font-size: 0.95em;font-family: 'Titillium Web', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 5px;padding-left: 1.5em;position: relative;}
.content-information-list-4 ul {list-style: none; padding-left: 0px;}
.content-information-list-4 ul li:after {content: "";height: 0.5em;width: 0.5em;background: #921e7f;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.content-information-list-5 {margin-bottom:30px; margin-top: -25px;}
.content-information-list-5 ul li{color: #434a5f;font-size: 0.95em;font-family: 'Titillium Web', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 5px;padding-left: 1.5em;position: relative;}
.content-information-list-5 ul {list-style: none; padding-left: 0px;}
.content-information-list-5 ul li:after {content: "";height: 0.5em;width: 0.5em;background: #921e7f;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.content-information-list-6 {margin-bottom:30px; margin-top: 25px;}
.content-information-list-6 ul li{color: #434a5f;font-size: 1.15em !important;font-family: 'Titillium Web', sans-serif; color: #fff;font-weight: 400;line-height: 1.5;margin-bottom: 5px;padding-left: 1.5em;position: relative;}
.content-information-list-6 ul {list-style: none; padding-left: 30px;}
.content-information-list-6 ul li:after {content: "";height: 0.5em;width: 0.5em;background: #fff;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.form-certificacion2{min-height: 1280px;box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.1);border-radius: 10px;text-align: center;margin-left: 50px;margin-right: 50px; padding: 40px;background: #fff;}
.form-certificacion2 h1{font-family: 'Titillium Web', sans-serif;font-size: 1.5em;font-weight: 700;margin-bottom: -2px;padding-right: 0px;color: #BF0D3E;}
.form-certificacion2 img{margin-top: -155px;width: 62%;margin-bottom: 10px;}
.form-certificacion2 h3{color: #43495e;font-size: 2.7em;margin-bottom: 15px;margin-top: 5px;font-weight: 700;}
.form-certificacion2 h4{color: #000; background: #CA9700;font-size: 1em;width: 15vw; margin-top: 90px;}
.content-information-list3 ul li{font-size: 0.9em;padding-right: 20px;font-weight: 500;line-height: 1.5;color: #717686;margin: 0;padding-left: 1.1em;padding-bottom: 10px;position: relative;text-align: left;}
.content-information-list3 ul {list-style: none;}
.textura-formulario{background-image: url('../../assets2/img/membresias/membresias_textura_experiencia_ibcj.webp');}
.content-information-list3 ul li:after {content: "";height: 0.5em;width: 0.5em;background: #D2153A;display: block;position: absolute;transform: rotate(45deg);top: 0.55em;left: 0;}
.content-information-list3 span{color: #717686; text-decoration: #BB0B24 line-through;}
.content-information-list3 strong{font-weight: 500; color: #fff;background-color: #D2153A;}
.btn-certifi-inscribirme {border: 2px solid #fff;color: #575f65 !important;font-weight: 600;font-size: 1em;font-family: 'Titillium Web', sans-serif;background-color: #fff;padding: 10px 35px;margin-top: 30px;margin-bottom: 30px;margin-left: 50px;margin-right: 50px;box-shadow: 0 5px 15px rgb(0 0 0 / 20%);}
.form-margin-certification{margin-top: 50px;}
/*====================================================TERMINA DE STYLES DE CERTIFICACIONES INDIVIDUALES==========================================*/
/*====================================================INICIA ESTILOS PARA ACORDEON DE CERTIFICACIONES==========================================*/
.accordion {font-family: 'Titillium Web', sans-serif;}
.accordion-item-content {border-bottom: 1px solid #00155C;border-top: 0px solid #00155C;}
.accordion-item-content1 {border-bottom: 1px solid #00155C;border-top: 1px solid #00155C;}
.accordion-title{font-size: 1em;font-weight: 600;color: #434a5f;padding-right: 50px;}
.accordion-btn {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 1.2rem 1.7rem;background: white;border: none;font-size: 1.2rem;text-align: left;cursor: pointer;transition: 0.1s;}
.accordion-btn:hover {background: #e2e3e4;}
.accordion-icon {padding: 5px;}
.accordion-icon i{color: #921e7f;font-size: 1.5em;transform: rotate(0deg);transition: 0.3s ease-in-out;opacity: 0.9;}
.accordion-content {font-weight: 300;max-height: 0;opacity: 0;overflow: hidden;color: #000;transform: translateX(10px);transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;}
.accordion-content p {padding: 1rem 0.8rem;font-size: 0.9em !IMPORTANT;margin-bottom: 0px !IMPORTANT;padding-right: 10px !IMPORTANT;}
.accordion-content ul li{font-size: 0.9em;font-family: 'Source Sans Pro', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 15px;margin-top: 15px;}
.accordion-content ul {list-style: none; margin-left: 25px; padding-left: 0px;}
.accordion-content ul li {padding-left: 1.5em;position: relative;}
.accordion-content ul li:after {content: "";height: 0.5em;width: 0.5em;background: #921e7f;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.accordion-item-active .accordion-btn {color: #e2e3e4;border-bottom: 2px solid #CA9700;}
.accordion-item-active .accordion-icon i {transform: rotate(180deg);color: #00155C;}
.accordion-item-active .accordion-content {opacity: 1;transform: translateX(0px);max-height: 110vh;}
/*====================================================TERMINA ESTILOS PARA ACORDEON DE CERTIFICACIONES==========================================*/
/*====================================================INICIA ESTILOS PARA ACORDEON MULTINIVELES (Opcional)======================================*/
.accordion-title-certificaciones-indi {font-size: 1em !important;margin-bottom: 0px !important;padding-right: 50px !important;cursor: pointer; font-weight: 500 !important;}
/*** Styling top level items*/
.acordion-certifi-indi ul {list-style: none;margin-bottom: 0em !important; padding-left: 0px;}
.acordion-certifi-indi label {padding: 0.85rem;color: #fff;background-color: #fff;display: flex;justify-content: space-between;align-items: center;border: none;font-size: 1.2rem;text-align: left;cursor: pointer;transition: all 0.1s;border-bottom: 1px solid #00155C;}
.acordion-certifi-indi p {padding: 0.85rem;color: #00155C;background-color: #fff;display: flex;justify-content: space-between;align-items: center;border: none;font-size: 1.2rem;text-align: left;transition: all 0.1s;}
.acordion-certifi-indi label:hover {color: #00155C;background: #e2e3e4;}
.acordion-certifi-list-indi input[type=checkbox]:checked + label + ul {max-height: 7000px;}
/*** Rotating chevron icon*/
label > span {transition: transform 0.55s ease;transform: rotate(90deg);color: #921e7f;font-size: 1.5em;}
.acordion-certifi-list-indi input[type=checkbox]:checked + label > span {transform: rotate(270deg); color: #bb0b24;}
/*** Styling first level lists items*/
.group-list-certificaciones-indi h3 {font-family: 'Titillium Web';padding-left: 0rem;padding-right: 90px;font-size: 0.9em;color: #434a5f;font-weight: 600; margin-bottom: 0px !important;}
.group-list-certificaciones-indi label {padding-left: 3rem;background: #fff;color: black;}
.group-list-certificaciones-indi ul li{font-family: 'Titillium Web', sans-serif;color: #434a5f;font-size: 1.2em; font-weight: 500;line-height: 1.8;margin-bottom: 15px;margin-top: 15px;}
.group-list-certificaciones-indi ul {list-style: none; margin-left: 40px;}
.group-list-certificaciones-indi ul li {padding-left: 1.5em;position: relative;}
.group-list-certificaciones-indi ul li:after {content: "";height: 0.5em;width: 0.5em;background: #921e7f;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
/*** Styling second level list items*/
.sub-group-list-certificaciones-indi p{padding-left: 4rem;background: #fff;}
.sub-group-list-certificaciones-indi label {padding-left: 5rem;}
/*** Styling third level list items*/
.sub-sub-group-list-certificaciones-indi p{padding-left: 5rem;background: #fff;}
.sub-sub-group-list-certificaciones-indi label {padding-left: 6rem;}
/*** Hide nested lists*/
.group-list-certificaciones-indi,.sub-group-list-certificaciones-indi,.sub-sub-group-list-certificaciones-indi {height: 100%;max-height: 0;overflow: hidden;transition: max-height 0.5s ease-in-out;}
/*====================================================TERMINA ESTILOS PARA ACORDEON MULTINIVELES (Opcional)======================================*/
.button-lead{margin-top: 40px;margin-bottom: 40px;position: relative;}
.button-lead a {border: none;padding: 15px 90px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;}
.button-lead a span {font-family: 'Source Sans Pro', sans-serif;font-weight: 600;border: none;color: white;text-align: center;text-decoration: none;display: inline-block;font-size: 1.4em;cursor: pointer;}
.button-lead a i {color: #fff;font-size: 1.2em;padding-left: 10px;}
/*ESTILOS ADICIONALES PARA AGENDA*/
.info-evento{padding-top: 150px;
padding-bottom: 100px;
}
.info-evento-multi{
padding-top: 50px;
padding-bottom: 100px;
}
.prox-event-multi{
text-align: center;
padding-top: 100px;
}
.prox-event-multi img{
width: 85%;
height: auto;
filter: drop-shadow(5px 5px 4px rgba(0,0,0,0.3));
border: solid thin palegoldenrod;
font-family: 'Source Sans Pro';
color: #581845;
padding: 10px;
}
.prox-event-multi h2{
font-family: 'Source Sans Pro', sans-serif;
padding-top: 30px;
padding-bottom: 30px;
font-size: 2em;
text-transform: uppercase;
color: #002554;
font-weight: 400;
}
.prox-event-multi h2 span{
font-weight: 700;
color: #BF0D3E;
}
.prox-event-multi p{
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.2em;
color: #1D1D1B;
line-height: 1.2;
font-weight: 400;
}
.prox-event{text-align: center; padding-top: 20px; padding-bottom: 20px;}
.prox-event img{width: 85%; height: auto; filter: drop-shadow(5px 5px 4px rgba(0,0,0,0.3)); border: solid thin palegoldenrod; font-family: 'Source Sans Pro';color: #581845; padding: 10px;}
.prox-event h2{
font-family: 'Source Sans Pro', sans-serif;
font-size: 2.5em;
text-transform: uppercase;
color: #BF0D3E;
font-weight: 700;}
.prox-event h3{
font-size: 1.5em;
color: #144272;
font-weight: 600;
text-transform: uppercase;
}
.prox-event p{font-family: 'Source Sans Pro', sans-serif; font-size: 1.2em; color: #1D1D1B; line-height: 1.2; font-weight: 400;}
.prox-event p strong{color: #BF0D3E;}
.prox-event .event-cont{display: inline-flex; padding-top: 30px;}
.event-cont .beneficios{text-align: left; padding: 20px}
.event-cont .beneficios h3{color: #074F9A; font-size: 1.5em; text-transform: uppercase; font-weight: 700; line-height: 1.2; }
.event-cont .beneficios ul.cont-list {line-height: 2; padding-left: 50px ;}
.event-cont .beneficios p{font-family: 'Source Sans Pro', sans-serif; font-size: 1.2em; line-height: 1.4; font-weight: 400; color: #3C3C3B; text-align: left; padding-top: 10px; padding-left: 15px; padding-right: 15px;}
.event-cont .beneficios .cont-list li{font-family: 'Source Sans Pro', sans-serif; font-size: 1.2em; line-height: 1.5; font-weight: 400; color: #3C3C3B;}
.event-cont .beneficios a button{background: #CB9700; border: none; font-family: 'Source Sans Pro', sans-serif; color: #fff; font-weight: 600; font-size: 1.2em; padding: 10px;}
.event-cont .beneficios a button:hover{background: #002554; color: #fff; transition: background ease-in-out 0.5s, color ease-in-out 0.5s;}
.event-cont .fecha-hora{text-align: left; background: #CB9700;}
.event-cont .inversion{text-align: left; background: #002554;}
.event-cont .beneficios2 {text-align: left;margin-top: 25px;margin-left: 25px;}
.event-cont .beneficios2 a button:hover {background: #002554;color: #fff;transition: background ease-in-out 0.5s, color ease-in-out 0.5s;}
.event-cont .beneficios2 a button {background: #CB9700;border: none;font-family: 'Source Sans Pro', sans-serif;color: #fff;font-weight: 600;font-size: 1.2em;padding: 10px; margin-top: 4em;}
.event-cont .beneficios2 h3 {color: #074F9A;font-size: 1.5em;text-transform: uppercase;font-weight: 700;line-height: 1.2;padding-bottom: 15px;}
.event-cont .beneficios2 p {font-family: 'Source Sans Pro', sans-serif;font-size: 1.2em;line-height: 1.3;font-weight: 400;color: #3C3C3B;}
.event-cont .beneficios2 .cont-list li {font-family: 'Source Sans Pro', sans-serif;font-size: 1.2em;line-height: 1.3;font-weight: 400;color: #3C3C3B;}
.sede-presencial{text-align: center; background: #BF0D3E; padding-top: 10px; padding-bottom: 5px;}
.event-cont .fecha-hora p{color: #fff; margin: 25px; font-family: 'Source Sans Pro';}
.event-cont .fecha-hora p i{margin: 5px; color: #074F9A;}
.event-cont .inversion p{color: #fff; margin: 25px; font-family: 'Source Sans Pro';}
.event-cont .inversion p strong{color: #CB9700;}
.event-cont .inversion p i{margin: 5px; color: #EBC983;}
.sede-presencial p{color: #fff; font-family: 'Source Sans Pro'; font-weight: 700; font-size:1.2em ;}
.sede-presencial p a strong{color: #F8D86E;}
.sede-presencial p a strong:hover{color: #FFF7E1; transition: color ease-in-out 0.5s;}
.sede-presencial p i{margin: 5px; color: #EBC983;}
.sede-presencial button{margin: 10px; background: #fff; padding: 5px 15px; color:#0D47A1; border: none}
.sede-presencial button:hover{background: #0D47A1; color:#fff; transition: all 0.5s;}
.tit-temario h2{font-weight: 700; color: #BF0D3E; font-size: 2em; margin-top: 30px;}
.tit-temario a button{background: #CB9700; border: none; font-family: 'Source Sans Pro', sans-serif; color: #fff; font-weight: 600; font-size: 1.2em; padding: 10px; margin-top: 30px; width: 30%;}
.tit-temario a button:hover{background: #BF0D3E; color: #fff; transition: background ease-in-out 0.5s, color ease-in-out 0.5s;}
.event-cont .temario{text-align: left;
margin-top: 50px;}
ul.tem-lv01 li{
font-family: "Source Sans Pro";
font-weight: 600;
font-size: 1.1em;
line-height: 1.2;
margin-bottom: 1em;
list-style: none;
width: 98%;
text-indent: -1.8em;
}
ul.tem-lv01 li:before{
content: "■";
padding-right: 1em;
color: #BF0D3E;
font-weight: 900;
}
.event-ponente ul.tem-lv01 li a, .event-ponente ul.tem-lv02 li a{
color: #f5d45e;
transition: 0.5s;
}
.event-ponente ul.tem-lv01 li a:hover, .event-ponente ul.tem-lv02 li a:hover{
color: #f5775e;
transition: 0.5s;
}
ul.tem-lv02 li{
font-family: "Source Sans Pro";
font-weight: 400;
font-size: 1em;
line-height: 1.2;
padding-left: 1em;
list-style: none;
margin-top: 15px;
}
ul.tem-lv02 li:before{
content: "▣";
padding-right: 1em;
color: #2789f2;
font-weight: 900;
}
ul.tem-lv03 li{
font-family: "Source Sans Pro";
font-weight: 400;
font-size: 1em;
line-height: 1.2;
padding-left: 1em;
list-style: none;
margin-top: 15px;
}
ul.tem-lv03 li:before{
content: "◆";
padding-right: 1em;
color: #3f5368;
font-weight: 900;
}
@media (min-width: 768px) and (max-width:991px){
.prox-event{
margin-bottom: 50px;
}
.event-cont .temario{
margin-top: 0px;}
}
#demo.cont-agenda{background: #074F9A; text-align: left; color: #fff; font-weight: 600; padding: 5px 10px;}
/*MÁSCARA AGENDA*/
.mascara-agenda{width: 100%;height: 100%;position: fixed;text-align: center;z-index: 10000;background: linear-gradient(323deg, rgba(0, 0, 0, 0.85), rgba(26, 48, 119, 0.95), rgba(0, 0, 0, 0.85));background-size: 600% 600%;-webkit-animation: bg-gracias 16s ease infinite;-moz-animation: bg-gracias 16s ease infinite;animation: bg-gracias 16s ease infinite;}
@-webkit-keyframes bg-gracias {0%{background-position:0% 48%}50%{background-position:100% 53%}100%{background-position:0% 48%}}
@-moz-keyframes bg-gracias {0%{background-position:0% 48%}50%{background-position:100% 53%}100%{background-position:0% 48%}}
@keyframes bg-gracias {0%{background-position:0% 48%}50%{background-position:100% 53%}100%{background-position:0% 48%}}
.mascara-agenda .container{text-align: center;width: 90%;padding-top: 5%;padding-bottom: 5%;}
.mascara-tit{padding-top: 50px;padding-bottom: 30px;}
.mascara-tit h1{font-family: "Source Sans Pro", sans-serif;color: #fff;font-weight: 700;font-size: 3em;line-height: 1;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.85);}
.mascara-img{margin-top: -25px;}
.mascara-img img{height: 360px;width: auto;}
.mascara-sub{background: #BF0D3E;padding-top: 10px;padding-bottom: 15px;}
.mascara-sub h3{text-transform: uppercase;font-family: "Source Sans Pro", sans-serif;color: #fff;font-size: 1.5em;font-weight: 400;}
.mascara-sub h3 span{color: #F8D86E;font-weight: 700;}
.mascara-sub h2{text-transform: uppercase;font-family: "Source Sans Pro", sans-serif;color: #fff;font-size: 2em;font-weight: 800;letter-spacing: 2px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.85);}
.mascara-txt{background: #C99700;padding-top: 5px;padding-bottom: 5px;}
.mascara-txt p{font-family: "Source Sans Pro", sans-serif;color: #002554;font-size: 1.1em;line-height: 1.2;font-weight: 600;}
.mascara-btn{background: #ffffff;padding-top: 5px;padding-bottom: 5px;display: inline-flex;text-align: center;padding-top: 15px;padding-bottom: 20px;}
.mascara-btn a button{background: #00165C;font-family: "Source Sans Pro", sans-serif;color: #fff;border: none;font-weight: 500;text-transform: uppercase;padding: 10px 5px;font-size: 1em;border-radius: 5px;width: 90%;}
.mascara-btn a button:hover{background: #0C528C;transition: background ease-in-out 0.5s;}
.reg-tit{text-align: left;padding-top: 50px;padding-bottom: 25px;}
.red-bar{background: #cb100c;height: 2px;width:25%;margin-bottom: 30px;}
.reg-tit h2{font-family: 'Source Sans Pro';font-weight: 700;color: #00155C;}
.reg-tit p{color: #050607;font-family: 'Source Sans Pro';}
/*ESTILOS AGENDA MULTI EVENTO*/
.event-tit{
text-align: center;
padding: 5px;
margin-top: 50px;
font-family: 'Source Sans Pro';
text-shadow: 2px 3px 5px rgba(0,0,0,0.15);
}
.event-tit h3{
font-weight: 600;
font-size: 2em;
color: #BF0D3E;
line-height: normal;
}
.event-tit h2{
font-weight: 900;
font-size: 3em;
color: #022e5e;
margin-top: -0.75em;
border-bottom: solid 5px #66739d;
}
.event-tit h4{
font-weight: 600;
font-size: 1.5em;
color: #BF0D3E;
line-height: normal;
}
.event-cost{
filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.25));
margin-top: 0px;
font-family: 'Source Sans Pro';
margin-bottom: 50px;
}
.mod-cost{
background: #18396e;
padding: 15px;
filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.5));
}
.mod-cost h3{
color: #fff;
font-weight: 300;
font-size: 1.5em;
}
.mod-cost h3 span{
font-size: 0.8em;
background: transparent;
}
.mod-cost h3 span em{
text-decoration: line-through;
}
.mod-cost span{
background: #BF0D3E;
font-size: 1.2em;
padding: 3px 20px;
color: #fff;
}
.mod-cost h3 strong{
font-weight: 700;
color: #e7c766;
font-size: 1.8em;
}
.mod-cost p{
color: #fff;
font-size: 1em;
font-weight: 300;
font-style: italic;
}
.mod-cost h4{
color: #fff;
font-size: 1.3em;
padding: 5px;
font-weight: 300;
font-family: "Source Sans Pro";
}
.mod-cost h4 strong{
font-weight: 700;
}
.mod-cost.promo a{
color: #f2d691;
border-bottom: solid 1px #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
transition: 0.5s;
}
.mod-cost.promo a:hover{
color: #47e6d5;
transition: 0.5s;
}
.mod-event{
text-align: center;
}
.mod-promocion{
background: #fff;
border-bottom: #3651a1 solid 3px;
border-left: #3651a1 solid 3px;
border-right: #3651a1 solid 3px;
padding: 15px;
}
.mod-promocion h5{
font-size: 1.2em;
color: #363c3f;
font-weight: 600;
}
.mod-promocion h5 strong{
color: #BF0D3E;
}
.event-descripcion{
font-family: 'Source Sans Pro';
margin-top: 20px;
padding: 10px 50px;
}
.event-descripcion p a{
color: #19a7ce;
border-bottom: dotted 1px #bc8b00;
transition: 0.5s;
}
.event-descripcion p a:hover{
color: #bc8b00;
border-bottom: dotted 1px #19a7ce;
transition: 0.5s;
}
.mod-beneficios{
background: rgb(220,224,246);
background: -moz-linear-gradient(0deg, rgba(220,224,246,1) 25%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(220,224,246,1) 25%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(220,224,246,1) 25%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dce0f6",endColorstr="#ffffff",GradientType=1);
filter: drop-shadow(3px 5px 5px rgba(0,0,0,0.5));
height: auto;
padding: 30px 20px;
margin-top: 15px;
}
.mod-beneficios-full{
background: rgb(220,224,246);
background: -moz-linear-gradient(0deg, rgba(220,224,246,1) 25%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(220,224,246,1) 25%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(220,224,246,1) 25%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dce0f6",endColorstr="#ffffff",GradientType=1);
filter: drop-shadow(3px 5px 5px rgba(0,0,0,0.5));
height: auto;
padding: 30px 20px;
margin-top: 30px;
}
ul.list-agenda{
margin-left: 20px;
}
ul.list-agenda li{
list-style-image: url("../img/bullet-red_2.svg");
font-size: 1.2em;
line-height: normal;
color: #3e434c;
text-align: left;
line-height: normal;
padding: 0px 30px;
}
ul.list-agenda li:before{
content: "";
padding-right: 8px;
color: #e9b333;
}
.event-descripcion h3{
font-family: 'Source Sans Pro';
text-align: center;
padding: 20px;
font-weight: 700;
font-size: 1.8em;
color: #205295;
}
.event-descripcion p{
font-size: 1.2em;
line-height: normal;
color: #3e434c;
text-align: center;
line-height: 1.5;
}
.event-descripcion p strong{
color: #BF0D3E;
}
.event-beneficios{
margin-top: 50px;
margin-bottom: 30px;
padding: 20px 30px;
}
.event-beneficios h3{
font-family: 'Source Sans Pro';
text-align: left;
padding: 20px;
font-weight: 700;
font-size: 1.8em;
color: #205295;
}
.event-beneficios p{
text-align: left;
font-family: 'Source Sans Pro';
font-size: 1.2em;
padding: 0px 20px;
}
.event-descripcion p strong u{
text-decoration: underline #3651a1 3px;
}
.event-purchase{
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
filter: drop-shadow(-3px 3px 2px rgba(0,0,0,0.25));
}
.widt-100-shopify-button-top{
text-align: center;
max-width: 100% !important;
padding: 0px 100px;
}
.widt-100-shopify-button-half{
text-align: center;
max-width: 100% !important;
padding: 0px;
}
.widt-100-shopify-button{
max-width: 100% !important;
margin-top: -20px !important;
margin-bottom: 30px;
}
.widt-100-shopify-button-store{
max-width: 100% !important;
margin-top: -20px !important;
margin-bottom: 0px;
}
.back-top-menu{
text-align: center;
margin-top: 50px;
}
.back-top-menu a{
font-family: "Source Sans Pro";
font-size: 1.2em;
font-weight: 600;
border: solid #002554 3px;
padding: 10px 30px;
color: #002554;
transition: all 0.5s;
}
.back-top-menu a:hover{
border: solid #C40D3C 3px;
color: #fff;
background: #C40D3C;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.5));
transition: all 0.5s;
}
.back-top-menu a i{
margin: 10px;
}
.tit-cronograma{
background: #3651a1;
text-align: center;
font-family: 'Source Sans Pro';
padding: 10px;
vertical-align: middle;
align-items: center;
align-content: center;
filter: drop-shadow(-2px 3px 3px rgba(0,0,0,0.5));
}
.tit-cronograma h2{
color: #fff;
margin-top: 10px;
font-size: 2.5em;
}
.event-cronograma{
text-align: center;
margin-top: 50px;
margin-bottom: 30px;
}
.mod-event{
text-align: center;
font-family: 'Source Sans Pro';
}
.mod-header{
text-align: center;
padding: 15px;
}
.event-date{
text-align: center;
background: #BF0D3E;
width: 40%;
}
.event-date p{
padding: 5px;
font-weight: 400;
color: #fff;
font-size: 1.2em;
}
.event-img{
text-align: center;
vertical-align: middle;
filter: drop-shadow(-2px 3px 3px rgba(0,0,0,0.5));
}
.event-img img{
width: 100%;
height: auto;
/*border: solid 3px black;*/
}
.event-name{
margin-top: 25px;
margin-bottom: 25px;
height: 180px;
border-bottom: 3px solid #bb0b24;
}
.event-name p{
color: #00124f;
font-family: 'Source Sans Pro';
font-weight: 700;
font-size: 1.8em;
line-height: normal;
text-transform: uppercase;
}
.event-name p span{
font-size: 0.75em;
font-weight: 600;
}
.event-time{
background: #3651a1;
padding: 10px;
text-align: center;
}
.event-time p {
color: #fff;
font-family: 'Source Sans Pro';
font-size: 1.2em;
line-height: 2;
margin-bottom: -5px;
}
.event-time p i{
margin-right: 5px;
background: #BF0D3E;
padding: 3px;
border-radius: 50%;
text-align: center;
}
.event-price{
text-align:left;
padding: 20px;
font-family: 'Source Sans Pro';
}
.event-price span{
color: #3e434c;
font-size: 1.8em;
font-weight: 500;
line-height: normal;
}
.event-price p{
color: #bb0b24;
font-size: 2em;
margin-bottom: -5px;
}
.event-price p strong{
font-weight: 900;
font-size: 1.5em;
}
.event-price span2{
color: #3e434c;
font-size: 1.2em;
font-weight: 400;
line-height: normal;
}
.mod-event-comprar{
text-align: center;
padding: 15px;
}
.mod-event-info{
margin-top: 30px;
text-align: center;
}
.mod-event-info .accordion-button.temario{
/*background-color: #3651a1;
height: 3.5em;
-webkit-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);*/
background: transparent;
border: solid 3px #3651a1;
height: 3.5em;
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.15));
}
.mod-event-info .accordion-button.temario p{
/*text-align: center;
color: #fff;
font-family: 'Source Sans Pro';
font-size: 1.3em;
font-weight: 400;
padding-top: 10px; */
color: #3651a1;
font-family: 'Source Sans Pro';
font-size: 1.3em;
font-weight: 600;
padding-top: 10px;
}
.mod-event-info .accordion-button.temario p i{
/*margin: 5px;
color: #ead599;*/
margin: 5px;
color: #c60e3e;
}
.mod-event-info .accordion-button.temario::after{
/* flex-shrink: 0;
width: 1em;
height: 1em;
margin-left: auto;
content: "🡳";
font-size: 1em;
color: #fff;
font-weight: 700;
background-repeat: no-repeat;
background-size: 1em;
transition: transform .5s ease-in-out;*/
flex-shrink: 0;
width: 1em;
height: 1em;
margin-left: auto;
content: "🡳";
font-size: 1em;
color: #3651a1;
font-weight: 700;
background-repeat: no-repeat;
background-size: 1em;
transition: transform .5s ease-in-out;
background-image: none;
}
.mod-event-info .accordion-body.temario{
/*background-color: rgba(247,236,204,0.5);
-webkit-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
text-align: left;
padding: 25px;*/
background-color: #3651a1;
border: solid thin #8088a5;
text-align: left;
padding: 25px;
-webkit-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
}
.mod-event-info .accordion-body.temario p{
/*font-weight: 500;
font-size: 1.2em;
color: #4d4d4d;
font-family: 'Source Sans Pro';
text-indent: -1em;
margin-left: 2em; */
font-weight: 500;
font-size: 1.2em;
color: #fff;
font-family: 'Source Sans Pro';
text-indent: -1em;
margin-left: 2em;
}
.mod-event-info .accordion-body.temario p strong{
/*color: #002554;*/
color: #fff;
}
.mod-event-info .accordion-button.beneficios{
background: transparent;
border: solid 3px #3651a1;
margin-top: 15px;
height: 3.5em;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
}
.mod-event-info .accordion-button.beneficios::after{
flex-shrink: 0;
width: 1em;
height: 1em;
margin-left: auto;
content: "🡳";
font-size: 1em;
color: #3651a1;
font-weight: 700;
background-repeat: no-repeat;
background-size: 1em;
transition: transform .5s ease-in-out;
}
.mod-event-info .accordion-button.beneficios p{
color: #3651a1;
font-family: 'Source Sans Pro';
font-size: 1.3em;
font-weight: 600;
padding-top: 10px;
}
.mod-event-info .accordion-button.beneficios p i{
margin: 5px;
color: #dec067;
}
.mod-event-info .accordion-body.beneficios{
background-color: #3651a1;
border: solid thin #8088a5;
text-align: left;
padding: 25px;
}
.mod-event-info .accordion-body.beneficios p{
font-weight: 500;
font-size: 1.2em;
color: #fff;
font-family: 'Source Sans Pro';
text-indent: -1em;
margin-left: 2em;
}
.mod-event-info .accordion-body.beneficios p i{
font-size: 0.75em;
margin: 0.5em;
}
.mod-event-info .membresias-accordion-button.temario{
/*background-color: #3651a1;
height: 3.5em;
-webkit-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);*/
background: transparent;
border: solid 3px #3651a1;
height: 3.5em;
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.15));
}
.mod-event-info .membresias-accordion-button.temario p{
/*text-align: center;
color: #fff;
font-family: 'Source Sans Pro';
font-size: 1.3em;
font-weight: 400;
padding-top: 10px; */
color: #3651a1;
font-family: 'Source Sans Pro';
font-size: 1.3em;
font-weight: 600;
padding-top: 10px;
}
.mod-event-info .membresias-accordion-button.temario p i{
/*margin: 5px;
color: #ead599;*/
margin: 5px;
color: #c60e3e;
}
.mod-event-info .membresias-accordion-button.temario::after{
/* flex-shrink: 0;
width: 1em;
height: 1em;
margin-left: auto;
content: "🡳";
font-size: 1em;
color: #fff;
font-weight: 700;
background-repeat: no-repeat;
background-size: 1em;
transition: transform .5s ease-in-out;*/
flex-shrink: 0;
width: 1em;
height: 1em;
margin-left: auto;
content: "🡳";
font-size: 1em;
color: #3651a1;
font-weight: 700;
background-repeat: no-repeat;
background-size: 1em;
transition: transform .5s ease-in-out;
}
.mod-event-info .accordion-body.temario{
/*background-color: rgba(247,236,204,0.5);
-webkit-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
text-align: left;
padding: 25px;*/
background-color: #3651a1;
border: solid thin #8088a5;
text-align: left;
padding: 25px;
-webkit-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
}
.mod-event-info .accordion-body.temario p{
/*font-weight: 500;
font-size: 1.2em;
color: #4d4d4d;
font-family: 'Source Sans Pro';
text-indent: -1em;
margin-left: 2em; */
font-weight: 500;
font-size: 1.2em;
color: #fff;
font-family: 'Source Sans Pro';
text-indent: -1em;
margin-left: 2em;
}
.mod-event-info .accordion-body.temario p strong{
/*color: #002554;*/
color: #fff;
}
.mod-event-info .membresias-accordion-button.beneficios{
background: transparent;
border: solid 3px #3651a1;
margin-top: 15px;
height: 3.5em;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.25));
}
.mod-event-info .membresias-accordion-button.beneficios::after{
flex-shrink: 0;
width: 1em;
height: 1em;
margin-left: auto;
content: "🡳";
font-size: 1em;
color: #3651a1;
font-weight: 700;
background-repeat: no-repeat;
background-size: 1em;
transition: transform .5s ease-in-out;
}
.mod-event-info .membresias-accordion-button.beneficios p{
color: #3651a1;
font-family: 'Source Sans Pro';
font-size: 1.3em;
font-weight: 600;
padding-top: 10px;
}
.mod-event-info .membresias-accordion-button.beneficios p i{
margin: 5px;
color: #dec067;
}
.mod-event-info .accordion-body.beneficios{
background-color: #3651a1;
border: solid thin #8088a5;
text-align: left;
padding: 25px;
}
.mod-event-info .accordion-body.beneficios p{
font-weight: 500;
font-size: 1.2em;
color: #fff;
font-family: 'Source Sans Pro';
text-indent: -1em;
margin-left: 2em;
}
.mod-event-info .accordion-body.beneficios p i{
font-size: 0.75em;
margin: 0.5em;
}
.event-inferior-publi{
background: rgb(0,37,84);
background: -moz-linear-gradient(0deg, rgba(0,37,84,1) 0%, rgba(44,116,179,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,37,84,1) 0%, rgba(44,116,179,1) 100%);
background: linear-gradient(0deg, rgba(0,37,84,1) 0%, rgba(44,116,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002554",endColorstr="#2c74b3",GradientType=1);
text-align: center;
margin-top: 50px;
padding: 50px;
margin-bottom: 30px;
}
/*
.event-inferior-multi{
background: rgb(0,37,84);
background: -moz-linear-gradient(0deg, rgba(0,37,84,1) 0%, rgba(44,116,179,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,37,84,1) 0%, rgba(44,116,179,1) 100%);
background: linear-gradient(0deg, rgba(0,37,84,1) 0%, rgba(44,116,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002554",endColorstr="#2c74b3",GradientType=1);
text-align: center;
margin-top: 50px;
padding-bottom: 0px;
margin-bottom: 50px;
}
*/
.event-inferior-multi{
background: rgb(131,4,39);
background: -moz-linear-gradient(120deg, rgba(131,4,39,1) 0%, rgba(205,4,28,1) 100%);
background: -webkit-linear-gradient(120deg, rgba(131,4,39,1) 0%, rgba(205,4,28,1) 100%);
background: linear-gradient(120deg, rgba(131,4,39,1) 0%, rgba(205,4,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#830427",endColorstr="#cd041c",GradientType=1);
text-align: center;
margin-top: 50px;
padding-bottom: 0px;
margin-bottom: 50px;
}
.mod-cost-inferior{
color: #fff;
font-family: 'Source Sans Pro';
}
.mod-cost-inferior h3{
filter: none;
line-height: 1.5;
font-size: 1.8em;
}
.mod-cost-inferior h3 i{
font-size: 2em;
}
.mod-cost-inferior h3 strong{
font-size: 1.5em;
}
.mod-cost-inferior img{
width: 50%;
height: auto;
padding: 0px;
}
.mod-cost-inferior-multi{
color: #fff;
font-family: 'Source Sans Pro';
}
.mod-cost-inferior-multi .left{
text-align: left;
margin-top: 80px;
}
.mod-cost-inferior-multi .left h2{
filter: none;
line-height: 1.2;
font-size: 1.5em;
text-align: left;
padding: 10px;
}
.mod-cost-inferior-multi .left h3{
filter: none;
line-height: 1.2;
font-size: 1.5em;
text-align: left;
padding: 10px;
}
.mod-cost-inferior-multi .left h3 strong{
font-size: 2em;
}
.mod-cost-inferior-multi .left p{
filter: none;
line-height: 1.5;
font-size: 1.2em;
text-align: left;
}
.mod-cost-inferior-multi img{
width: 90%;
height: auto;
padding: 0px 20px;
}
.button-adquirir-paquete{
background: transparent;
border: solid #fff 3px;
font-family: 'Source Sans Pro';
color: #fff;
margin-top: 30px;
width: 100%;
height: 3em;
font-size: 1.2em;
padding: 5px 30px;
}
.button-adquirir-paquete i{
margin-right: 10px;
}
.button-adquirir-paquete:hover{
transition: all 0.5s ease-in-out;
transform: scale(1.05);
background: linear-gradient(307deg, #00155c, #ff2c5a);
background-size: 400% 400%;
-webkit-animation: adquirir 3s ease infinite;
-moz-animation: adquirir 3s ease infinite;
animation: adquirir 3s ease infinite;
}
@-webkit-keyframes adquirir {
0%{background-position:96% 0%}
50%{background-position:5% 100%}
100%{background-position:96% 0%}
}
@-moz-keyframes adquirir {
0%{background-position:96% 0%}
50%{background-position:5% 100%}
100%{background-position:96% 0%}
}
@keyframes adquirir {
0%{background-position:96% 0%}
50%{background-position:5% 100%}
100%{background-position:96% 0%}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.mod-cost-inferior h3{
font-size: 1.5em;
}
.mod-cost-inferior-multi .left{
margin-top: 30px;
}
}
@media (min-width: 1100px) and (max-width: 1199px) {
.mod-cost-inferior-multi .left{
margin-top: 30px;
}
.mod-cost-inferior-multi .left h3{
font-size: 1.3em;
padding-top: 10px;
}
.mod-cost-inferior-multi .left h2{
font-size: 1.3em;
}
.mod-cost-inferior-multi .left p{
font-size: 1em;
text-align: left;
}
.button-adquirir-paquete{
margin-top: 10px;
}
.mod-cost-inferior-multi img{
padding: 0px 10px;
}
}
@media (min-width: 992px) and (max-width: 1099px) {
.mod-cost-inferior-multi .left{
margin-top: 30px;
}
.mod-cost-inferior-multi .left h3{
font-size: 1.2em;
padding-top: 10px;
}
.mod-cost-inferior-multi .left p{
font-size: 1em;
}
.button-adquirir-paquete{
margin-top: 20px;
font-size: 1em;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.mod-cost-inferior-multi .row{
display: block;
}
.mod-cost-inferior-multi .left, .mod-cost-inferior-multi .right{
width: 200%;
}
.mod-cost-inferior-multi .left{
margin-top: -50px;
text-align: center;
padding: 30px;
}
.mod-cost-inferior-multi .left h3{
font-size: 1.5em;
padding: 0px 10px;
text-align: center;
}
.mod-cost-inferior-multi .left p{
font-size: 1.1em;
text-align: center;
}
.button-adquirir-paquete{
margin-top: 20px;
font-size: 1em;
}
.button-adquirir-paquete i{
margin-right: 10px;
}
.mod-cost-inferior-multi img{
width: 50%;
height: auto;
padding: 0px 20px;
}
.event-inferior-multi{
margin-top: 100px;
}
}
@media (max-width: 767px) {
.event-inferior-multi{
margin-top: -50px;
}
.mod-cost-inferior-multi .left{
margin-top: 30px;
text-align: center;
}
.mod-cost-inferior-multi .left h3{
font-size: 1.5em;
text-align: center;
}
.mod-cost-inferior-multi .left p{
font-size: 1em;
text-align: center;
}
.mod-cost-inferior-multi img{
width: 100%;
height: auto;
padding: 0px;
margin-top: 50px;
}
.button-adquirir-paquete{
padding: 5px 50px;
}
}
.metodos-pago-agenda{
padding-top: 30px;
padding-bottom: 150px;
}
.pagos-agenda-tit{
text-align: center;
padding: 20px;
margin-bottom: 30px;
}
.pagos-agenda-tit h3{
color: #002554;
font-family: 'Source Sans Pro';
font-size: 2em;
font-weight: 400;
}
.pagos-agenda-tit h3 strong{
font-size: 1.2em;
font-weight: 900;
}
.datos-agenda{
padding: 20px;
}
.datos-agenda h4{
color: #BF0D3E;
font-weight: 700;
font-family: 'Source Sans Pro';
}
.datos-agenda h4 span{
background-color: #BF0D3E;
color: #fff;
padding: 5px 15px;
margin: 5px;
}
.datos-agenda-pay{
padding: 40px;
margin-top: 25px;
margin-bottom: 30px;
-webkit-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.3);
background: rgb(0,37,84);
background: -moz-linear-gradient(59deg, rgba(0,37,84,1) 0%, rgba(50,98,159,1) 100%);
background: -webkit-linear-gradient(59deg, rgba(0,37,84,1) 0%, rgba(50,98,159,1) 100%);
background: linear-gradient(59deg, rgba(0,37,84,1) 0%, rgba(50,98,159,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002554",endColorstr="#32629f",GradientType=1);
}
.datos-agenda-pay p{
color: #fff;
font-size: 1.2em;
font-family: 'Source Sans Pro';
}
.comprobante-agenda{
padding: 20px;
}
.comprobante-agenda h4{
color: #BF0D3E;
font-weight: 700;
font-family: 'Source Sans Pro';
margin-bottom: 30px;
}
.comprobante-agenda h4 span{
background-color: #BF0D3E;
color: #fff;
padding: 5px 15px;
margin: 5px;
}
.comprobante-agenda p{
font-family: 'Source Sans Pro';
font-size: 1.2em;
color: #3e434c;
}
.comprobante-agenda p a{
color: #1490dd;
border-bottom: solid 2px #bb0b24;
}
.comprobante-agenda p a:hover{
color: #bb0b24;
border-bottom: solid 2px #1490dd;
transition: all 0.5s ease-in-out;
}
.comprobante-agenda ul{
font-family: 'Source Sans Pro';
font-size: 1.2em;
color: #002554;
margin-left: 2em;
font-weight: 600;
}
.caja-agenda{
padding: 20px;
text-align: center;
}
.caja-agenda p{
font-family: 'Source Sans Pro';
font-size: 1.2em;
color: #3e434c;
text-align: left;
}
.caja-agenda button{
text-align: center;
height: 120px;
background: #fff;
border: none;
cursor: default;
filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
}
.caja-agenda button img{
width: 100%;
height: auto;
}
.caja-agenda button.oxxo img{
width: 75%;
height: auto;
}
.help-agenda{
margin-top: 50px;
text-align: center;
}
.help-agenda h4{
color: #002554;
font-family: 'Source Sans Pro';
font-size: 2em;
font-weight: 600;
margin-bottom: 30px;
}
.help-agenda p{
color: #3e434a;
font-family: 'Source Sans Pro';
font-size: 1.3em;
font-weight: 400;
}
.help-agenda p strong{
color: #bb0b24;
}
.help-btn{
margin-top: 0px;
text-align: center;
}
.help-btn button{
width: 100%;
height: 50px;
padding: 5px;
border: none;
font-family: 'Source Sans Pro';
font-size: 1.2em;
color: #fff;
border: 2px solid #ffffff;
font-weight: 600;
}
.help-btn button.agenda-contacto{
background: #ff2947;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.25));
}
.help-btn button.agenda-inscribir{
background: #ff2947;
width: 100%;
height: 60px;
border: none;
font-size: 1.5em;
transition: all 0.5s;
}
.help-btn button.agenda-inscribir:hover{
transform: scale(0.9);
transition: all 0.5s;
}
.help-btn button.agenda-plataforma{
background: #c79506;
width: 100%;
height: 60px;
border: none;
font-size: 1.5em;
transition: all 0.5s;
}
.help-btn button.agenda-plataforma:hover{
background: #f89d13;
transform: scale(0.9);
transition: all 0.5s;
}
.help-btn button.agenda-whatsapp{
background: #128C7E;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.25));
}
.help-btn button.agenda-telefono{
background: #33447d;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.25));
}
.help-btn button.agenda-contacto:hover{
background: #bb0b24;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.35));
transition: all 0.5s ease-in-out;
}
.help-btn button.agenda-inscribir:hover{
background: #bb0b24;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.35));
transition: all 0.5s ease-in-out;
}
.help-btn button.agenda-whatsapp:hover{
background: #075e54;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.35));
transition: all 0.5s ease-in-out;
}
.help-btn button.agenda-telefono:hover{
background: #002554;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.35));
transition: all 0.5s ease-in-out;
}
.multi-evento-info button.registro{
margin-top: 15px;
height: 60px;
width: 100%;
background: #c40d3c;
font-family: "Source Sans Pro";
color: #fff;
font-weight: 600;
font-size: 1.2em;
transition: all 0.5s;
border: none;
}
.multi-evento-info button.registro:hover{
background: #800000;
transform: scale(0.95);
transition: all 0.5s;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.event-date{
width: 60%;
}
.event-name{
height: 150px;
}
.event-name p{
font-size: 1.5em;
}
.event-name p span{
font-size: 0.8em;
}
.event-price span{
color: #3e434c;
font-size: 1.5em;
font-weight: 500;
line-height: normal;
}
.event-price p strong{
font-weight: 900;
font-size: 1.4em;
}
.mod-event-comprar{
text-align: center;
padding: 15px;
}
.datos-agenda{
padding: 15px;
}
.datos-agenda-pay{
padding: 30px;
}
.comprobante-agenda{
padding: 15px;
}
.caja-agenda button{
height: 100px;
}
.help-agenda{
margin-top: 50px;
text-align: center;
}
.help-agenda h4{
font-size: 1.8em;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.tit-cronograma h2{
font-size: 2.3em;
}
.event-date{
text-align: center;
background: #BF0D3E;
width: 70%;
}
.event-name{
height: 130px;
}
.event-name p{
font-size: 1.3em;
}
.event-name p span{
font-size: 0.75em;
font-weight: 600;
}
.event-time p {
font-size: 1.1em;
}
.event-price{
padding: 10px;
}
.event-price span{
color: #3e434c;
font-size: 1.5em;
font-weight: 500;
line-height: normal;
}
.event-price p{
color: #bb0b24;
font-size: 1.6em;
margin-bottom: -5px;
}
.mod-event-info .accordion-body.temario{
padding: 15px;
}
.mod-event-info .accordion-body.temario p{
font-size: 1.1em;
}
.datos-agenda{
padding: 5px;
}
.datos-agenda h4{
font-size: 1.5em;
line-height: 1.5;
text-indent: -2.5em;
margin-left: 3em;
}
.datos-agenda-pay{
padding: 20px;
}
.datos-agenda-pay p{
color: #fff;
font-size: 1.1em;
font-family: 'Source Sans Pro';
}
.comprobante-agenda{
padding: 15px;
}
.comprobante-agenda p{
margin-top: 50px;
}
.caja-agenda{
padding: 10px;
text-align: center;
}
.caja-agenda button{
height: 100px;
}
.help-agenda h4{
font-size: 1.8em;
}
.help-agenda p{
font-size: 1.2em;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.help-btn button.agenda-inscribir{
font-size: 1.3em;
}
.mod-cost-inferior img{
width: 75%;
height: auto;
padding: 30px;
}
.event-tit h3{
font-size: 1.8em;
}
.event-tit h2{
font-size: 2.5em;
}
.mod-cost{
padding: 5px;
}
.mod-cost h3{
font-size: 2em;
color: #fff;
}
.mod-promocion{
padding: 5px;
}
.mod-promocion h4{
font-size: 1.5em;
}
.event-descripcion{
padding: 20px;
}
.event-descripcion p strong u{
text-decoration: underline #3651a1 2px;
}
.tit-cronograma h2{
font-size: 2em;
}
.event-cronograma .container .row{
display: block;
}
.mod-event{
width: 325%;
}
.event-date{
width: 50%;
}
.event-date p{
padding: 5px;
font-size: 1.5em;
}
.event-name{
height: 150px;
}
.event-name p span{
font-size: 0.8em;
}
.event-price{
text-align:center;
padding: 10px;
}
.metodos-pago-agenda{
padding-top: 10px;
padding-bottom: 150px;
}
.pagos-agenda-tit{
text-align: center;
padding: 20px;
margin-bottom: 30px;
}
.pagos-agenda-tit h3{
color: #002554;
font-family: 'Source Sans Pro';
font-size: 1.8em;
font-weight: 400;
}
.pagos-agenda-tit h3 strong{
font-size: 1.2em;
font-weight: 900;
}
.metodos-pago-agenda .container .row{
display: block;
}
.datos-agenda{
padding: 0px;
width: 200%;
}
.comprobante-agenda{
margin-top: 30px;
padding: 0px;
width: 200%;
}
.caja-agenda{
padding: 0px;
width: 200%;
text-align: center;
}
.caja-agenda button{
width: 100%;
height: 100px;
margin-left: 100%;
margin-bottom: 15px;
}
.caja-agenda button img{
width: 100%;
height: auto;
}
.help-agenda h4{
font-size: 1.5em;
}
.help-btn{
margin-top: 30px;
text-align: center;
}
.help-btn button{
width: 325%;
margin-bottom: 15px;
}
.info-evento .row{
display: inline-flex;
}
.info-evento .row .event-purchase{
width:200%;
}
.info-evento .row .help-btn{
width:200%;
}
.info-evento .row .help-btn .agenda-inscribir{
width:90%;
margin-top: 40px;
margin-left: -20px;
}
.shopify-buy__btn{
width: 100% !important;
}
}
@media (max-width: 767px) {
.help-btn button.agenda-inscribir{
font-size: 1.2em;
}
.event-purchase{
margin-bottom: -50px;
}
.mod-cost-inferior img{
width: 100%;
height: auto;
}
.help-btn{
margin-top: 30px;
margin-bottom: 100px;
}
.help-btn button.agenda-plataforma{
font-size: 1.3em;
}
.info-evento .row .help-btn .agenda-inscribir{
width:90%;
margin-top: 40px;
margin-left: -20px;
}
.shopify-buy__btn{
width: 100% !important;
}
.event-tit h3{
font-size: 1.5em;
}
.event-tit h2{
font-size: 2em;
}
.mod-cost h3{
font-size: 1.2em;
}
.mod-cost h3 span{
font-size:0.6em
}
.mod-promocion h4{
font-size: 1.5em;
}
.mod-promocion h4 strong{
color: #BF0D3E;
}
.event-descripcion{
margin-top: 20px;
padding: 10px;
}
.tit-cronograma h2{
font-size: 2em;
}
.event-cronograma{
margin-top: 30px;
margin-bottom: 30px;
}
.mod-header{
padding: 5px;
}
.event-date{
width: 60%;
}
.event-name{
height: auto;
}
.event-name p span{
font-size: 0.6em;
font-weight: 600;
}
.event-price{
text-align:center;
}
.mod-event-info .accordion-body.temario{
padding: 10px;
}
.mod-event-info .accordion-body.temario p{
font-weight: 500;
font-size: 1.2em;
color: #fff;
font-family: 'Source Sans Pro';
text-indent: -1em;
margin-left: 2em;
}
.mod-cost-inferior h3{
font-size: 1.5em;
}
.metodos-pago-agenda{
padding-top: 0px;
padding-bottom: 100px;
}
.pagos-agenda-tit{
padding: 10px;
}
.pagos-agenda-tit h3{
font-size: 1.3em;
}
.pagos-agenda-tit h3 strong{
font-size: 1.4em;
}
.datos-agenda{
padding: 5px;
}
.datos-agenda h4{
font-size: 1.5em;
line-height: 1.5;
text-align: center;
}
.datos-agenda-pay{
padding: 20px;
}
.datos-agenda-pay p{
font-size: 1.2em;
line-height: 1.5;
}
.comprobante-agenda{
padding: 0px;
}
.comprobante-agenda h4{
font-size: 1.5em;
line-height: 1.5;
text-align: center;
}
.comprobante-agenda p{
line-height: 1.8;
}
.comprobante-agenda ul{
font-family: 'Source Sans Pro';
font-size: 1.2em;
color: #002554;
margin-left: 1.5em;
font-weight: 600;
}
.caja-agenda{
padding: 0px;
text-align: center;
}
.caja-agenda p{
font-size: 1.2em;
}
.caja-agenda button{
width: 100%;
height: 100px;
margin-bottom: 15px;
}
.caja-agenda button img{
width: 50%;
height: auto;
}
.caja-agenda button.oxxo img{
width: 50%;
height: auto;
}
.help-agenda h4{
font-size: 1.8em;
}
.help-agenda p{
color: #3e434a;
font-family: 'Source Sans Pro';
font-size: 1.3em;
font-weight: 400;
}
.help-agenda p strong{
color: #bb0b24;
}
.help-btn{
margin-top: 50px;
text-align: center;
}
.help-btn button{
height: 80px;
margin-bottom: 15px;
}
}
.membresias-accordion-button::after{
background: transparent;
}
.membresias-accordion-button:not(.collapsed)::after {
background: transparent;
}
/*ESTILOS PONENTES AGENDA*/
.event-ponentes{
text-align: center;
margin-top: 20px;
}
.event-ponente{
font-family: "Source Sans Pro";
text-align: center;
}
.event-ponente img{
background: #bf820d;
width: 50%;
height: auto;
border-radius: 360px;
filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.5));
margin-top: 30px;
}
.event-ponente h4{
margin-top: 25px;
font-weight: 700;
color: #184170;
font-size: 1.6em;
margin-bottom: 20px;
}
.event-ponente p{
font-weight: 600;
background: #184170;
color: #fff;
font-size: 1.4em;
padding: 10px 15px;
text-align: left;
}
.event-ponente ul.tem-lv01{
text-align: left !important;
background: #184170;
padding: 30px 15px;
color: #fff;
}
.event-ponente ul.tem-lv01 li{
font-weight: 400;
padding: 10px 40px;
}
.cv-ponente{
background: rgb(4,19,59);
background: linear-gradient(0deg, rgba(4,19,59,1) 0%, rgba(6,57,113,1) 35%, rgba(50,130,184,1) 100%);
text-align: left !important;
}
.cv-ponente ul{
padding: 50px 30px;
margin-left: 30px;
}
ul.cv-list-lv01 li{
font-family: "Source Sans Pro";
font-weight: 400;
line-height: 1.5;
margin-bottom: 1em;
list-style: none;
width: 98%;
text-indent: -1.8em;
font-size: 1.1em;
color: #fff;
}
ul.cv-list-lv01 li:before{
content: "✤";
padding-right: 1em;
color: #BF0D3E;
font-weight: 900;
text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
ul.cv-list-lv02{
padding: 5px;
line-height: 1;
}
ul.cv-list-lv02 li{
font-family: "Source Sans Pro";
font-weight: 400;
list-style: none;
width: 98%;
text-indent: -1.8em;
font-size: 1em;
}
ul.cv-list-lv02 li strong{
font-weight: 600;
}
ul.cv-list-lv02 li:before{
content: "⊛";
padding-right: 0.8em;
color: #f8ba09;
font-weight: 900;
text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
@media (min-width: 992px) and (max-width: 1099px) {
.event-ponente p{
font-size: 1.3em;
padding: 10px 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.event-ponente p{
font-size: 1em;
padding: 10px 20px;
}
}
@media (max-width: 767px) {
.event-ponente p{
font-size: 1.2em;
padding: 20px 10px;
}
}
/*ESTILOS CONTACTO E INSCRIPCIONES*/
#portada-inscripciones{padding-top: 50px; width: 100%;}
#portada-contacto{padding-top: 50px; width: 100%;}
#portada-error{padding-top: 50px; padding-bottom: 200px; width: 100%;}
.portada-top{height: 250px; background: url(../../assets2/img/membresias/membresias_textura_experiencia_ibcj.webp); background-size: cover;}
.portada-form{background: url(../../assets2/img/contacto/bg-contacto.webp); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center;}
.portada-form.ins{background: url(../../assets2/img/contacto/bg-contacto.webp); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center;}
.portada-form.member{background: url(../../assets2/img/membresias/bg-membresias.webp); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center;}
.portada-form.error{background: url(../../assets2/img/404/bg-404.webp); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center;}
.portada-form-cont{display: inline-flex;}
.portada-form-cont h1{font-family: 'Source Sans Pro'; color: #fff; font-size: 4em; font-weight: 700; margin-top: 50px; text-align: center;}
.portada-form-cont p{font-family: 'Source Sans Pro'; color: #fff; font-size: 1.5em; font-weight: 300; text-align: center;}
.portada-form-cont img{height: 480px; margin-top: -150px;}
.portada-form-cont.membresias h1{font-family: 'Source Sans Pro'; color: #fff; font-size: 3.5em; font-weight: 700; margin-top: 50px; text-align: center;}
.portada-form-cont.membresias img{height: 480px;margin-top: -112px;}
.portada-form-cont a{font-family: 'Source Sans Pro'; color: #FFC51A; font-weight: 700; border-bottom: 1px solid #BF0D3E; padding-bottom: 2px; border-radius: 5px;}
.portada-form-cont a:hover{color: #1585FF; transition: color ease-in-out 0.5s;}
.form-cont{display: inline-flex;}
.form-cont{margin: 25px;}
.form-banner{margin: 25px; float: right;}
/*BANNER*/
.card-ins {border-radius: 16px; width: 364px; height: 890px; position: relative; overflow: hidden;}
.card-ins:before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; background-color: #002554;}
.card-ins .img-ins{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;}
.card-ins .img-ins span{width: 25%; height: 100%; background: url(../../assets2/img/inscripciones/promocion_membresias_364x890.webp); transition: 0.5s;}
.card-ins .img-ins span:nth-child(1){background-position: 0; transition-delay: 0;}
.card-ins .img-ins span:nth-child(2){background-position: 33.33333%; transition-delay: 0.1s;}
.card-ins .img-ins span:nth-child(3) {background-position: 66.66666%; transition-delay: 0.2s;}
.card-ins .img-ins span:nth-child(4) {background-position: 100%; transition-delay: 0.3s;}
.card-ins:hover .img-ins > span {transform: translateY(-100%);}
.card-ins:hover .content-ins {transform: translateY(0%); transition: 1s; transition-delay: 0.1s; background: #002554;}
.content-ins{box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-direction: column; color: white; padding: 20px 20px; width: 100%; height: 100%; transform: translateY(100%);}
.content-ins h2{font-size: 1.5em; font-weight: 700; font-family: 'Source Sans Pro'; text-align: center; padding-bottom: 25px;}
.content-ins h4{font-weight: 500; font-family: 'Source Sans Pro'; font-size: 1.2em; text-align: center;}
/*ESTILOS MEMBRESÍAS*/
#membresias-cards{background: linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6)), url('../../assets2/img/membresias/membresias_textura_experiencia_ibcj.webp'); background-size: cover; padding-top: 100px; padding-bottom: 100px;}
.mod-cards{display: inline-flex; text-align: center;}
.m-cards{text-align: -webkit-center; text-align: -moz-center;}
.m-txt{text-align: left; margin-top: 25px;}
.m-txt p{ font-family: 'Source Sans Pro', sans-serif; color: #1D1D1B; font-size: 1.5em; line-height: 1.2; text-align: left;}
.info-mod{display: inline-flex; text-align: center; padding-top: 50px; padding-bottom: 50px;}
.btn-mod{display: inline-flex; text-align: center; height: 100px; margin-bottom: 50px;}
.formulario-membresias{padding-top: 50px; padding-bottom: 50px;}
/*STARTER*/
.tit-starter{padding-top: 25px; padding-bottom: 25px; background: linear-gradient(270deg, #00165c, #1490dd, #00165c); background-size: 600% 600%; -webkit-animation: tit-starter 30s ease infinite; -moz-animation: tit-starter 30s ease infinite; animation: tit-starter 30s ease infinite;} @-webkit-keyframes tit-starter {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @-moz-keyframes tit-starter{0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @keyframes tit-starter {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
.tit-starter h2{font-family: 'Source Sans Pro', sans-serif; color: #fff; font-weight: 300; font-size: 2.5em; line-height: 1.2;}
.tit-starter h2 strong{font-weight: 700;}
/*BUSINESS*/
.tit-business{margin-top: 15px;padding-top: 25px; padding-bottom: 25px; background: linear-gradient(270deg, #740001, #f10200, #740001); background-size: 600% 600%; -webkit-animation: tit-business 30s ease infinite; -moz-animation: tit-business 30s ease infinite; animation: tit-business 30s ease infinite;} @-webkit-keyframes tit-business {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @-moz-keyframes tit-business {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @keyframes tit-business{0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
.tit-business h2{font-family: 'Source Sans Pro', sans-serif; color: #fff; font-weight: 300; font-size: 2.5em; line-height: 1.2;}
.tit-business h2 strong{font-weight: 700;}
/*CORPORATE*/
.tit-corporate{margin-top: 15px;padding-top: 25px; padding-bottom: 25px; background: linear-gradient(270deg, #a37d2f, #f8d86e, #a37d2f); background-size: 600% 600%; -webkit-animation: tit-corporate 30s ease infinite; -moz-animation: tit-corporate 30s ease infinite; animation: tit-corporate 30s ease infinite;} @-webkit-keyframes tit-corporate {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @-moz-keyframes tit-corporate {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @keyframes tit-corporate {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
.tit-corporate h2{font-family: 'Source Sans Pro', sans-serif; color: #fff; font-weight: 300; font-size: 2.5em; line-height: 1.2;}
.tit-corporate h2 strong{font-weight: 700;}
/*PREMIUM*/
.tit-premium{margin-top: 15px;padding-top: 25px; padding-bottom: 25px; background: linear-gradient(270deg, #000000, #494949, #000000); background-size: 600% 600%; -webkit-animation: tit-premium 30s ease infinite; -moz-animation: tit-premium 30s ease infinite; animation: tit-premium 30s ease infinite;} @-webkit-keyframes tit-premium {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @-moz-keyframes tit-premium {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @keyframes tit-premium {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
.tit-premium h2{font-family: 'Source Sans Pro', sans-serif; color: #F8D86E; font-weight: 300; font-size: 2.5em; line-height: 1.2;}
.tit-premium h2 strong{font-weight: 700;}
/*FORMULARIO*/
.tit-form{margin-top: 15px;padding-top: 25px; padding-bottom: 25px; text-align: right; background: linear-gradient(270deg, #002554, #bf0d3e); background-size: 400% 400%; -webkit-animation: tit-form 30s ease infinite; -moz-animation: tit-form 30s ease infinite; animation: tit-form 30s ease infinite;} @-webkit-keyframes tit-form {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @-moz-keyframes tit-form {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}} @keyframes tit-form {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
.tit-form h2{font-family: 'Source Sans Pro', sans-serif; color: #F8D86E; font-weight: 300; font-size: 2.5em; line-height: 1.2;}
.tit-form h2 strong{font-weight: 700;}
.info-card img{width: 75%; margin: 10px;}
.info-membership{text-align: center;}
.info-membership table{background: transparent; margin: 10px;}
.info-membership.starter table tbody tr th img{width: 50px; padding:8px; border-radius: 50px; background-size: 50px 50px; background: rgb(20,144,221); background: -moz-radial-gradient(circle, rgba(20,144,221,1) 0%, rgba(0,22,92,1) 100%); background: -webkit-radial-gradient(circle, rgba(20,144,221,1) 0%, rgba(0,22,92,1) 100%); background: radial-gradient(circle, rgba(20,144,221,1) 0%, rgba(0,22,92,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1490dd",endColorstr="#00165c",GradientType=1);}
.info-membership.business table tbody tr th img{width: 50px; padding:8px; border-radius: 50px; background-size: 50px 50px; background: rgb(241,2,0); background: -moz-radial-gradient(circle, rgba(241,2,0,1) 0%, rgba(116,0,1,1) 100%); background: -webkit-radial-gradient(circle, rgba(241,2,0,1) 0%, rgba(116,0,1,1) 100%); background: radial-gradient(circle, rgba(241,2,0,1) 0%, rgba(116,0,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f10200",endColorstr="#740001",GradientType=1);}
.info-membership.corporate table tbody tr th img{width: 50px; padding:8px; border-radius: 50px; background: rgb(163,125,47); background: -moz-radial-gradient(circle, rgba(163,125,47,1) 35%, rgba(248,216,110,1) 100%); background: -webkit-radial-gradient(circle, rgba(163,125,47,1) 35%, rgba(248,216,110,1) 100%); background: radial-gradient(circle, rgba(163,125,47,1) 35%, rgba(248,216,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a37d2f",endColorstr="#f8d86e",GradientType=1);}
.info-membership.premium table tbody tr th img{width: 50px; padding:8px; border-radius: 50px; background: #000; border: solid 3px #F9DCCF;}
.info-membership table tbody tr td{text-align: left; font-family: 'Source Sans Pro',sans-serif; font-size: 1.2em; line-height: 1.2; color: #1D1D1B;}
/*BTN STARTER*/
.info-price.starter{background: #00165C;}
.btn-solicitar.starter{background: #1490DD;}
/*BTN BUSINESS*/
.info-price.business{background: #740001;}
.btn-solicitar.business{background: #CE3232;}
/*BTN CORPORATE*/
.info-price.corporate{background: #DDB133;}
.btn-solicitar.corporate{background: #A37D2F;}
/*BTN PREMIUM*/
.info-price.premium{background: #000;}
.btn-solicitar.premium{background: #494949;}
/*ESTILOS DE PRECIOS Y SOLICITAR MEMBRESÍA*/
.info-price table thead tr th img{width: 50px; margin-bottom: 25px;}
.info-price table thead tr th h4{text-align: left; font-family: 'Source Sans Pro', sans-serif; color: #fff; font-size: 2em; font-weight: 300; padding-top: 15px;}
.info-price table{border: 0px solid transparent;}
.info-price table thead tr th h4 strong{font-weight: 700;}
.info-price table thead tr th p{font-weight: 400; font-family: 'Source Sans Pro', sans-serif; text-align: left; color: #fff; font-size: 1em;}
.btn-solicitar{font-family: 'Source Sans Pro', sans-serif; text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 2em; line-height: 1;}
.space-b{height: 15px;}
.btn-solicitar a{color: #fff; border-bottom: solid 1px #fff;}
.btn-solicitar a:hover{color: #FFC431; transition: color ease-in-out 0.5s;}
.btn-solicitar .back-top{font-size: 0.5em; font-weight: 400; border: none; padding: 5px 10px; margin-top: 10px; background: rgba(255,255,255,0.3);}
/*ESTILOS DEL BOTÓN DEL BANNER DE CONTACTO E INSCRIPCIONES*/
.btn-inscripciones-slider{border: none; display: block; text-align: center; cursor: pointer; text-transform: uppercase; outline: none; overflow: hidden; position: relative; color: #fff; font-weight: 700; font-size: 15px; font-family: 'Source Sans Pro'; background-color: #BB0B24; padding: 7px 60px; margin: 0 auto; box-shadow: 0 5px 15px rgb(0 0 0 / 20%);}
.btn-inscripciones-slider span{position: relative; z-index: 1;}
.btn-inscripciones-slider:after{content: ""; position: absolute; left: 0; top: 0; height: 540%; width: 125%; background: #CA9700; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg); transform: translateX(-98%) translateY(-25%) rotate(45deg);}
.btn-inscripciones-slider:hover:after { -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg); transform: translateX(-9%) translateY(-25%) rotate(45deg);}
.about-inscripciones-slider a {margin-top: 25px; /*padding: 10px 44px;*/ -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.about-inscripciones-slider a:hover{ color: #fff; background: #2C2B5E;}
/*AGREGADOS*/
/*ESTILOS DE LA PÁGINA 'GRACIAS POR REGISTRARTE'*/
.mod-agradecimientos{background-image: url(../img/thkpg/agradecimientos_banner_1920x917.webp); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; padding-top: 100px;}
.agradecimientos{display: inline-flex; width: 100%; height: 100%;}
.img-agradecimientos img{margin-top: 25px;}
.txt-agradecimientos{padding-top: 100px;}
.txt-agradecimientos h1{font-family: "Source Sans Pro"; color: #FFC300; font-size: 3em; line-height: 1.2; font-weight: 700; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);}
.txt-agradecimientos p{font-family: "Source Sans Pro"; margin-top: 30px; color: #fff; font-size: 1.5em; font-weight: 500; line-height: 1.2; text-align: left; width: 95%; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);}
.txt-agradecimientos .disclaimer{ background: rgba(199, 0, 57, 0.75); padding: 10px 20px; color: #fff; font-family: "Source Sans Pro"; font-weight: 400; font-size: 1em; font-style: italic; border-radius: 30px; text-align: left;}
/*PLECAS PARA OCASONES ESPECIALES*/
.txt-agradecimientos h1 .x-left img{width: 50px; filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.75)); margin: 5px; font-family: 'Source Sans pro';}
.txt-agradecimientos h1 .x-right img{width: 50px; filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.75)); margin: 5px;}
/*=============================AVISO DE PRIVACIDAD==============================================*/
.aviso-privacidad{font-family: 'Source Sans Pro', sans-serif; font-size: 1em; line-height: 1.2; text-align: justify;}
.aviso-privacidad p{color: #050607;}
.aviso-privacidad a{font-weight: 700;color: #C1272D;}
.aviso-privacidad p span{font-family: 'Source Sans Pro', serif; font-weight: 600; color: #092556; font-size: 1.2em;}
.indent{ text-indent: 2em;}
#aviso-privacidad{padding-top: 100px; padding-bottom: 250px;}
.e-learning-ibcj{background: url(../../assets2/img/home/home_e-learning_bg_1263x311.webp); background-size: cover;}
/*============================ INICIA MEMBRESIAS NUEVOS ESTILOS PARA REDISEÑO ==========================*/
.membresias-portada{background-image: url("../img/membresias/bg-membresias.webp");background-size: cover;margin-top: 220px;font-family: 'Source Sans Pro';}
.membresias-portada .contain-p-center{align-self: center;text-align: center;}
.membresias-portada h1{color: #ffff;font-size: 3.7em;font-weight: 700;margin-bottom: 20px;}
.membresias-portada p{color: #ffff;font-size: 1.4em;font-weight: 300;padding: 0px 30px}
.membresias-portada .contain-img-center{align-self: center;text-align: center;}
.membresias-portada img{width: 82%;margin-top: -65px;}
.membresias-plan-medida{background-image: url("../img/membresias/bg-blanco.webp"); background-size: cover; font-family: 'Source Sans Pro'; padding: 70px 0px;}
.membresias-plan-medida .intro-containt-section{text-align: center;}
.membresias-plan-medida .intro-containt-section hr{background: #bf0d3e;height: 3px;opacity: 1;width: 175px;margin: auto;}
.membresias-plan-medida .intro-containt-section h2{font-size: 3em;font-weight: 700;color: #002554;margin-bottom: 30px;}
.membresias-plan-medida .intro-containt-section h3{font-size: 1.5em;font-weight: 600;color: #fff;margin-bottom: 30px;}
.membresias-plan-medida .intro-containt-section p{font-size: 1.2em;font-weight: 400;color: #000;padding: 0px 280px;margin-bottom: 50px;}
.membresias-plan-medida .card-container-info-section{margin: 0px 80px; font-family: 'Source Sans Pro';}
.membresias-plan-medida .card-container-info-section.background-card-membresias-1{background-image: url("../img/membresias/bg-blue-linea.webp");background-size: cover;}
.membresias-plan-medida .card-container-info-section.background-card-membresias-2{background-image: url("../img/membresias/bg-gold-linea.webp");background-size: cover;}
.membresias-plan-medida .card-container-info-section img{width: 80%; border-radius: 15px;}
.membresias-plan-medida .card-container-info-section .info-card-center{padding: 30px 0px; margin-bottom: 30px;}
.membresias-plan-medida .card-container-info-section .card-img-center{text-align: center;}
.membresias-plan-medida .card-container-info-section .padding-info-membresias{padding: 0px 50px;}
.membresias-plan-medida .card-container-info-section h4{font-size: 1.4em; font-weight: 700; margin-bottom: 0px;}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-1{color: #1593e1;border-left: 2px solid #1593e1;padding: 0px 10px;}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-2{color: #f10200;border-left: 2px solid #f10200;padding: 0px 10px;}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-3{color: #cb9700;border-left: 2px solid #cb9700;padding: 0px 10px;}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-4{color: #664206;border-left: 2px solid #664206;padding: 0px 10px;}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-1 span, .color-title-membresias-2 span{font-weight: 300;}
.membresias-plan-medida .card-container-info-section .price{font-size: 3.2em; font-weight: 700; margin-bottom: -10px;}
.membresias-plan-medida .card-container-info-section .price span{font-weight: 300; font-size: 0.6em;}
.membresias-plan-medida .card-container-info-section .price.color-price{color: #fff;}
.membresias-plan-medida .card-container-info-section .price.color-price-premium{color: #000;}
.membresias-plan-medida .card-container-info-section .no-iva{font-weight: 400;font-size: 1em;font-style: italic;}
.membresias-plan-medida .card-container-info-section .no-iva.color-no-iva-1{color: #fff;}
.membresias-plan-medida .card-container-info-section .no-iva.color-no-iva-2{color: #000;}
.membresias-plan-medida .card-container-info-section .beneficios{font-weight: 600; font-size: 1em; width: 100%; padding: 8px 0px; margin-bottom: 15px; color: #fff; border: none; border-radius: 0 !important;}
.membresias-plan-medida .card-container-info-section .beneficios.beneficios-color-starter{background: rgb(0,30,140);background: linear-gradient(90deg, rgba(0,30,140,1) 0%, rgba(20,147,226,1) 52%, rgba(0,30,140,1) 100%);}
.membresias-plan-medida .card-container-info-section .beneficios.beneficios-color-business{background: rgb(116,0,1);background: linear-gradient(90deg, rgba(116,0,1,1) 0%, rgba(243,2,0,1) 52%, rgba(116,0,1,1) 100%);}
.membresias-plan-medida .card-container-info-section .beneficios.beneficios-color-corporate{background: rgb(151,112,44);background: linear-gradient(90deg, rgba(151,112,44,1) 0%, rgba(191,148,4,1) 52%, rgba(151,112,44,1) 100%);}
.membresias-plan-medida .card-container-info-section .beneficios.beneficios-color-premium{background: #000000;}
.membresias-plan-medida .card-container-info-section .beneficios-list {margin-bottom: 10px;margin-top: 10px;display: block;}
.membresias-plan-medida .card-container-info-section .beneficios-list ul {list-style: none;margin-bottom: 0em !important;margin-top: 0em !important;padding-left: 0em !important;}
.membresias-plan-medida .card-container-info-section .beneficios-list li:after {content: "";height: 0.5em;width: 0.5em;background: #c40d3c;display: block;position: absolute;transform: rotate(135deg);top: 0.55em;left: 5px;}
.membresias-plan-medida .card-container-info-section .beneficios-list li.bullet-color-premium:after {background: #000;}
.membresias-plan-medida .card-container-info-section .beneficios-list ul li{font-size: 1em;font-family: 'Source Sans Pro';font-weight: 500;line-height: 1.5;margin-bottom: 15px;padding-left: 1.5em;position: relative;}
.membresias-plan-medida .card-container-info-section .beneficios-list ul li span{color: #cb9700;font-weight: 700;}
.membresias-plan-medida .card-container-info-section .beneficios-list ul li span strong{ font-style: italic;}
.membresias-plan-medida .card-container-info-section .beneficios-list ul.list-1 li {color: #fff;}
.membresias-plan-medida .card-container-info-section .beneficios-list ul.list-2 li {color: #000;}
.membresias-plan-medida .card-container-info-section .beneficios-list ul.list-2 li span {color: #000;}
.membresias-plan-medida .card-container-info-section .beneficios-list hr {background: #606980;opacity: 1;height: 1px;}
.membresias-plan-medida .card-container-info-section .beneficios-list .disclaimer-membresias {margin-top: 20px;margin-bottom: 20px;padding: 10px 15px;background-color: rgba(255, 255, 255, 17%);}
.membresias-plan-medida .card-container-info-section .beneficios-list .disclaimer-membresias.bg-premium-op{background-color: rgba(217,164,70, 60%);}
.membresias-plan-medida .card-container-info-section .beneficios-list .disclaimer-membresias p {color: #fff;font-style: italic;font-size: 0.9em;margin-bottom: 0.5em;margin-top: 0.5em;}
.membresias-plan-medida .card-container-info-section .beneficios-list .disclaimer-membresias p.premium-disclaimer {color: #000;}
.membresias-plan-medida .card-container-info-section .height-acordion{max-height: 2000px;transition: all 0.3s ease-in;}
.membresias-plan-medida .card-container-info-section .obtener-membresia{font-weight: 600; font-size: 1em; width: 100%; padding: 8px 0px; margin-bottom: 15px; }
.membresias-plan-medida .card-container-info-section .obtener-membresia.obtener-background-starter{background: transparent; color: #fff; border: 2px solid #1595e3;}
.membresias-plan-medida .card-container-info-section .obtener-membresia.obtener-background-business{background: transparent; color: #fff; border: 2px solid #f50200;}
.membresias-plan-medida .card-container-info-section .obtener-membresia.obtener-background-corporate{background: transparent; color: #fff; border: 2px solid #c49800;}
.membresias-plan-medida .card-container-info-section .obtener-membresia.obtener-background-premium{background: transparent; color: #000000; border: 2px solid #000000;}
.membresias-plan-medida .card-container-info-section .obtener-membresia.obtener-background-premium:hover{color: #fff;}
.membresias-accordion-button:not(.collapsed)::after {background: transparent;}
.membresias-accordion-button:not(.collapsed)::after {transform: rotate(-180deg);transition: all 0.5s ease-in;}
.membresias-accordion-button::after {background: transparent;}
.membresias-accordion-button.starter:not(.collapsed) {background: transparent !important;border: 2px solid #1595e3 !important;transform: all 0.5s ease-in;}
.membresias-accordion-button.business:not(.collapsed) {background: transparent !important;border: 2px solid #f50200 !important;transform: all 0.5s ease-in;}
.membresias-accordion-button.corporate:not(.collapsed) {background: transparent !important;border: 2px solid #cb9700 !important;transform: all 0.5s ease-in;}
.membresias-accordion-button.premium:not(.collapsed) {color: #000;background: transparent !important;border: 2px solid #000000 !important;transform: all 0.5s ease-in;}
.membresias-accordion-button::after {font-family: "Font Awesome 5 Free";content: "\f107";display: inline-block;padding-right: 3px;vertical-align: middle;font-weight: 900;font-size: 1em;width: auto;margin-left: 10px;margin-top: -5px;transition: all 0.5s ease-in;}
.accordion-item.bg-transparent{--bs-bg-opacity: 1;background-color: transparent!important;border: none;}
.accordion-item:last-of-type .membresias-accordion-button.collapsed {border-bottom-right-radius: calc(0.25rem - 1px);border-bottom-left-radius: calc(0.25rem - 1px);}
.accordion-item:first-of-type .membresias-accordion-button {border-top-left-radius: calc(0.25rem - 1px);border-top-right-radius: calc(0.25rem - 1px);}
.width-shopify-membresias{max-width: 100% !important;margin-bottom: 15px;}
.membresias-conoce-beneficios{font-family: 'Source Sans Pro';}
.membresias-conoce-beneficios h2{color: #002554;font-weight: 700;font-size: 3em;text-align: center;margin: 20px 200px 30px 200px;}
.membresias-conoce-beneficios h2 span{color: #BF0D3E;}
.membresias-conoce-beneficios a {display: flex;justify-content: center;margin: 30px 0px 100px 0px;}
.membresias-conoce-beneficios a button{background: transparent;border: 1px solid #002554;padding: 5px 20px;font-size: 1.1em;font-weight: 700;color: #CE0E2D;transition: all 0.5s ease-in;}
.membresias-conoce-beneficios a button i{color: #002554;font-size: 0.9em;margin-left: 5px;}
.membresias-conoce-beneficios a button:hover{background: #002554; transition: all 0.5s ease-in;}
.membresias-conoce-beneficios a button:hover, .membresias-conoce-beneficios button:hover i{color: #fff !important; transition: all 0.5s ease-in;}
.membresias-conoce-beneficios .mgr-bottom-beneficios{margin-bottom: 90px;}
.membresias-conoce-beneficios .txt-beneficios{align-self: center;}
.membresias-conoce-beneficios .txt-beneficios h3{color: #000;margin-left: 12px;font-size: 2em;font-weight: 700;}
.membresias-conoce-beneficios .txt-beneficios p{color: #333333;font-style: italic;font-weight: 500;font-size: 0.9em;margin-left: 12px;margin-bottom: 0px;}
.membresias-conoce-beneficios .txt-beneficios .border-left-beneficios{border-left: 3px solid #c40d3c;height: 130px;display: grid;align-items: center;}
.membresias-conoce-beneficios .img-beneficios.right-img{text-align: right;}
.membresias-conoce-beneficios .img-beneficios.right-img img{margin-right: 20px;width: 450px;}
.membresias-conoce-beneficios .img-beneficios.left-img{text-align: left;}
.membresias-conoce-beneficios .img-beneficios.left-img img{margin-left: 20px;width: 450px;}
.membresias-solicitud{background-image: url("../img/membresias/bg-md-rectangulos.webp");font-family: 'Source Sans Pro';padding-bottom: 40px;}
.membresias-solicitud h3{font-size: 3em;font-weight: 700;color: #002554;text-align: center;}
.membresias-solicitud p{font-weight: 500;font-size: 1.5em;letter-spacing: 1px;color: #002554;text-align: center;}
.membresias-solicitud p span{border-bottom: 2px solid #cb9700;}
.membresias-solicitud .box-center-membresias{justify-content: center;margin: 100px 0px 50px 0px;}
.membresias-solicitud .box-form-membresias{background: #002554; height: 1000px; padding: 30px 40px; max-height: 1500px;}
.membresias-solicitud .box-form-membresias hr {background: #c40d3c;height: 3px;opacity: 1;width: 250px;margin: auto;margin-top: 50px;margin-bottom: 15px;}
.membresias-solicitud .box-form-membresias h2{color: #fff;font-size: 3em;font-weight: 700;text-align: center;padding: 0px 75px;}
.membresias-solicitud .box-form-membresias h4{color: #fff;font-size: 1.6em;font-weight: 300;text-align: center;line-height: 1.5;padding: 0px 60px;}
@media (min-width: 1851px) and (max-width: 2560px) {
.membresias-portada h1 {
font-size: 4.5em;
margin-bottom: 10px;
}
.membresias-portada p {
font-size: 1.75em;
padding: 0px 0px;
margin-bottom: 0px;
}
.membresias-portada img {
width: 70%;
margin-top: -55px;
}
.membresias-plan-medida .intro-containt-section hr {
width: 220px;
}
.membresias-plan-medida .intro-containt-section h2 {
font-size: 4em;
margin-bottom: 30px;
}
.membresias-plan-medida .intro-containt-section p {
font-size: 1.5em;
padding: 0px 290px;
margin-bottom: 60px
}
.membresias-plan-medida .card-container-info-section {
margin: 0px 50px;
}
.membresias-plan-medida .card-container-info-section .padding-info-membresias {
padding: 0px 30px;
}
.membresias-plan-medida .card-container-info-section img {
width: 70%;
margin-bottom: 25px;
margin-top: 25px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-1 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-2 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-3 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-4 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4 {
font-size: 1.8em;
margin-bottom: 0px;
}
.membresias-plan-medida .card-container-info-section .price {
font-size: 4em;
margin-bottom: -5px;
}
.membresias-plan-medida .card-container-info-section .price span {
font-size: 0.6em;
}
.membresias-plan-medida .card-container-info-section .no-iva {
font-size: 1.2em;
}
.membresias-plan-medida .card-container-info-section .beneficios {
font-size: 1.2em;
padding: 10px 0px;
margin-bottom: 15px;
}
.membresias-plan-medida .card-container-info-section .obtener-membresia {
font-size: 1.2em;
padding: 10px 0px;
margin-bottom: 0px;
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-1 {
background-image: url(../img/membresias/bg-blue-linea.webp);
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-2 {
background-image: url(../img/membresias/bg-gold-linea.webp);
}
.membresias-plan-medida .card-container-info-section .beneficios-list ul li {
font-size: 1.2em;
margin-bottom: 15px;
padding-left: 1.5em;
}
.membresias-conoce-beneficios .reverse-column{
flex-direction: inherit;
}
.membresias-conoce-beneficios .mgr-bottom-beneficios {
margin-bottom: 50px;
}
.membresias-conoce-beneficios h2 {
font-size: 4em;
margin: 60px 160px 60px 160px;
}
.membresias-conoce-beneficios a button {
padding: 5px 20px;
font-size: 1.4em;
}
.membresias-conoce-beneficios .img-beneficios.right-img img {
margin-right: 0px;
width: 600px;
}
.membresias-conoce-beneficios .img-beneficios.left-img img {
margin-left: 0px;
width: 600px;
}
.membresias-conoce-beneficios .txt-beneficios .border-left-beneficios {
height: 170px;
margin-top: 30px;
margin-bottom: 0px;
}
.membresias-conoce-beneficios .txt-beneficios h3 {
margin-left: 10px;
font-size: 2.5em;
}
.membresias-conoce-beneficios .txt-beneficios p {
font-size: 1.3em;
}
.membresias-solicitud {
background-image: url(../img/membresias/bg-rectangulos.webp);
background-size: cover;
padding-bottom: 40px;
}
.membresias-solicitud h3 {
font-size: 3em;
}
.membresias-solicitud p {
font-size: 1.5em;
}
.membresias-solicitud a button {
padding: 5px 20px;
font-size: 1.15em;
}
.membresias-solicitud .box-form-membresias h2 {
font-size: 3em;
padding: 0px 50px;
}
.membresias-solicitud .box-form-membresias hr {
width: 250px;
margin-top: 20px;
margin-bottom: 10px;
}
.membresias-solicitud .box-center-membresias {
margin: 130px 0px 50px 0px;
}
}
@media (min-width: 1400px) and (max-width: 1850px) {
.membresias-portada h1 {
font-size: 4.5em;
margin-bottom: 10px;
}
.membresias-portada p {
font-size: 1.75em;
padding: 0px 0px;
margin-bottom: 0px;
}
.membresias-portada img {
width: 70%;
margin-top: -55px;
}
.membresias-plan-medida .intro-containt-section hr {
width: 220px;
}
.membresias-plan-medida .intro-containt-section h2 {
font-size: 4em;
margin-bottom: 30px;
}
.membresias-plan-medida .intro-containt-section p {
font-size: 1.5em;
padding: 0px 290px;
margin-bottom: 60px
}
.membresias-plan-medida .card-container-info-section {
margin: 0px 50px;
}
.membresias-plan-medida .card-container-info-section .padding-info-membresias {
padding: 0px 30px;
}
.membresias-plan-medida .card-container-info-section img {
width: 70%;
margin-bottom: 25px;
margin-top: 25px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-1 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-2 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-3 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-4 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4 {
font-size: 1.8em;
margin-bottom: 0px;
}
.membresias-plan-medida .card-container-info-section .price {
font-size: 4em;
margin-bottom: -5px;
}
.membresias-plan-medida .card-container-info-section .price span {
font-size: 0.6em;
}
.membresias-plan-medida .card-container-info-section .no-iva {
font-size: 1.2em;
}
.membresias-plan-medida .card-container-info-section .beneficios {
font-size: 1.2em;
padding: 10px 0px;
margin-bottom: 15px;
}
.membresias-plan-medida .card-container-info-section .obtener-membresia {
font-size: 1.2em;
padding: 10px 0px;
margin-bottom: 0px;
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-1 {
background-image: url(../img/membresias/bg-blue-linea.webp);
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-2 {
background-image: url(../img/membresias/bg-gold-linea.webp);
}
.membresias-plan-medida .card-container-info-section .beneficios-list ul li {
font-size: 1.2em;
margin-bottom: 15px;
padding-left: 1.5em;
}
.membresias-conoce-beneficios .reverse-column{
flex-direction: inherit;
}
.membresias-conoce-beneficios .mgr-bottom-beneficios {
margin-bottom: 50px;
}
.membresias-conoce-beneficios h2 {
font-size: 4em;
margin: 20px 160px 60px 160px;
}
.membresias-conoce-beneficios a button {
padding: 5px 20px;
font-size: 1.4em;
}
.membresias-conoce-beneficios .img-beneficios.right-img img {
margin-right: 0px;
width: 600px;
}
.membresias-conoce-beneficios .img-beneficios.left-img img {
margin-left: 0px;
width: 600px;
}
.membresias-conoce-beneficios .txt-beneficios .border-left-beneficios {
height: 170px;
margin-top: 30px;
margin-bottom: 0px;
}
.membresias-conoce-beneficios .txt-beneficios h3 {
margin-left: 10px;
font-size: 2.5em;
}
.membresias-conoce-beneficios .txt-beneficios p {
font-size: 1.1em;
}
.membresias-solicitud {
background-image: url(../img/membresias/bg-rectangulos.webp);
background-size: cover;
padding-bottom: 40px;
}
.membresias-solicitud h3 {
font-size: 3em;
}
.membresias-solicitud p {
font-size: 1.5em;
}
.membresias-solicitud a button {
padding: 5px 20px;
font-size: 1.15em;
}
.membresias-solicitud .box-form-membresias h2 {
font-size: 3em;
padding: 0px 50px;
}
.membresias-solicitud .box-form-membresias hr {
width: 250px;
margin-top: 20px;
margin-bottom: 10px;
}
.membresias-solicitud .box-center-membresias {
margin: 130px 0px 50px 0px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.membresias-portada h1 {
font-size: 3em;
margin-bottom: 10px;
}
.membresias-portada p {
font-size: 1.3em;
padding: 0px 0px;
margin-bottom: 0px;
}
.membresias-portada img {
width: 90%;
margin-top: -50px;
}
.membresias-plan-medida .intro-containt-section h2 {
font-size: 3em;
margin-bottom: 30px;
}
.membresias-plan-medida .intro-containt-section p {
font-size: 1.2em;
padding: 0px 210px;
margin-bottom: 60px;
}
.membresias-plan-medida .card-container-info-section {
margin: 0px 50px;
}
.membresias-plan-medida .card-container-info-section .padding-info-membresias {
padding: 0px 30px;
}
.membresias-plan-medida .card-container-info-section img {
width: 80%;
margin-bottom: 25px;
margin-top: 25px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-1 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-2 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-3 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-4 {
padding: 0px 8px;
}
.membresias-plan-medida .card-container-info-section h4 {
font-size: 1.4em;
margin-bottom: 0px;
}
.membresias-plan-medida .card-container-info-section .price {
font-size: 3.2em;
margin-bottom: -5px;
}
.membresias-plan-medida .card-container-info-section .price span {
font-size: 0.5em;
}
.membresias-plan-medida .card-container-info-section .no-iva {
font-size: 1em;
}
.membresias-plan-medida .card-container-info-section .beneficios {
font-size: 1em;
padding: 10px 0px;
margin-bottom: 15px;
}
.membresias-plan-medida .card-container-info-section .obtener-membresia {
font-size: 1em;
padding: 10px 0px;
margin-bottom: 0px;
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-1 {
background-image: url(../img/membresias/bg-blue.webp);
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-2 {
background-image: url(../img/membresias/bg-gold.webp);
}
.membresias-conoce-beneficios .reverse-column{
flex-direction: inherit;
}
.membresias-conoce-beneficios .mgr-bottom-beneficios {
margin-bottom: 50px;
}
.membresias-conoce-beneficios h2 {
font-size: 3em;
margin: 20px 105px 50px 105px;
}
.membresias-conoce-beneficios a button {
font-size: 1.2em;
}
.membresias-conoce-beneficios .img-beneficios.right-img img {
margin-right: 0px;
width: 400px;
}
.membresias-conoce-beneficios .img-beneficios.left-img img {
margin-left: 0px;
width: 400px;
}
.membresias-conoce-beneficios .txt-beneficios .border-left-beneficios {
height: 140px;
margin-top: 30px;
margin-bottom: 0px;
}
.membresias-conoce-beneficios .txt-beneficios h3 {
margin-left: 10px;
font-size: 1.7em;
}
.membresias-solicitud h3 {
font-size: 3em;
}
.membresias-solicitud p {
font-size: 1.5em;
}
.membresias-solicitud a button {
padding: 5px 20px;
font-size: 1.15em;
}
.membresias-solicitud .box-form-membresias h2 {
font-size: 2.5em;
padding: 0px 50px;
}
.membresias-solicitud .box-form-membresias h4 {
font-size: 1.5em;
padding: 0px 60px;
}
.membresias-solicitud .box-form-membresias hr {
width: 190px;
margin-top: 20px;
margin-bottom: 10px;
}
.membresias-solicitud .box-center-membresias {
margin: 70px 0px 30px 0px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.membresias-portada h1 {
font-size: 2.5em;
margin-bottom: 10px;
}
.membresias-portada p {
font-size: 1.1em;
padding: 0px 0px;
margin-bottom: 0px;
}
.membresias-portada img {
width: 80%;
margin-top: -40px;
}
.membresias-plan-medida .intro-containt-section h2 {
font-size: 3em;
margin-bottom: 25px;
}
.membresias-plan-medida .intro-containt-section p {
font-size: 1.2em;
padding: 0px 100px;
margin-bottom: 60px;
}
.membresias-plan-medida .card-container-info-section {
margin: 0px 50px;
}
.membresias-plan-medida .card-container-info-section .padding-info-membresias {
padding: 0px 30px;
}
.membresias-plan-medida .card-container-info-section img {
width: 80%;
margin-bottom: 25px;
margin-top: 25px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-1 {
padding: 0px 5px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-2 {
padding: 0px 5px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-3 {
padding: 0px 5px;
}
.membresias-plan-medida .card-container-info-section h4.color-title-membresias-4 {
padding: 0px 5px;
}
.membresias-plan-medida .card-container-info-section h4 {
font-size: 1em;
margin-bottom: 0px;
}
.membresias-plan-medida .card-container-info-section .price {
font-size: 2em;
margin-bottom: -5px;
}
.membresias-plan-medida .card-container-info-section .price span {
font-size: 0.5em;
}
.membresias-plan-medida .card-container-info-section .no-iva {
font-size: 0.9em;
}
.membresias-plan-medida .card-container-info-section .beneficios {
font-size: 0.9em;
padding: 5px 0px;
margin-bottom: 15px;
}
.membresias-plan-medida .card-container-info-section .obtener-membresia {
font-size: 0.9em;
padding: 5px 0px;
margin-bottom: 0px;
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-1 {
background-image: url(../img/membresias/bg-blue.webp);
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-2 {
background-image: url(../img/membresias/bg-gold.webp);
}
.membresias-conoce-beneficios .reverse-column{
flex-direction: inherit;
}
.membresias-conoce-beneficios .mgr-bottom-beneficios {
margin-bottom: 50px;
}
.membresias-conoce-beneficios h2 {
font-size: 2.5em;
margin: 20px 55px 35px 50px;
}
.membresias-conoce-beneficios .img-beneficios.right-img img {
margin-right: 0px;
width: 330px;
}
.membresias-conoce-beneficios .img-beneficios.left-img img {
margin-left: 0px;
width: 330px;
}
.membresias-conoce-beneficios .txt-beneficios .border-left-beneficios {
height: 140px;
margin-top: 30px;
margin-bottom: 0px;
}
.membresias-conoce-beneficios .txt-beneficios h3 {
margin-left: 10px;
font-size: 1.7em;
}
.membresias-solicitud h3 {
font-size: 2.5em;
}
.membresias-solicitud p {
font-size: 1.5em;
}
.membresias-solicitud a button {
padding: 5px 20px;
font-size: 1.15em;
}
.membresias-solicitud .box-form-membresias h2 {
font-size: 2em;
padding: 0px 0px;
}
.membresias-solicitud .box-form-membresias h4 {
font-size: 1.2em;
padding: 0px 15px;
}
.membresias-solicitud .box-form-membresias hr {
width: 135px;
margin-top: 20px;
margin-bottom: 10px;
}
.membresias-solicitud .box-center-membresias {
margin: 70px 0px 30px 0px;
}
}
@media (min-width: 250px) and (max-width: 767px) {
.membresias-portada h1 {
font-size: 1.8em;
margin-top: 50px;
margin-bottom: 20px;
}
.membresias-portada p {
font-size: 1.2em;
padding: 0px 0px;
}
.membresias-portada img {
width: 60%;
margin-top: 10px;
}
.membresias-plan-medida {
padding: 70px 0px 20px 0px;
}
.membresias-plan-medida .intro-containt-section h2 {
font-size: 2em;
margin-bottom: 30px;
}
.membresias-plan-medida .intro-containt-section p {
font-size: 1.2em;
padding: 0px 0px;
margin-bottom: 30px;
}
.membresias-plan-medida .card-container-info-section {
margin: 0px 0px;
}
.membresias-plan-medida .card-container-info-section .padding-info-membresias {
padding: 0px 30px;
}
.membresias-plan-medida .card-container-info-section img {
width: 80%;
margin-bottom: 25px;
}
.membresias-plan-medida .card-container-info-section .price {
font-size: 2em;
margin-bottom: -8px;
}
.membresias-plan-medida .card-container-info-section .price span {
font-size: 0.5em;
}
.membresias-plan-medida .card-container-info-section .obtener-membresia {
font-size: 0.9em;
padding: 8px 0px;
margin-bottom: 15px;
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-1 {
background-image: url(../img/membresias/bg-blue.webp);
background-size: contain;
}
.membresias-plan-medida .card-container-info-section.background-card-membresias-2 {
background-image: url(../img/membresias/bg-gold.webp);
background-size: contain;
}
.membresias-conoce-beneficios .reverse-column{
flex-direction: column-reverse;
}
.membresias-conoce-beneficios .mgr-bottom-beneficios {
margin-bottom: 50px;
}
.membresias-conoce-beneficios h2 {
font-size: 1.8em;
margin: 20px 0px 30px 0px;
}
.membresias-conoce-beneficios a {
margin: 30px 0px 60px 0px;
}
.membresias-conoce-beneficios .img-beneficios.right-img img {
margin-right: 0px;
width: 100%;
}
.membresias-conoce-beneficios .img-beneficios.left-img img {
margin-left: 0px;
width: 100%;
}
.membresias-conoce-beneficios .txt-beneficios .border-left-beneficios {
height: 140px;
margin-top: 30px;
margin-bottom: 0px;
}
.membresias-conoce-beneficios .txt-beneficios h3 {
margin-left: 10px;
font-size: 1.4em;
}
.membresias-solicitud p {
font-size: 1.3em;
}
.membresias-solicitud a button {
padding: 5px 20px;
font-size: 1.15em;
}
.membresias-solicitud h3 {
font-size: 1.8em;
}
.membresias-solicitud .box-form-membresias {
padding: 30px 10px;
}
.membresias-solicitud .box-form-membresias h2 {
font-size: 1.6em;
padding: 0px 0px;
}
.membresias-solicitud .box-form-membresias hr {
width: 135px;
margin-top: 20px;
margin-bottom: 10px;
}
.membresias-solicitud .box-form-membresias h4 {
font-size: 1em;
padding: 0px 0px;
}
}
/*============================ TERMINA MEMBRESIAS NUEVOS ESTILOS PARA REDISEÑO ==========================*/
/*=======================================ESTILOS DEL CSS TARIFFCARDS=============================================*/
.tariffCards {right: 35%;user-select: none;transform: translate3d(0, 0, 0);transform-style: preserve-3d;}
.tariffCards:after {position: absolute;bottom: -27px;left: 5%;content: '';width: 65%;height: 10px;border-radius: 100%;background-image: radial-gradient(rgba(34,50,84,0.04), rgba(34,50,84,0));}
.tariffCards > div {position: relative;width: 280px;height: 140px;border-radius: 12px;color: #fff;transform: rotateX(45deg) rotateY(-15deg) rotate(45deg);transition: all 0.4s ease;overflow: hidden;cursor: pointer;}
.tariffCards > div:after {position: absolute;top: -70px;left: 0;content: '';width: 200%;height: 200%;background-image: linear-gradient(60deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.1), rgba(255,255,255,0) 80%);transform: translateX(-100%);}
.tariffCards > div img {margin-top: 15px;pointer-events: none;}
.tariffCards > div h3 {position: absolute;bottom: 28px;left: 15px;font-size: 18px;font-weight: 800;}
.tariffCards > div span {position: absolute;font-weight: 700;bottom: 15px;left: 15px;font-size: 12px;font-weight: 600;opacity: 0.8;}
.tariffCards > div.economy {margin-top: 0;z-index: 3;background: rgba(240, 9, 9, 0) url("../img/membresias/membresias_starter_card_ajustado.webp") no-repeat scroll center center / cover ;}
.tariffCards > div.premiumeconomy {margin-top: -70px;z-index: 2;background: rgba(240, 9, 9, 0) url("../img/membresias/membresias_business_card_ajustado.webp") no-repeat scroll center center / cover ;}
.tariffCards > div.business {margin-top: -70px;z-index: 1;background: rgba(240, 9, 9, 0) url("../img/membresias/membresias_corporate_card_ajustado.webp") no-repeat scroll center center / cover ;}
.tariffCards > div.first {margin-top: -70px;background: rgba(240, 9, 9, 0) url("../img/membresias/membresias_premium_card_ajustado.webp") no-repeat scroll center center / cover ;}
.tariffCards > div:hover {transform: rotateX(30deg) rotateY(-15deg) rotate(30deg) translate(-25px, 50px);}
.tariffCards > div:hover:after {transform: translateX(100%);transition: all 1.2s ease-in-out;}
.tariffCards a {position: fixed;/* bottom: 100px; *//* right: 120px; */color: #07f;font-size: 14px;font-weight: 700;width: 270px;height: 140px}
[type="checkbox"]:checked, [type="checkbox"]:not(:checked){position: absolute;left: -9999px;}
.modal-btn:checked + label, .modal-btn:not(:checked) + label{position: relative;font-family: 'Poppins', sans-serif;font-weight: 500;font-size: 15px;line-height: 2;height: 50px;transition: all 200ms linear;border-radius: 4px;width: 240px;letter-spacing: 1px;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;-ms-flex-pack: center;text-align: center; -ms-flex-item-align: center; align-self: center;border: none;cursor: pointer;background-color: #102770;color: #ffeba7;box-shadow: 0 12px 35px 0 rgba(16,39,112,.25);}
.modal-btn:not(:checked) + label:hover{background-color: #ffeba7;color: #102770;}
.modal-btn:checked + label .uil, .modal-btn:not(:checked) + label .uil{margin-left: 10px;font-size: 18px;}
.modal-btn:checked + label:after, .modal-btn:not(:checked) + label:after{position: fixed;top: 30px;right: 30px;z-index: 110;width: 40px;border-radius: 3px;height: 30px;text-align: center;line-height: 30px;font-size: 18px;background-color: #ffeba7;color: #102770;font-family: 'unicons';content: '\eac6'; box-shadow: 0 12px 25px 0 rgba(16,39,112,.25);transition: all 200ms linear;opacity: 0;pointer-events: none;transform: translateY(20px);}
.modal-btn:checked + label:hover:after, .modal-btn:not(:checked) + label:hover:after{background-color: #102770;color: #ffeba7;}
.modal-btn:checked + label:after{transition: opacity 300ms 300ms ease, transform 300ms 300ms ease, background-color 250ms linear, color 250ms linear;opacity: 1;pointer-events: auto;transform: translateY(0);}
.modal-ponen{position: fixed;display: block !important;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: center;justify-content: center;margin: 0 auto;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;overflow-x: hidden;background-color: rgba(31,32,41,.75);pointer-events: none;opacity: 0;transition: opacity 250ms 700ms ease;}
.modal-btn:checked ~ .modal-ponen{pointer-events: auto;opacity: 1;transition: all 300ms ease-in-out;}
.modal-wrap {position: relative;display: block;width: 100%;max-width: 400px;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;border-radius: 4px;overflow: hidden;padding-bottom: 20px;background-color: #fff; -ms-flex-item-align: center; align-self: center; box-shadow: 0 12px 25px 0 rgba(199,175,189,.25);opacity: 0;transform: scale(0.6);transition: opacity 250ms 250ms ease, transform 300ms 250ms ease;}
.modal-wrap img {display: block;width: 100%;height: auto;}
.modal-wrap p {padding: 20px 30px 0 30px;}
.modal-btn:checked ~ .modal-ponen .modal-wrap{opacity: 1;transform: scale(1);transition: opacity 250ms 500ms ease, transform 350ms 500ms ease;}
/*==========================================================LandingPage MEMBRESIAS========================================================*/
.css-selector {background: linear-gradient(338deg, #0035e8, #3e71b3, #164189, #1e4d98, #1e4d98);background-size: 1000% 1000%;-moz-animation: AnimationName 12s ease infinite;animation: AnimationName 12s ease infinite;}
@-moz-keyframes AnimationName {0%{background-position:29% 0%}50%{background-position:72% 100%}100%{background-position:29% 0%}}
@keyframes AnimationName {0%{background-position:29% 0%}50%{background-position:72% 100%}100%{background-position:29% 0%}}
.css-selector2 {background: linear-gradient(148deg, #73100e, #be1814, #d45f5c, #cb100c);background-size: 800% 800%;-webkit-animation: AnimationName1 13s ease infinite;-moz-animation: AnimationName1 13s ease infinite;animation: AnimationName1 13s ease infinite;}
@-webkit-keyframes AnimationName1 {0%{background-position:23% 0%}50%{background-position:78% 100%}100%{background-position:23% 0%}}
@-moz-keyframes AnimationName1 {0%{background-position:23% 0%}50%{background-position:78% 100%}100%{background-position:23% 0%}}
@keyframes AnimationName1 {0%{background-position:23% 0%}50%{background-position:78% 100%}100%{background-position:23% 0%}}
.css-selector3 {background: linear-gradient(139deg, #000000, #845c2a, #000000);background-size: 600% 600%;-webkit-animation: AnimationName2 13s ease infinite;-moz-animation: AnimationName2 13s ease infinite;-o-animation: AnimationName2 13s ease infinite;animation: AnimationName2 13s ease infinite;}
@-webkit-keyframes AnimationName2 {0%{background-position:0% 11%}50%{background-position:100% 90%}100%{background-position:0% 11%}}
@-moz-keyframes AnimationName2 {0%{background-position:0% 11%}50%{background-position:100% 90%}100%{background-position:0% 11%}}
@-o-keyframes AnimationName2 {0%{background-position:0% 11%}50%{background-position:100% 90%}100%{background-position:0% 11%}}
@keyframes AnimationName2 {0%{background-position:0% 11%}50%{background-position:100% 90%}100%{background-position:0% 11%}}
.css-selector4 {background: linear-gradient(130deg, #a47a00, #e7bb3a, #7c5d03);background-size: 600% 600%;-webkit-animation: AnimationName3 12s ease infinite;-moz-animation: AnimationName3 12s ease infinite;-o-animation: AnimationName3 12s ease infinite;animation: AnimationName3 12s ease infinite;}
@-webkit-keyframes AnimationName3 {0%{background-position:2% 0%}50%{background-position:99% 100%}100%{background-position:2% 0%}}
@-moz-keyframes AnimationName3 {0%{background-position:2% 0%}50%{background-position:99% 100%}100%{background-position:2% 0%}}
@-o-keyframes AnimationName3 {0%{background-position:2% 0%}50%{background-position:99% 100%}100%{background-position:2% 0%}}
@keyframes AnimationName3 {0%{background-position:2% 0%}50%{background-position:99% 100%}100%{background-position:2% 0%}}
/*==================================================MEMBRESIAS-TABLA COMPARATIVA=================================================*/
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.card-price {font-family: "Yanone Kaffeesatz", sans-serif !important;}
.card-price a {text-decoration: none;color: white;}
.card-price .espacio .card {margin: 0px auto;display: inline-block;margin-right: 5px;transform: scale(0);width: 280px;text-align: center;position: relative;transition: all 0.2s;cursor: pointer;opacity: 0.6;box-shadow: 0px 17px 46px -10px #777777;height: 800px;border-radius: 14px;}
.card-price .espacio .card:nth-of-type(1) {-webkit-animation: intro 1s 0.1s forwards; animation: intro 1s 0.1s forwards;}
.card-price .espacio .card:nth-of-type(2) {-webkit-animation: intro 1s 0.2s forwards;animation: intro 1s 0.2s forwards;}
.card-price .espacio .card:nth-of-type(3) {-webkit-animation: intro 1s 0.3s forwards;animation: intro 1s 0.3s forwards;}
.card-price .espacio .card:nth-of-type(4) {-webkit-animation: intro 1s 0.3s forwards;animation: intro 1s 0.3s forwards;}
.card-price .espacio .card:nth-of-type(1) {background: #fff;}
.card-price .espacio .card:nth-of-type(2) {background: #fff;}
.card-price .espacio .card:nth-of-type(3) {background: #fff;}
.card-price .espacio .card:nth-of-type(4) {background: #fff;}
.card-price .espacio .card:hover .card-inner-header img {left: -50px;transition: all 3.4s linear;}
.card-price .espacio .card:hover .card-inner-cta button {transform: scale(1);}
.card-price .espacio .card:nth-of-type(1):hover .card-inner-starter img {-webkit-animation: spin 1s forwards;animation: spin 1s forwards;}
.card-price .espacio .card:nth-of-type(1) .card-inner-starter img {top: 8px;left: 0px;}
.card-price .espacio .card:nth-of-type(2):hover .card-inner-business img {-webkit-animation: spin 1s forwards;animation: spin 1s forwards;}
.card-price .espacio .card:nth-of-type(2) .card-inner-business img {top: 10px;}
.card-price .espacio .card:nth-of-type(3):hover .card-inner-corporate img {-webkit-animation: spin 1s forwards;animation: spin 1s forwards;}
.card-price .espacio .card:nth-of-type(3) .card-inner-corporate img {top: 10px;left: 0px;}
.card-price .espacio .card:nth-of-type(4):hover .card-inner-premium img {-webkit-animation: spin 1s forwards;animation: spin 1s forwards;}
.card-price .espacio .card:nth-of-type(4) .card-inner-premium img {top: 10px;left: 0px;}
.card-price .espacio .card:hover {opacity: 1;}
/*=============================Tabla comparativa Starter card==========================================*/
.card-price .espacio .starter1 {margin: 0px auto;display: inline-block;margin-right: 5px;transform: scale(0);width: 280px;text-align: center;position: relative;transition: all 0.2s;cursor: pointer;opacity: 0.6;box-shadow: 0px 17px 46px -10px #777777;border-radius: 14px;}
.card-price .espacio .starter1:nth-of-type(1) {-webkit-animation: intro 1s 0.1s forwards;animation: intro 1s 0.1s forwards;}
.card-price .espacio .starter1:hover .card-inner-header img {left: -50px;transition: all 3.4s linear;}
.card-price .espacio .starter1:hover .card-inner-cta button {transform: scale(1);}
.card-price .espacio .starter1:nth-of-type(1):hover .card-inner-starter img {-webkit-animation: spin 1s forwards;animation: spin 1s forwards;}
.card-price .espacio .starter1:nth-of-type(1) .card-inner-starter img {top: 8px;left: 0px;}
.card-price .espacio .starter1:hover {opacity: 1;}
/*=============================Tabla comparativa Starter card==========================================*/
/*=============================Tabla comparativa Business card==========================================*/
.card-price .espacio .business1 {margin: 0px auto;display: inline-block;margin-right: 5px;transform: scale(0);width: 280px;text-align: center;position: relative;transition: all 0.2s;cursor: pointer;opacity: 0.6;box-shadow: 0px 17px 46px -10px #777777;border-radius: 14px;}
.card-price .espacio .business1:nth-of-type(2) {-webkit-animation: intro 1s 0.2s forwards; animation: intro 1s 0.2s forwards;}
.card-price .espacio .business1:nth-of-type(2) { background: #fff;}
.card-price .espacio .business1:hover .card-inner-header img {left: -50px;transition: all 3.4s linear;}
.card-price .espacio .business1:hover .card-inner-cta button {transform: scale(1);}
.card-price .espacio .business1:nth-of-type(2):hover .card-inner-business img {-webkit-animation: spin 1s forwards; animation: spin 1s forwards;}
.card-price .espacio .business1:nth-of-type(2) .card-inner-business img {top: 10px;}
.card-price .espacio .business1:hover {opacity: 1;}
/*=============================Tabla comparativa Business card==========================================*/
.card-price .espacio .card-inner-starter {overflow: hidden;width: 70px;position: absolute;background: #00155C;z-index: 10;height: 70px;border-radius: 100px;left: 0;box-shadow: 0px 7px 20px rgb(0 0 0 / 28%);right: 0;margin: auto;border: 4px solid white;top: 82px;color: #F8FFFC;border-top: 2px dotted #dfb433;border-right: 3px solid #dfb433;border-bottom: 4px groove #dfb433;border-left: 5px double #dfb433;border-radius: 50%;}
.card-price .espacio .card-inner-starter img {height: 45px;position: relative;top: 17px;transition: all 0.2s;}
.card-price .espacio .card-inner-business {overflow: hidden;width: 70px;position: absolute;background: #BB0B24;z-index: 10;height: 70px;border-radius: 100px;left: 0;box-shadow: 0px 7px 20px rgb(0 0 0 / 28%);right: 0;margin: auto;border: 4px solid white;top: 82px;color: #F8FFFC;border-top: 2px dotted #000;border-right: 3px solid #000;border-bottom: 4px groove #000;border-left: 5px double #000;border-radius: 50%;}
.card-price .espacio .card-inner-business img {height: 45px;position: relative;top: 17px;transition: all 0.2s;}
.card-price .espacio .card-inner-corporate{overflow: hidden;width: 70px;position: absolute;background: #dfb433;z-index: 10;height: 70px;border-radius: 100px;left: 0;box-shadow: 0px 7px 20px rgb(0 0 0 / 28%);right: 0;margin: auto;border: 4px solid white;top: 82px;color: #F8FFFC;border-top: 2px dotted #000;border-right: 3px solid #000;border-bottom: 4px groove #000;border-left: 5px double #000;border-radius: 50%;}
.card-price .espacio .card-inner-corporate img {height: 45px;position: relative;top: 17px;transition: all 0.2s;}
.card-price .espacio .card-inner-premium{overflow: hidden;width: 70px;position: absolute;background: #000;z-index: 10;height: 70px;border-radius: 100px;left: 0;box-shadow: 0px 7px 20px rgb(0 0 0 / 28%);right: 0;margin: auto;border: 4px solid white;top: 82px;color: #F8FFFC;border-top: 2px dotted #dfb433;border-right: 3px solid #dfb433;border-bottom: 4px groove #dfb433;border-left: 5px double #dfb433;border-radius: 50%;}
.card-price .espacio .card-inner-premium img {height: 45px;position: relative;top: 17px;transition: all 0.2s;}
.card-price .espacio .card-inner-circle img {height: 45px;position: relative;top: 17px;transition: all 0.2s;}
.card-price .espacio .card-inner-header {height: 120px;border-top-left-radius: 14px;border-top-right-radius: 14px;overflow: hidden;}
.card-price .espacio .card-inner-header img {max-width: 120%;position: relative;top: -9px;left: 0px;transition: all 0.1s linear;}
.card-price .espacio .card-inner-content {padding: 20px;}
.card-price .espacio .card-inner-content .starter{color: #0C0E5A;font-weight: 800;font-size: 30px;font-family: 'Cinzel';}
.card-price .espacio .card-inner-content .business {color: #C81840;font-weight: 800;font-size: 30px;font-family: 'Cinzel';}
.card-price .espacio .card-inner-content .corporate {color: #CC9A26;font-weight: 800;font-size: 30px;font-family: 'Cinzel';}
.card-price .espacio .card-inner-content .premium {color: #000;font-weight: 800;font-size: 30px;font-family: 'Cinzel';/* text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.42);*/}
.card-price .espacio .card-inner-content .text {color: #67719B;font-family: 'PT SANS';font-weight: 500;margin-top: 40px;font-size: 1em;line-height: 15px;}
.card-price .espacio .card-inner-content .title {font-weight: 800;text-transform: uppercase;font-family: 'Cinzel';color: #DFB433;margin-top: 40px;font-size: 1.2em;letter-spacing: 1px;}
.card-price .espacio .card-inner-content .title2 {font-weight: 800;text-transform: uppercase;color: #0C0E5A;font-family: 'Cinzel';margin-top: 40px;font-size: 1.3em;letter-spacing: 1px;}
.card-price .espacio .card-inner-content ul li{font-family: "PT Sans";color: #666766;font-size: 1em;line-height: 1.2em;}
.card-price .espacio .card-inner-cta {position: absolute;bottom: -24px;left: 0;right: 0;margin: auto;width: 200px;}
@-webkit-keyframes launch {0% {left: 1px;}25% {top: -50px;left: 1px;}50% {left: -100px;}75% {top: 100px;transform: rotate(40deg);}100% {left: 1px;}}
@keyframes launch {0% {left: 1px;}25% {top: -50px;left: 1px;}50% {left: -100px;}75% {top: 100px;transform: rotate(40deg);}100% {left: 1px;}}
@-webkit-keyframes fly {0% {left: 0px;}25% {top: -50px;left: 50px;}50% {left: -130px;}75% {top: 60px;}100% {left: 0px;}}
@keyframes fly {0% {left: 0px;}25% {top: -50px;left: 50px;}50% {left: -130px;}75% {top: 60px;}100% {left: 0px;}}
@-webkit-keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(720deg);}}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(720deg);}}
@-webkit-keyframes intro {0% {transform: scale(0);}25% {transform: scale(1.06);}50% {transform: scale(0.965);}75% {transform: scale(1.02);}100% {transform: scale(1);}}
@keyframes intro {0% {transform: scale(0);}25% {transform: scale(1.06);}50% {transform: scale(0.965);}75% {transform: scale(1.02);}100% {transform: scale(1);}}
/* Cool infinite background scrolling animation.* Twitter: @kootoopas*/
/* Exo thin font from Google. */
@import url(https://fonts.googleapis.com/css?family=Exo:100);
/* Background data (Original source: https://subtlepatterns.com/grid-me/) */
/* Animations */
@-webkit-keyframes bg-scrolling-reverse {100% {background-position: 50px 50px;}}
@-moz-keyframes bg-scrolling-reverse {100% {background-position: 50px 50px;}}
@-o-keyframes bg-scrolling-reverse {100% {background-position: 50px 50px;}}
@keyframes bg-scrolling-reverse {100% {background-position: 50px 50px;}}
@-webkit-keyframes bg-scrolling {0% {background-position: 50px 50px;}}
@-moz-keyframes bg-scrolling {0% {background-position: 50px 50px;}}
@-o-keyframes bg-scrolling {0% {background-position: 50px 50px;}}
@keyframes bg-scrolling {0% {background-position: 50px 50px;}}
/* Main styles */
.fondo-animation {margin-top: 13.5rem;color: #999;font: 400 16px/1.5 exo, ubuntu, "segoe ui", helvetica, arial, sans-serif;text-align: center;/* img size is 50x50 */background: url("../bg_gris01_1920x1920.png") repeat 0 0;-webkit-animation: bg-scrolling-reverse 50s ease-in;/* Safari 4+ */-moz-animation: bg-scrolling-reverse 15s ease-in;/* Fx 5+ */-o-animation: bg-scrolling-reverse 15s ease-in;/* Opera 12+ */animation: bg-scrolling-reverse 15s ease-in;/* IE 10+ */-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;-o-animation-timing-function: linear;animation-timing-function: linear;}
.fondo-animation::before {content: "";font-size: 8rem;font-weight: 200;font-style: normal;}
/*LandingPage MEMBRESIAS*/
/*MÁSCARA AGENDA*/
.mascara-agenda{width: 100%;height: 100%;position: fixed;text-align: center;z-index: 10000;background: linear-gradient(323deg, rgba(0, 0, 0, 0.85), rgba(26, 48, 119, 0.95), rgba(0, 0, 0, 0.85));background-size: 600% 600%;-webkit-animation: bg-gracias 16s ease infinite;-moz-animation: bg-gracias 16s ease infinite;animation: bg-gracias 16s ease infinite;}
@-webkit-keyframes bg-gracias {0%{background-position:0% 48%}50%{background-position:100% 53%}100%{background-position:0% 48%}}
@-moz-keyframes bg-gracias {0%{background-position:0% 48%}50%{background-position:100% 53%}100%{background-position:0% 48%}}
@keyframes bg-gracias {0%{background-position:0% 48%}50%{background-position:100% 53%}100%{background-position:0% 48%}}
.mascara-agenda .container{text-align: center;width: 90%;padding-top: 5%;padding-bottom: 5%;}
.mascara-tit{padding-top: 50px;padding-bottom: 30px;}
.mascara-tit h1{font-family: "Source Sans Pro", sans-serif;color: #fff;font-weight: 700;font-size: 3em;line-height: 1;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.85);}
.mascara-img{margin-top: -25px;}
.mascara-img img{height: 360px;width: auto;}
.mascara-sub{background: #BF0D3E;padding-top: 10px;padding-bottom: 15px;}
.mascara-sub h3{text-transform: uppercase;font-family: "Source Sans Pro", sans-serif;color: #fff;font-size: 1.5em;font-weight: 400;}
.mascara-sub h3 span{color: #F8D86E;font-weight: 700;}
.mascara-sub h2{text-transform: uppercase;font-family: "Source Sans Pro", sans-serif;color: #fff;font-size: 2em;font-weight: 800;letter-spacing: 2px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.85);}
.mascara-txt{background: #C99700;padding-top: 5px;padding-bottom: 5px;}
.mascara-txt p{font-family: "Source Sans Pro", sans-serif;color: #002554;font-size: 1.1em;line-height: 1.2;font-weight: 600;}
.mascara-btn{background: #ffffff;padding-top: 5px;padding-bottom: 5px;display: inline-flex;text-align: center;padding-top: 15px;padding-bottom: 20px;}
.mascara-btn a button{background: #00165C;font-family: "Source Sans Pro", sans-serif;color: #fff;border: none;font-weight: 500;text-transform: uppercase;padding: 10px 5px;font-size: 1em;border-radius: 5px;width: 90%;}
.mascara-btn a button:hover{background: #0C528C;transition: background ease-in-out 0.5s;}
.shopify-buy__btn {
font-family: 'Source Sans Pro';
font-size: 1.1em;
padding-top: 9px;
padding-bottom: 9px;
background-color: #08a189;
border: none;
border-radius: 0px;
width: 100%;
color: #fff;
text-transform: uppercase;
margin-top: 20px;
}
.shopify-buy__cart-toggle {
position: fixed;
left: auto;
right: 0;
top: -30px;
width: 3rem;
min-width: 0;
height: 5em;
margin: 0;
padding: 1rem 0;
font-size: 1rem;
line-height: 1;
color: transparent;
border: none;
background-color: #3651a1;
outline: 1px solid currentColor;
border-radius: 3px;
display: block;
text-align: center;
text-align: -webkit-center; text-align: -moz-center;
}
.shopify-buy__cart-toggle:hover,
.shopify-buy__cart-toggle:focus,
.shopify-buy__cart-toggle:active {
background: #bf0d3e;
}
.shopify-buy__cart-toggle__count {
display: block;
margin: 0;
font-size: 1rem;
color: #fff;
}
.shopify-buy__cart-toggle svg{
width: 1.3rem;
padding: 0.8rem 0;
fill: #fff;
border-radius: 3px;
display: block;
}
.top-bar{background: #1e2b3c;text-align: center;padding-top: 20px;}
.top-bar .container{display: inline-flex;}
.top-bar a{color: #b19a61;text-decoration: none;font-family: "Montserrat";font-weight: 400;font-size: 1em;}
.top-bar a:hover {color: #e9e3d3;transition: all 0.5s;}
ul.tel-top{display: inline-flex;list-style: none;}
ul.tel-top li{padding-left: 10px;padding-right: 10px;}
ul.social-top{display: inline-flex;list-style: none;}
ul.social-top li{padding-left: 10px;padding-right: 10px;}
.low-bar{background: #1e2b3c;}
/*ESTILOS BARRA DE NAVEGACION*/
.counter-back {background-color: #002554;padding-top: 20px;padding-bottom: 20px;text-align: center;}
/*color iconos membresias*/
.color-membresias li a .starter{color: #1490DD;;}
.color-membresias li a .business{color: #CE3232;}
.color-membresias li a .corporate{color: #DDB133;}
/*color iconos membresias hover*/
.color-membresias li .hover-starter:hover{color: #fff !important;background: #00165C;}
.color-membresias li .hover-business:hover{background: #740001;}
.color-membresias li .hover-corporate:hover{color: #fff;background: #A37D2F;}
.color-membresias li .hover-premium:hover{color: #F8D86E !important;background: #000;}
/*=============================ONDEMAND=================================*/
/*CARUSEL ONDEMAND*/
@keyframes arrow{0% {opacity:0}40% {opacity:1}80% {opacity:0}100% {opacity:0}}
@-webkit-keyframes arrow /*Safari and Chrome*/{0% {opacity:0}40% {opacity:1}80% {opacity:0}100% {opacity:0}}
.owl-ondemand-carusel .owl-nav button:hover{background: transparent !IMPORTANT;}
.owl-ondemand-carusel .owl-nav .owl-prev {position: absolute;left: 0%;top: 50%;}
.owl-ondemand-carusel .owl-nav .owl-prev i{color: #002554;font-size: 2em;margin-right: -10px;animation: arrow 2s infinite;-webkit-animation: arrow 2s infinite;}
.owl-ondemand-carusel.colors-magno-carusel .owl-nav .owl-prev i{color: #fff;}
.owl-ondemand-carusel .owl-nav .owl-prev i.ail{animation-delay:0s;-webkit-animation-delay:0s; }
.owl-ondemand-carusel .owl-nav .owl-prev i.a2l{animation-delay:-0.5s;-webkit-animation-delay:-0.5s; }
.owl-ondemand-carusel .owl-nav .owl-prev i.a3l{animation-delay:-1s;-webkit-animation-delay:-1s; }
.owl-ondemand-carusel .owl-nav .owl-next{position: absolute;right:0%;top: 50%;}
.owl-ondemand-carusel .owl-nav .owl-next i{color: #002554;font-size: 2em;margin-right: -10px;animation: arrow 2s infinite;-webkit-animation: arrow 2s infinite;}
.owl-ondemand-carusel.colors-magno-carusel .owl-nav .owl-next i{color: #fff;}
.owl-ondemand-carusel .owl-nav .owl-next i.a1r{animation-delay:-1s;-webkit-animation-delay:-1s; }
.owl-ondemand-carusel .owl-nav .owl-next i.a2r{animation-delay:-0.5s;-webkit-animation-delay:-0.5s; }
.owl-ondemand-carusel .owl-nav .owl-next i.a3r{animation-delay:0s;-webkit-animation-delay:0s; }
@media only screen and (max-width: 1400px) and (min-width: 767.5px) {
.owl-ondemand-carusel .owl-nav .owl-prev {left: -1%;}
.owl-ondemand-carusel .owl-nav .owl-next{right:0%;}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.owl-ondemand-carusel .owl-nav .owl-prev {left: 0%;}
.owl-ondemand-carusel .owl-nav .owl-next{right:2.5%;}
}
/*CARUSEL ONDEMAND*/
.ondemand-navbar{background-color: #fff;}
.header-top-ondemand {background: #D5DAE6;position: relative;padding-top: 5px;border-bottom: solid 3px #c99700;color: #212a51}
.header-top-ondemand .right{background: #002554;clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);margin-top: -5px; padding-top: 7px;padding-bottom: 7px;}
/*ESTILOS ONDEMAND CARUSEL HOME*/
.tit-lvl01, .tit-lvl02, .tit-lvl03{font-family: "Barlow Semi Condensed";padding-bottom: 30px;text-align: left;}
.tit-lvl01 h4{color: #004a98;font-size: 3em;font-weight: 700;border-bottom: #bedced dotted thin;}
.tit-lvl02 h4{color: #fff;font-size: 3em;font-weight: 700;border-bottom: #bedced dotted thin;}
.tit-lvl03 h4{color: #002554;font-size: 2.5em;font-weight: 700;font-family: 'Source Sans Pro';text-transform: uppercase;margin-top: 50px;}
@media (max-width: 320px){
.tit-lvl03 h4{font-size: 2em;margin-top: 50px;}
}
.ejemplar2021{text-align: center;}
.ej-light{text-align: center;}
.portada-ej{text-align: center;text-align: -webkit-center; text-align: -moz-center;}
.portada-ej img{filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5));}
.txt-ej{font-family: 'Source Sans Pro', sans-serif;text-align: left;margin-top: 0px;}
.txt-ej h5{font-weight: 700;font-size: 1.3em;line-height: 1.5;padding: 0px 29px 0px 29px;}
.txt-ej h5 span{font-weight: 700;font-size: 0.85em;color: #c40d3c;text-transform: uppercase;}
.txt-ej h6{font-weight: 400;font-size: 0.9em;line-height: 1.5;padding: 5px 29px 0px 29px;color: #66739d;height: 4.9em;}
.ej-light .txt-ej h5{color: #000;}
.ej-light .txt-ej p{color: #1c355e;}
.ej-dark .txt-ej h5{color: #002554;font-weight: 700;}
.ej-dark .txt-ej p{color: #009ade;}
.ej-btn button.ejemplar{background: #3651a1;color: #fff;width: 85%;text-transform: uppercase;}
.ej-light .ej-btn button.comprar{background: #1c355e;color: #fff;width: 90%;}
.ej-dark .ej-btn button.comprar{background: #fff;border: 2px solid #3651a1;color: #3651a1;text-transform: uppercase;width: 85%;}
.txt-ej p{font-size: 1.5em;height: 1rem;padding-left: 15px;padding-right: 15px;color: #0a007d !important;font-weight: 700;}
.txt-ej .linethrough{font-size: 1em;height: 0em;padding-right: 15px;font-weight: 700;text-decoration: line-through;margin-bottom: 20px;margin-right: 10px;align-self: center;color: #c40d3c;}
.ej-btn{margin-top: 20px;DISPLAY: block;text-align: center;width: 100%;}
.ej-btn button{font-weight: 600;font-size: 1.2em;margin: 5px;border: none;padding: 8px;width: 250px;}
.ej-disc{text-align: center;background: transparent;padding-top: 30px;padding-bottom: 30px;}
.ej-disc p{background: #FD9645;padding: 20px;font-weight: 500;font-family: "Barlow";color: #000;}
.ej-disc a{font-weight: 600;color: #000;text-decoration: none;font-size: 1em;border-bottom: thin dotted #fff;}
.ej-disc a:hover{color: #FFE25E;border-bottom: thin dotted #000;transition: all 0.5s;}
/*==================================*/
.space-bottom-title-capacitaciones{height: 6em;}
.space-bottom-title-certificaciones{height: 4em;}
.space-bottom-title-posgrados{height: 5em;}
/*============= 1024px ==============*/
@media (max-width: 1199px){
.space-bottom-title-capacitaciones{height: 6em;}
.space-bottom-title-certificaciones{height: 4em;}
.space-bottom-title-posgrados{height: 4em;}
.txt-ej h6 {font-size: 0.9em;padding: 5px 29px 0px 29px;height: 6em;}
}
/*============= 1024px ==============*/
@media (max-width: 1024px){
.space-bottom-title-capacitaciones{height: 6em;}
.space-bottom-title-certificaciones{height: 4em;}
.space-bottom-title-posgrados{height: 4em;}
.txt-ej h6 {font-size: 0.9em;padding: 5px 29px 0px 29px;height: 6em;}
}
/*============= 768px ==============*/
@media (max-width: 991px){
.space-bottom-title-capacitaciones{height: 6em;}
.space-bottom-title-certificaciones{height: 4em;}
.space-bottom-title-posgrados{height: 4em;}
.txt-ej h6 {font-size: 0.9em;padding: 5px 29px 0px 29px;height: 5em;}
}
/*============= 767px ==============*/
@media (max-width: 767px){
.space-bottom-title-capacitaciones{height: auto;}
.space-bottom-title-certificaciones{height: 3em;}
.space-bottom-title-posgrados{height: 3em;}
.txt-ej h6 {font-size: 0.9em;padding: 5px 29px 0px 29px;height: 3.5em;}
}
/*============= 550px ==============*/
@media (max-width: 550px){
.space-bottom-title-capacitaciones{height: auto;}
.space-bottom-title-certificaciones{height: 4em;}
.space-bottom-title-posgrados{height: 3em;}
.txt-ej h6 {font-size: 0.9em;padding: 5px 29px 0px 29px;height: 5em;}
}
/*============= 375px ==============*/
@media (max-width: 375px){
.space-bottom-title-capacitaciones{height: auto;}
.space-bottom-title-certificaciones{height: 4em;}
.space-bottom-title-posgrados{height: 4em;}
.txt-ej h6 {font-size: 0.9em;padding: 5px 29px 0px 29px;height: 6em;}
}
/*============= 320px ==============*/
@media (max-width: 320px){
.space-bottom-title-capacitaciones{height: auto;}
.space-bottom-title-certificaciones{height: 4em;}
.space-bottom-title-posgrados{height: 4em;}
.txt-ej h6 {font-size: 0.9em;padding: 5px 29px 0px 29px;height: 6.5em;}
}
/*==================================*/
@media (max-width: 1279px){
.logo-bib img{transform: scale(0.8);margin-left: -15%;}
.txt-bib h1{margin-top: -25px;}
.txt-bib p{font-size: 1.2em;}
.ctc-bib a button{padding: 10px 50px;font-size: 1.2em;}
.bib-nvo-txt{padding-top: 50px;}
.bib-nvo-txt h3{font-size: 2em;}
.bib-nvo-txt h2{font-size: 1.5em;}
.bib-nvo-txt p{padding: 10px;}
.txt-ej p{height: 6.5rem;}
}
@media (max-width: 1023px){
.logo-bib{margin-left: -20%;}
.logo-bib img{transform: scale(0.6);}
.txt-bib{margin-top: -50px;}
.txt-bib h1{font-size: 2.5em;}
.txt-bib p{font-size: 1em;margin-top: 15px;}
.img-bib img{margin-top: 0px;transform: scale(0.8);margin-left: -15%;}
.bib-nvo-txt h2{font-size: 1.2em;}
.bib-nvo-txt p{font-size: 1.2em;}
.bib-nvo-btn button{width: 70%;margin: 20px;}
}
@media (max-width: 919px){
.logo-bib{padding: 10px;margin-top: -30px;}
.logo-bib img{transform: scale(0.3) ;margin-left: -10%;}
.txt-bib{margin-top: -80px;}
.txt-bib h1{font-size: 1.5em;}
.txt-bib p{font-size: 0.8em;}
.img-bib img{transform: scale(0.8);padding: 0px;width: 100%;height: auto;}
.biblioteca-nuevo{clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);}
.portada-bib{padding-bottom: 10px;padding-top: 10px;}
.bib-nvo-tit span{font-size: 1.5em;}
.ctc-bib a button{padding: 5px 30px;font-size: 1em;}
.bib-nvo-tit h2{font-size: 3em;padding-bottom: 10px;}
}
@media (max-width: 767px){
.logo-bib{padding: 30px;margin-bottom: 50px;text-align: center;}
.logo-bib img{padding: 15px;width: 100%;height: auto;margin: 0%;transform: scale(0.6);}
.txt-bib{padding: 15px;}
.txt-bib h1{font-size: 2em;}
.txt-bib p{font-size: 1.2em;}
.ctc-bib a button{padding: 15px 50px;font-size: 1.5em;}
.img-bib img{margin: 0%;}
.biblioteca-nuevo{padding-top: 100px;padding-bottom: 50px;padding: 15px;}
.bib-nvo-tit{padding: 15px;margin-top: 50px;}
.bib-nvo-tit span{font-size: 1.5em;}
.bib-nvo-tit h2{font-size: 3em;}
.bib-nvo-txt{padding-top: 50px;}
.bib-nvo-txt h3{font-size: 2.5em;margin-bottom: 25px;}
.bib-nvo-txt h2{font-size: 1.5em;margin-bottom: 30px;line-height: 1.5;}
.bib-nvo-txt h2 i{font-size: 0.5em;}
.bib-nvo-txt p{font-size: 1.2em;padding: 10px;}
.bib-nvo-btn button{width: 80%;padding: 5px 15px;font-size: 1.2em;}
.ej-btn{margin-bottom: 20px;}
}
/**/
.proximamente-carusel{background: #bf0f3e;border: 0px solid #cb9700;padding: 7px 60px 7px 60px;font-family: 'Source Sans Pro';font-weight: 700;font-size: 1.1em;color: #fff;pointer-events: none;}
.vermas-carusel{background: #FFF;border: 2px solid #cb9700;padding: 5px 35px 5px 35px;font-family: 'Source Sans Pro';font-weight: 700;font-size: 1.1em;color: #002554;}
.vermas-margin-center{text-align: center;text-align: -webkit-center; text-align: -moz-center;margin-top: 20px;margin-bottom: 20px;}
.counter-back-ondemand {background-color: #3651a1;padding-top: 20px;padding-bottom: 20px;text-align: center;}
.counter-back-ondemand .countdown-new .countdown-curso.ondemand-vr-countdown h2{text-align: left; font-weight: 700;color: #FFDF76;font-size: 1.5em; display: flex; align-items: center; font-family: "Source Sans Pro";}
.counter-back-ondemand .countdown-new .countdown-curso.ondemand-vr-countdown h2 i{margin-right: 10px;}
.counter-back-ondemand .countdown-new .ondemand-vr-countdown p{
text-align: center;
font-size: 1.6em;
font-weight: 700;
margin-top: 0px;
font-family: 'Source Sans Pro', sans-serif;
color: #fff;
margin-bottom: 0px;
}
.portada-consultoria img {width: 100%;height: auto;margin-top: 6.6em;}
.price-product-ondemand-carusel{display: flex;padding: 0px 12px 0px 12px;}
.with-100{max-width: 100% !important;}
/*===================================================== ============================================================*/
.ondemand-degradado-portada{font-family: 'Source Sans Pro';background: #002554;background: linear-gradient(90deg,rgba(33,42,81,1) 42%,rgba(205,41,49,1) 100%)!important;margin-top: 6.6rem;padding-top: 30px;}
.ondemand-degradado-portada .directories-portada{margin-bottom: 60px;margin-top: 30px;}
.ondemand-degradado-portada .directories-portada a{color: #fff;font-size: 0.9em;font-weight: 500;}
.ondemand-degradado-portada .directories-portada a:hover{color: #cb9700; transition: all 0.5s ease-in;}
.ondemand-degradado-portada .directories-portada i{color: #fff; font-size: 0.9em;}
.ondemand-degradado-portada .title-portada h4{color: #c40d3c;font-weight: 700;font-size: 2em;margin-bottom: 20px;}
.ondemand-degradado-portada .title-portada h4 span{border-bottom: 2px solid #cb9700;}
.ondemand-degradado-portada .title-portada h2{color: #fff;font-weight: 700;font-size: 2.5em;margin-bottom: 35px;}
.ondemand-degradado-portada .logos-portada{align-self: center;text-align: -webkit-center; text-align: -moz-center;}
.ondemand-degradado-portada .logos-portada img{width: 30%;}
.ondemand-degradado-portada .logos-portada img:nth-child(2){width: 50%;}
.metodospay-ondemand-1{margin-top: 100px;margin-bottom: 100px;}
.metodospay-ondemand-1 h3{color: #fff;text-transform: uppercase;font-family: 'Source Sans Pro';font-size: 1.7em;font-weight: 500;}
.metodospay-ondemand-1 h3 span{background-color: #3651a1;padding: 5px 15px;}
.metodospay-ondemand-1 h3 span em{font-weight: 600;font-style: normal;}
.metodospay-ondemand-1 h3.shopify-message-metodos-pago{color: #66739d; display: flex; justify-content: center;}
.metodospay-ondemand-1 h3.shopify-message-metodos-pago span{background: none;}
.metodospay-ondemand-1 h2{color: #3651a1;text-transform: uppercase;font-family: 'Source Sans Pro';font-size: 2.7em;font-weight: 700;}
.metodospay-ondemand-1 p{color: #66739d;margin-bottom: 0px;font-weight: 400;font-size: 1em;}
.metodospay-ondemand-1.desktop-mt-pagos{
display: block;
}
.metodospay-ondemand-1.mobile-mt-pagos{
display: none;
}
.metodospay-ondemand-1-1{
display: flex;
margin-top: -60px;
}
.metodospay-ondemand-1-1 h3{
display: flex;
margin-top: -60px;
}
.metodospay-ondemand-1-1 .caja-metodos-pago{
margin: 0px 20px;
}
.metodospay-ondemand-1-1 .caja-metodos-pago button {
text-align: center;
height: 120px;
background: #fff;
border: none;
cursor: default;
filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
}
.metodospay-ondemand-1-1 .caja-metodos-pago img{
width: 90%;
height: auto;
}
.metodospay-ondemand-1-1 .caja-metodos-pago button.oxxo img{
width: 75%;
height: auto;
}
@media (min-width:1849.5px) and (max-width: 2570px) {
/* Estilos contador de tiempo para modulo de descuentos Home Tienda*/
.counter-back-ondemand .countdown-new .countdown-curso.ondemand-vr-countdown h2{
font-size: 2em;
}
.counter-back-ondemand .countdown-new .ondemand-vr-countdown p{
font-size: 2em;
}
/* Estilos para boton ver mas para Home Tienda*/
.vermas-carusel {
padding: 7px 45px 7px 45px;
font-size: 1.2em;
}
}
@media (min-width:1399.5px) and (max-width: 1849.5px) {
/* Estilos contador de tiempo para modulo de descuentos Home Tienda*/
.counter-back-ondemand .countdown-new .countdown-curso.ondemand-vr-countdown h2{
font-size: 1.8em;
}
.counter-back-ondemand .countdown-new .ondemand-vr-countdown p{
font-size: 1.8em;
}
/* Estilos para boton ver mas para Home Tienda*/
.vermas-carusel {
padding: 7px 40px 7px 40px;
font-size: 1.2em;
}
}
@media (min-width:767.5px) and (max-width: 991.5px) {
/* Estilos contador de tiempo para modulo de descuentos Home Tienda*/
.counter-back-ondemand .countdown-new .countdown-curso.ondemand-vr-countdown h2{
font-size: 1.5em;
}
.counter-back-ondemand .countdown-new .ondemand-vr-countdown p{
font-size: 1.3em;
}
/* Estilos para boton ver mas para Home Tienda*/
.vermas-carusel {
padding: 7px 40px 7px 40px;
font-size: 1.2em;
}
}
@media (min-width: 550.5px) and (max-width: 767.5px) {
/* Estilos contador de tiempo para modulo de descuentos Home Tienda*/
.counter-back-ondemand .countdown-new .countdown-curso.ondemand-vr-countdown h2{
font-size: 1.5em;
}
.counter-back-ondemand .countdown-new .ondemand-vr-countdown p{
font-size: 1.5em;
}
/* Estilos cajas de opciones de formas de pago para Métodos de pago*/
.metodospay-ondemand-1-1{
display: grid;
margin-top: -60px;
}
.metodospay-ondemand-1-1 .caja-metodos-pago {
margin: 10px 20px;
}
.metodospay-ondemand-1-1 .caja-metodos-pago button {
width: 100%;
}
.metodospay-ondemand-1-1 .caja-metodos-pago img {
width: 65%;
}
.metodospay-ondemand-1-1 .caja-metodos-pago button.oxxo img {
width: 40%;
}
/* Estilos para boton ver mas para Home Tienda*/
.vermas-carusel {
padding: 7px 45px 7px 45px;
font-size: 1.2em;
}
}
@media (min-width: 200px) and (max-width: 550px) {
/* Estilos contador de tiempo para modulo de descuentos Home Tienda*/
.counter-back-ondemand .countdown-new .countdown-curso.ondemand-vr-countdown h2{
font-size: 1.3em;
}
.counter-back-ondemand .countdown-new .ondemand-vr-countdown p{
font-size: 1.5em;
}
/* Estilos cajas de opciones de formas de pago para Métodos de pago*/
.metodospay-ondemand-1-1{
display: grid;
margin-top: -60px;
}
.metodospay-ondemand-1-1 .caja-metodos-pago {
margin: 10px 20px;
}
.metodospay-ondemand-1-1 .caja-metodos-pago button {
width: 100%;
}
.metodospay-ondemand-1-1 .caja-metodos-pago img {
width: 70%;
}
.metodospay-ondemand-1-1 .caja-metodos-pago button.oxxo img {
width: 50%;
}
.metodospay-ondemand-1.desktop-mt-pagos{
display: none;
}
.metodospay-ondemand-1.mobile-mt-pagos{
display: block;
}
/* Estilos para boton ver mas para Home Tienda*/
.vermas-carusel {
padding: 7px 45px 7px 45px;
font-size: 1.2em;
}
}
.metodospay-ondemand-2{font-family: 'Source Sans Pro';}
.metodospay-ondemand-2 h4{display: flex;color: #bf0d3e;font-weight: 700;font-size: 1.2em;text-transform: uppercase;margin-bottom: 10px;margin-top: 10px;}
.metodospay-ondemand-2 h4 span{background: #bf0d3e;padding: 2px 8px;color: #fff;font-size: 0.8em;font-weight: 600;border-radius: 25px;margin-right: 5px;}
.metodospay-ondemand-2 p{color: #66739d;font-weight: 500;font-size: 1.1em;margin: 0px 20px;margin-bottom: 30px;}
.metodospay-ondemand-2 p a{color: #3651a1;font-weight: 700;text-decoration-line: underline;}
.metodospay-ondemand-2 .box-datos-bancarios{background-color: #3651a1;margin-left: 20px;margin-right: 20px;margin-bottom: 40px;padding-top: 10px;padding-bottom: 10px;}
.metodospay-ondemand-2 .box-datos-bancarios p{color: #fff;font-weight: 600;margin: 15px 25px 15px 25px;}
.metodospay-ondemand-2 ul{color: #3651a1;margin-left: 40px;list-style: auto;margin-bottom: 40px !important;}
.metodospay-ondemand-2 ul li{color: #3651a1;font-size: 1.1em;font-weight: 700;font-family: 'Source Sans Pro';margin-bottom: 0.5em;}
.metodospay-ondemand-3{align-self: center;}
.metodospay-ondemand-3 img{width: 90%;}
.ondemand-metodospay-contacto{font-family: 'Source Sans Pro';background-image: url(../../assets2/img/ondemand/contacto_1920x550.webp);background-size: cover;text-align: center;padding-top: 100px;padding-bottom: 100px;margin-top: 50px;}
.ondemand-metodospay-contacto img{width: 50px;}
.ondemand-metodospay-contacto h2{color: #fff;text-transform: uppercase;font-size: 1.8em;font-weight: 700;margin-top: 25px;}
.ondemand-metodospay-contacto p{color: #fff;font-weight: 300;font-size: 0.95em;margin-bottom: 30px;margin-top: 20px;}
.ondemand-metodospay-contacto .buttons-contacto a button{width: 90%;padding: 5px 0px;background: transparent;border: 2px solid #fff;color: #fff;font-size: 1.1em;display: flex;justify-content: center;align-items: center;margin-bottom: 0px;}
.ondemand-metodospay-contacto .buttons-contacto a button i{margin-right: 10px;}
@media (max-width: 2560px){
.ondemand-degradado-portada{
margin-top: 6.6rem;
padding-top: 30px;
}
.metodospay-ondemand-1 {
margin-top: 100px;
margin-bottom: 100px;
}
.metodospay-ondemand-1 h3 {
font-size: 1.7em;
}
.metodospay-ondemand-1 h2 {
font-size: 2.7em;
}
.metodospay-ondemand-1 p{
font-size: 1.2em;
}
.metodospay-ondemand-2 h4 {
font-size: 1.2em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 2px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 1.3em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 25px 15px 25px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 1.3em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 100px;
padding-bottom: 100px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 2em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 1.3em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.3em;
margin-bottom: 0px;
}
}
@media (max-width: 1980px){
.ondemand-degradado-portada{
margin-top: 6.6rem;
padding-top: 30px;
}
.metodospay-ondemand-1 {
margin-top: 100px;
margin-bottom: 100px;
}
.metodospay-ondemand-1 h3 {
font-size: 1.7em;
}
.metodospay-ondemand-1 h2 {
font-size: 2.7em;
}
.metodospay-ondemand-1 p{
font-size: 1.2em;
}
.metodospay-ondemand-2 h4 {
font-size: 1.2em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 2px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 1.3em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 25px 15px 25px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 1.3em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 100px;
padding-bottom: 100px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 2em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 1.3em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.3em;
margin-bottom: 0px;
}
}
@media (max-width: 1399px){
.ondemand-degradado-portada{
margin-top: 6.6rem;
padding-top: 30px;
}
.metodospay-ondemand-1 {
margin-top: 100px;
margin-bottom: 100px;
}
.metodospay-ondemand-1 h3 {
font-size: 1.7em;
}
.metodospay-ondemand-1 h2 {
font-size: 2.7em;
}
.metodospay-ondemand-1 p{
font-size: 1em;
}
.metodospay-ondemand-2 h4 {
font-size: 1.2em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 2px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 1.1em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 25px 15px 25px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 1.1em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 100px;
padding-bottom: 100px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 1.8em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 0.95em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.1em;
margin-bottom: 0px;
}
}
@media (max-width: 1199px){
.ondemand-degradado-portada{
margin-top: 6.7rem;
padding-top: 20px;
padding-bottom: 20px;
}
.metodospay-ondemand-1 {
margin-top: 60px;
margin-bottom: 60px;
}
.metodospay-ondemand-1 h3 {
font-size: 1.5em;
}
.metodospay-ondemand-1 h2 {
font-size: 2.3em;
}
.metodospay-ondemand-1 p{
font-size: 1em;
}
.metodospay-ondemand-2 h4 {
font-size: 1em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 4px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 0.95em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 15px 15px 15px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 0.95em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 1.5em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 1em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.1em;
margin-bottom: 20px;
}
}
@media (max-width: 1024px){
.ondemand-degradado-portada{
margin-top: 6.7rem;
padding-top: 20px;
padding-bottom: 20px;
}
.metodospay-ondemand-1 {
margin-top: 60px;
margin-bottom: 60px;
}
.metodospay-ondemand-1 h3 {
font-size: 1.5em;
}
.metodospay-ondemand-1 h2 {
font-size: 2.3em;
}
.metodospay-ondemand-1 p{
font-size: 1em;
}
.metodospay-ondemand-2 h4 {
font-size: 1em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 4px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 0.95em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 15px 15px 15px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 0.95em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 1.5em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 1em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.1em;
margin-bottom: 20px;
}
}
@media (max-width: 991px){
.ondemand-degradado-portada{
margin-top: 6.7rem;
padding-top: 20px;
padding-bottom: 20px;
}
.metodospay-ondemand-1 {
margin-top: 60px;
margin-bottom: 60px;
}
.metodospay-ondemand-1 h3 {
font-size: 1em;
}
.metodospay-ondemand-1 h2 {
font-size: 1.8em;
}
.metodospay-ondemand-1 p{
font-size: 0.795em;
}
.metodospay-ondemand-2 h4 {
font-size: 0.9em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 4px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 0.85em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 15px 15px 15px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 0.95em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 1.3em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 0.9em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.1em;
margin-bottom: 20px;
}
}
@media (max-width: 768px){
.ondemand-degradado-portada{
margin-top: 6.7rem;
padding-top: 20px;
padding-bottom: 20px;
}
.metodospay-ondemand-1 {
margin-top: 60px;
margin-bottom: 60px;
}
.metodospay-ondemand-1 h3 {
font-size: 1em;
}
.metodospay-ondemand-1 h2 {
font-size: 1.8em;
}
.metodospay-ondemand-1 p{
font-size: 0.795em;
}
.metodospay-ondemand-2 h4 {
font-size: 0.9em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 4px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 0.85em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 15px 15px 15px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 0.95em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 1.3em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 0.9em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.1em;
margin-bottom: 20px;
}
}
@media (max-width: 767px){
.ondemand-degradado-portada{
margin-top: 8.4rem;
padding-top: 20px;
padding-bottom: 20px;
}
.metodospay-ondemand-1 {
margin-top: 60px;
margin-bottom: 60px;
}
.metodospay-ondemand-1 h3 {
font-size: 0.95em;
}
.metodospay-ondemand-1 h2 {
font-size: 1.7em;
}
.metodospay-ondemand-1 p{
font-size: 0.85em;
}
.metodospay-ondemand-2 h4 {
font-size: 0.9em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 4px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 0.85em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 5px 15px 5px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 0.95em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 1.3em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 0.9em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.1em;
margin-bottom: 20px;
}
}
@media (max-width: 550px){
.ondemand-degradado-portada{
margin-top: 8.4rem;
padding-top: 20px;
padding-bottom: 20px;
}
.metodospay-ondemand-1 {
margin-top: 60px;
margin-bottom: 60px;
}
.metodospay-ondemand-1 h3 {
font-size: 0.95em;
}
.metodospay-ondemand-1 h2 {
font-size: 1.7em;
}
.metodospay-ondemand-1 p{
font-size: 0.85em;
}
.metodospay-ondemand-2 h4 {
font-size: 0.9em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 4px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 0.85em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 5px 15px 5px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 0.95em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 1.3em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 0.9em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.1em;
margin-bottom: 20px;
}
}
@media (max-width: 375px){
.ondemand-degradado-portada{
margin-top: 8.4rem;
padding-top: 20px;
padding-bottom: 20px;
}
.metodospay-ondemand-1 {
margin-top: 60px;
margin-bottom: 60px;
}
.metodospay-ondemand-1 h3 {
font-size: 0.95em;
}
.metodospay-ondemand-1 h2 {
font-size: 1.7em;
}
.metodospay-ondemand-1 p{
font-size: 1em;
}
.metodospay-ondemand-2 h4 {
font-size: 0.9em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 4px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 0.9em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 5px 15px 5px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 0.95em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 1.3em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 0.9em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.1em;
margin-bottom: 20px;
}
}
/*=========== 320px Métodos de pago ondemand =================*/
@media (max-width: 320px){
.ondemand-degradado-portada{
margin-top: 8.4rem;
padding-top: 20px;
padding-bottom: 20px;
}
.metodospay-ondemand-1 {
margin-top: 60px;
margin-bottom: 60px;
}
.metodospay-ondemand-1 h3 {
font-size: 0.75em;
}
.metodospay-ondemand-1 h2 {
font-size: 1.4em;
}
.metodospay-ondemand-1 p{
font-size: 0.9em;
}
.metodospay-ondemand-2 h4 {
font-size: 0.9em;
margin-bottom: 10px;
margin-top: 10px;
}
.metodospay-ondemand-2 h4 span {
padding: 4px 8px;
font-size: 0.8em;
margin-right: 5px;
}
.metodospay-ondemand-2 p {
font-size: 0.9em;
margin: 0px 20px;
margin-bottom: 30px;
}
.metodospay-ondemand-2 .box-datos-bancarios {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
.metodospay-ondemand-2 .box-datos-bancarios p {
margin: 15px 5px 15px 5px;
}
.metodospay-ondemand-2 ul {
margin-left: 40px;
margin-bottom: 40px !important;
}
.metodospay-ondemand-2 ul li {
font-size: 0.95em;
margin-bottom: 0.5em;
}
.ondemand-metodospay-contacto {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.ondemand-metodospay-contacto h2 {
font-size: 1.3em;
margin-top: 25px;
}
.ondemand-metodospay-contacto p {
font-size: 0.9em;
margin-bottom: 30px;
margin-top: 20px;
}
.ondemand-metodospay-contacto .buttons-contacto a button{
width: 90%;
padding: 5px 0px;
font-size: 1.1em;
margin-bottom: 20px;
}
}
/*New class 160822*/
.ondemand-portada{font-family: 'Source Sans Pro';background-image: url("../img/ondemand/textura.webp");background-size: cover;margin-top: 6.6rem;padding-top: 30px;}
.ondemand-portada .directories-portada{margin-bottom: 60px;margin-top: 30px;}
.ondemand-portada .directories-portada a{color: #66739d;font-size: 0.9em;font-weight: 500;}
.ondemand-portada .directories-portada i{color: #c40d3c; font-size: 0.9em;}
.ondemand-portada .title-portada h4{color: #c40d3c;font-weight: 700;font-size: 2em;margin-bottom: 20px;}
.ondemand-portada .title-portada h4 span{border-bottom: 2px solid #cb9700;}
.ondemand-portada .title-portada h2{color: #002554;font-weight: 700;font-size: 2.5em;margin-bottom: 50px;}
.ondemand-portada .logos-portada{align-self: center;text-align: -webkit-center; text-align: -moz-center;}
.ondemand-portada .logos-portada img{width: 30%;}
.ondemand-portada .logos-portada img:nth-child(2){width: 50%;}
.ondemand-information-primary{background: #002554;font-family: 'Source Sans Pro';}
.ondemand-information-primary .content-info-primary {text-align: center;color: #fff;padding-top: 40px;padding-bottom: 40px;}
.ondemand-information-primary .space-capacitaciones {padding-top: 66px !important;padding-bottom: 66px !important;}
.ondemand-information-primary .content-info-primary h3{font-size: 1.3em;font-weight: 300;border-bottom: none;}
.ondemand-information-primary .content-info-primary h3 .linethrough{color: #fff;border-bottom: #fff 1px solid;font-weight: 600;}
.ondemand-information-primary .content-info-primary h5{font-size: 0.7em;font-weight: 400;color: #fff;margin-top: 30px;margin-bottom: -20px;text-align: center;}
.ondemand-information-primary .content-info-primary p{font-size: 1.3em;font-weight: 600;text-transform: uppercase;}
.ondemand-information-primary .content-info-primary .weight{font-weight: 300;margin-top:15px;}
.ondemand-information-primary .content-info-primary .weight strong{font-size: 1.3em;font-weight: 300;}
.ondemand-margin-info-container{margin-top: -160px;}
.ondemand-content-info-product {text-align: left;padding-top: 60px;padding-bottom: 40px;font-family: 'Source Sans Pro';}
.ondemand-content-info-product h1 {font-size: 1.4em;font-weight: 700;margin-bottom: 20px;padding-right: 55px;color: #c40d3c;}
.ondemand-content-info-product .color-txt-certifi {color: #43495e !important;}
.ondemand-content-info-product h2.sub-title-content-certifi {font-size: 1.4em;font-weight: 700;margin-bottom: 20px;padding-right: 55px;color:#43495e;}
.ondemand-content-info-product p {font-size: 0.9em;font-weight: 500;margin-bottom: 30px;padding-right: 20px;text-align: justify;color: #66739d;line-height: 2;}
.ondemand-content-list-info {margin-bottom:30px; margin-top: -25px;}
.ondemand-content-list-info ul li{color: #66739d;font-size: 0.95em;font-family: 'Titillium Web', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 5px;padding-left: 1.5em;position: relative;}
.ondemand-content-list-info ul {list-style: none;}
.ondemand-content-list-info ul li:after {content: "";height: 0.5em;width: 0.5em;background: #c40d3c;display: block;position: absolute;transform: rotate(135deg);top: 0.55em;left: 5px;}
.temario-ondemand ol {counter-reset: list;padding-left: 0.3em;}
.temario-ondemand ol > li {list-style: none;border-bottom: 1px solid #e3e7ec;padding-top: 10px;padding-bottom: 10px;color: #66739d;font-family: 'Source Sans Pro';font-size: 1em;}
.temario-ondemand ol > li:before {content: counter(list, lower-alpha) ") ";counter-increment: list;}
/*============== CERTIFICACIONES ONDEMAND ===================*/
.ondemand-background-certifi-box{background-image: url("../img/membresias/membresias_textura_experiencia_ibcj.webp") !important;border-radius: 10px;}
.ondemand-background-certifi-box img{margin-top: -115px;width: 70%;margin-bottom: 10px;}
.ondemand-background-certifi-box .oferta{margin-left: 0px !important;}
.ondemand-background-certifi-box .agotado{display: none;}
.certifi-inluye-ondemand{text-align: left;box-shadow: 0px 10px 15px 2px rgb(0 0 0 / 10%);margin-left: 50px;margin-right: 50px;margin-top: 40px;justify-content: center;border-radius: 10px;padding: 15px 15px;}
.certifi-inluye-ondemand .center-contente-flex-incluye{display: inline-flex; place-items: center;}
.certifi-inluye-ondemand .center-contente-flex-incluye h2{font-size: 1.3em;color: #fff;font-weight: 600;font-family: 'Source Sans Pro';text-transform: none;text-align: left;margin-top: 0px;padding-right: 0px;margin-left: 5px;margin-bottom: 0px;}
.certifi-inluye-ondemand .examen-separado p{font-size: 0.9em;color: #fff;font-weight: 500;font-family: 'Titillium Web';text-align: left;margin-top: 0px;padding-right: 0px;margin-left: 0px;margin-bottom: 0px;}
.margin-shadow-alianzas{box-shadow: 0px 10px 15px 2px rgb(0 0 0 / 10%);margin-left: 50px;margin-right: 50px;margin-top: 40px;justify-content: center; border-radius: 10px;display: fle}
.margin-shadow-alianzas-movil{box-shadow: 0px 10px 15px 2px rgb(0 0 0 / 10%);margin-left: 50px;margin-right: 50px;margin-top: 40px;justify-content: center; border-radius: 10px;display: none;}
.margin-shadow-alianzas .title-alianzas h2{color: #fff;font-size: 1.45em;text-align: center; font-weight: 700; margin: 20px 0px;}
.margin-shadow-alianzas .logo-alianzas-ondemand{margin-bottom: 40px;}
.margin-shadow-alianzas .logo-alianzas-ondemand .margin-icon{margin-bottom: 15px;}
.margin-shadow-alianzas .logo-alianzas-ondemand img{width: 100%;}
.margin-shadow-alianzas-movil .title-alianzas h2{color: #fff;font-size: 1.45em;text-align: center; font-weight: 700;}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand{margin-bottom: 40px;}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon{margin-bottom: 15px;text-align-last: center;text-align: center;}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img{width: 100%;}
/*============== CERTIFICACIONES ONDEMAND ===================*/
/*============== AGENDA ONDEMAND ===================*/
.ondemand-barra-date{height: 70px;margin-bottom: 30px;}
.ondemand-barra-date h4{color: #fff;font-weight: 700;text-transform: uppercase;font-size: 1.6em;margin-bottom: 0px;font-family: 'Source Sans Pro';padding-top: 20px;}
.ondemand-producto-box {box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 30%);text-align: center;margin-left: 50px;margin-right: 50px;background: #fff;}
.ondemand-producto-box .countdown-ondemand-box {padding-left: 0px;padding-right: 0px;}
.ondemand-producto-box .countdown-ondemand-box .background-countdown {background: #BF0D3E;}
.ondemand-producto-box .countdown-ondemand-box .text-countdown {color: #fff;font-family: 'Source Sans Pro';font-weight: 300;padding-top: 10px;margin-bottom: -10px;}
.ondemand-producto-box .countdown-ondemand-box .countdown-date {text-align: center;font-size: 1.6em;font-weight: 400;margin-top: 0px;font-family: 'Source Sans Pro', sans-serif;color: #fff;margin-right: 0px;padding-right: 0px;}
.ondemand-form-box{font-family: 'Source Sans Pro';padding-bottom: 0px;}
.ondemand-form-box h4{color: #C70039 ;font-weight: 800;text-transform: uppercase;font-size: 2em;margin-bottom: 10px;}
.ondemand-form-box h4 span{border-bottom: 2px solid #cb9700;}
.ondemand-form-box .bg-box-red{
background-color: #c40d3c; padding-bottom: 10px;
}
.ondemand-form-box .bg-box-red.blue-box{
background-color: #002554 !important;
}
.ondemand-form-box .bg-box-red.paquete-discount-box{
background-color: #c40d3c;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.ondemand-form-box .bg-box-red.paquete-padding{
background-color: #c40d3c;
padding-bottom: 15px;
padding-top: 15px;
}
.ondemand-form-box .price-div{
display: flex;
justify-content: left;
margin-top: 00px;
}
.ondemand-form-box .price-div .price-original{color: #0a007d;font-weight: 700;font-size: 2em;margin-bottom: 0px;}
.ondemand-form-box .price-div .price-discount{color: #0a007d;font-weight: 700;font-size: 2em;margin-bottom: 0px;}
.ondemand-form-box .price-div .oferta{
background-color: #c40d3c;
border: none;
border-radius: 3px;
padding: 5px 7px;
align-self: center;
text-transform: uppercase;
font-family: 'Source Sans Pro';
margin-left: 5px;
margin-top: -11px;
box-shadow: 0 0 1px rgb(12 26 75), 0 3px 8px -1px rgb(50 50 71 / 5%);
font-size: 0.9em;
}
.ondemand-form-box .price-div .agotado{background-color: #c40d3c; border: none;border-radius: 3px;padding: 5px 7px;align-self: center;text-transform: uppercase;font-family: 'Source Sans Pro';margin-left: 5px;}
.ondemand-form-box .original-price-line{font-size: 0.9em;font-weight: 700;text-decoration: line-through;align-self: center;color: #c40d3c;}
.ondemand-form-box .discount-percent{color: #fff;font-size: 1.2em;font-weight: 700;}
.ondemand-form-box .discount-date-limit{color: #fff;font-size: 0.8em;font-weight: 500; font-style: italic;}
.ondemand-form-box .description-paquete-discount{
padding-top: 15px;
font-size: 0.85em;
margin-bottom: 10px;
color: #fff;
}
.ondemand-form-box .description-paquete-discount span{
font-weight: 700;
}
.ondemand-form-box .discount-img-paquete{
display: flex;
justify-content: center;
place-items: center;
margin-top: 15px;
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 60px;
}
.ondemand-form-box .discount-img-paquete span{
font-weight: 700;
font-size: 1.3em;
margin: 0px 3px;
color: #fff;
}
.ondemand-form-box .price-paquete-discount{
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 2.2em;
margin-top: 5px;
margin-bottom: -8px;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.8em;
color: #fff;
margin-bottom: 20px;
}
.ondemand-form-box .linethrough-paquete-discount{
font-size: 1em;
height: 0em;
font-weight: 500;
text-decoration: line-through;
margin-bottom: 20px;
color: #FFF;
}
.ondemand-form-box .iva{color: #66739d;font-size: 0.8em;}
.ondemand-form-box .box-buttons{text-align: -webkit-center; text-align: -moz-center; margin-left: 10px;margin-right: 10px;}
/*============== AGENDA ONDEMAND ===================*/
.list-ondemand-beneficios {text-align: left;}
.list-ondemand-beneficios p{font-size: 1em !important;margin-left: 0px !important;}
.list-ondemand-beneficios ul{text-align: left;}
.list-ondemand-beneficios ul li{color: #fff;font-size: 1em;font-weight: 600;text-transform: uppercase;font-family: 'Source Sans Pro';margin-bottom: 10px;margin-left: 20px;line-height: inherit;}
.button-adq-paquete{font-family: "Source Sans Pro", sans-serif;font-size: 1.2rem;font-weight: 700;padding-top: 10px;padding-bottom: 10px;color: #fcfafa;background-color: #08a189;border: none;border-radius: 0px;white-space: nowrap;justify-content: center;display: flex;width: 100%;margin-top: 20px;margin-bottom: 0px;transition: all 0.5s ease-in;}
.button-adq-paquete:hover{background-color: #78b657; transition: all 0.5s ease-in;}
.button-reservar{font-family: "Source Sans Pro", sans-serif;font-size: 1.2rem;font-weight: 700;padding-top: 10px;padding-bottom: 10px;color: #fcfafa;background-color: #3651a1;border: none;border-radius: 0px;white-space: nowrap;justify-content: center;display: flex;width: 100%;margin-top: 20px;margin-bottom: 20px;transition: all 0.5s ease-in;}
.button-reservar:hover{background-color: #08a189;}
.button-reg-free{font-family: "Source Sans Pro", sans-serif;font-size: 1.2rem;font-weight: 700;padding-top: 10px;padding-bottom: 10px;color: #fcfafa;background-color: #c10000;border: none;border-radius: 0px;white-space: nowrap;justify-content: center;display: flex;width: 100%;margin-top: 50px;transition: all 0.5s ease-in;}
.button-reg-free:hover{background-color: #a37a0f;}
.button-dudas{display:flex !important;font-family: Source Sans Pro, sans-serif;font-size: 1.2rem;font-weight: 700;padding-top: 10px;padding-bottom: 10px;background-color: #fff;fill: #128c7e;border: 2px solid #128C7E;border-radius: 0px;white-space: nowrap;justify-content: center;display: flex;width: 100%;margin-bottom: 20px;align-items: center;}
.button-dudas svg{width: 20px;height: 20px;margin-left: 5px;}
.ondemand-banner{font-family: 'Source Sans Pro';background-image: url(../../assets2/img/ondemand/bg-white-1263x311.webp);background-size: cover;margin-top: 6.6rem;padding-top: 30px;}
.ondemand-banner .title-portada {align-self: center;margin-top: -40px;}
.ondemand-banner .title-portada h3{color: #fff;text-transform: uppercase;font-size: 2.2em;font-weight: 700;margin-bottom: 0px;}
.ondemand-banner .title-portada h3 strong{color: #cb9700;}
.ondemand-banner .title-portada h2{color: #fff;text-transform: uppercase;font-size: 3.5em;margin-bottom: 0px;font-weight: 700;}
.ondemand-banner .button-ondemand{text-align: center;text-align: -webkit-center; text-align: -moz-center; margin-top: 30px;}
.ondemand-banner .button-ondemand a button{background: #BF0D3E;color: #fff !important;fill: #fff;border-radius: 0px;border: none;padding: 8px 93px !important;align-items: center;font-family: 'Source Sans Pro';font-weight: 600;display: flex;}
.ondemand-banner .button-ondemand a button img{margin-right: 5px;}
.ondemand-banner .button-ondemand a button svg{margin-right: 5px;width: 30px;height: 30px;}
.ondemand-banner .button-ondemand a button:hover{color: #fff !important;}
.ondemand-banner .logos-portada{align-self: center;text-align: -webkit-center; text-align: -moz-center;}
.ondemand-banner .logos-portada img{width: 100%;margin-top: -95px;}
/*=============================================================================*/
@media (max-width: 2560px){
.ondemand-margin-info-container {
margin-top: -220px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 70px;
padding-bottom: 40px;
}
.ondemand-information-primary .content-info-primary h3{font-size: 1.5em;}
.ondemand-information-primary .content-info-primary p {
font-size: 1.5em;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 1.4em;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.95em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.95em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 1.15em;
margin-bottom: 30px;
padding-right: 20px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 1.15em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box img {
margin-top: -140px;
width: 70%;
margin-bottom: 10px;
}
.ondemand-background-certifi-box {
padding-top: 0px;
}
.certifi-inluye-ondemand {
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas{
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
display: flex;
}
.margin-shadow-alianzas-movil{
display: none;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.3em;
margin-top: 10px;
padding-right: 0px;
margin-left: 5px;
margin-bottom: 0px
}
.certifi-inluye-ondemand .examen-separado p {
font-size: 0.9em;
margin-top: 0px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
.ondemand-form-box .discount-percent {
font-size: 1.5em;
}
.ondemand-form-box .description-paquete-discount{
font-size: 1.3em;
}
.ondemand-form-box .discount-img-paquete{
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 80px;
}
.ondemand-form-box .discount-img-paquete span{
font-size: 1.5em;
}
.ondemand-form-box .price-paquete-discount{
font-size: 3em;
}
.ondemand-form-box .linethrough-paquete-discount {
font-size: 1.4em;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.9em;
}
.ondemand-form-box .discount-date-limit {
font-size: 1em;
}
}
/*====================================================================*/
@media (max-width: 1440px){
.ondemand-margin-info-container {
margin-top: -220px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 70px;
padding-bottom: 40px;
}
.ondemand-information-primary .content-info-primary h3{font-size: 1.5em;}
.ondemand-information-primary .content-info-primary p {
font-size: 1.4em;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 1.3em;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.85em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.85em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 1.05em;
margin-bottom: 30px;
padding-right: 20px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 1.05em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box img {
margin-top: -140px;
width: 70%;
margin-bottom: 10px;
}
.ondemand-background-certifi-box {
padding-top: 0px;
}
.certifi-inluye-ondemand {
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas{
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
display: flex;
}
.margin-shadow-alianzas-movil{
display: none;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.3em;
margin-top: 10px;
padding-right: 0px;
margin-left: 5px;
margin-bottom: 0px
}
.certifi-inluye-ondemand .examen-separado p {
font-size: 0.9em;
margin-top: 0px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
}
/*====================================================================*/
@media (max-width: 1280px){
.ondemand-margin-info-container {
margin-top: -210px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 70px;
padding-bottom: 40px;
}
.ondemand-information-primary .content-info-primary h3{font-size: 1.3em;}
.ondemand-information-primary .content-info-primary p {
font-size: 1.1em;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 1.1em;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.85em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.85em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 1em;
margin-bottom: 30px;
padding-right: 20px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 0.95em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.45em;
left: 5px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box img {
margin-top: -115px;
width: 70%;
margin-bottom: 10px;
}
.ondemand-background-certifi-box {
padding-top: 0px;
}
.certifi-inluye-ondemand {
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas{
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
display: flex;
}
.margin-shadow-alianzas-movil{
display: none;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.3em;
margin-top: 10px;
padding-right: 0px;
margin-left: 5px;
margin-bottom: 0px
}
.certifi-inluye-ondemand .examen-separado p {
font-size: 0.9em;
margin-top: 0px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
.ondemand-form-box .description-paquete-discount{
padding-top: 15px;
font-size: 0.85em;
margin-bottom: 10px;
color: #fff;
}
.ondemand-form-box .description-paquete-discount span{
font-weight: 700;
}
.ondemand-form-box .discount-img-paquete{
display: flex;
justify-content: center;
place-items: center;
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 60px;
}
.ondemand-form-box .discount-img-paquete span{
font-weight: 700;
font-size: 1.3em;
margin: 0px 3px;
color: #fff;
}
.ondemand-form-box .price-paquete-discount{
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 2.2em;
margin-top: 5px;
margin-bottom: -8px;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.8em;
color: #fff;
margin-bottom: 20px;
}
.ondemand-form-box .linethrough-paquete-discount{
font-size: 1em;
height: 0em;
font-weight: 500;
text-decoration: line-through;
margin-bottom: 20px;
color: #FFF;
}
}
/*====================================================================*/
@media (max-width: 1199px){
.ondemand-margin-info-container {
margin-top: -195px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-information-primary .content-info-primary h3{font-size: 1.3em;}
.ondemand-information-primary .content-info-primary p {
font-size: 1.05em;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 0.9em;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.4em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.4em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 0.95em;
margin-bottom: 30px;
padding-right: 20px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 0.95em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
.ondemand-producto-box {
margin-left: 30px;
margin-right: 30px;
}
.ondemand-banner{
margin-top: 1.5rem;
padding-top: 25px;
}
.ondemand-banner .title-portada {
align-self: center;
text-align: left;
margin-top: -40px;
}
.ondemand-banner .title-portada h3{
font-size: 1.6em;margin-bottom: 0px;
}
.ondemand-banner .title-portada h2{
font-size: 2.5em;margin-bottom: 0px;
}
.ondemand-banner .button-ondemand{
margin-top: 30px;
}
.ondemand-banner .button-ondemand a button{
padding: 8px 45px !important;
}
.ondemand-banner .button-ondemand a button img{
margin-right: 5px;
}
.ondemand-banner .logos-portada{
align-self: center;
text-align: -webkit-center; text-align: -moz-center;
}
.ondemand-banner .logos-portada img{
width: 100%;
margin-top: -85px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box img {
margin-top: -120px;
width: 70%;
margin-bottom: 10px;
}
.ondemand-background-certifi-box {
padding-top: 20px;
}
.certifi-inluye-ondemand {
margin-left: 30px;
margin-right: 30px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas{
margin-left: 30px;
margin-right: 30px;
margin-top: 40px;
display: flex;
}
.margin-shadow-alianzas-movil{
display: none;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.1em;
margin-top: 10px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
.certifi-inluye-ondemand .examen-separado p {
font-size: 0.8em;
margin-top: 0px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
}
/*====================================================================*/
@media (max-width: 1024px){
.ondemand-margin-info-container {
margin-top: -200px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-information-primary .content-info-primary h3{font-size: 1.3em;}
.ondemand-information-primary .content-info-primary p {
font-size: 1.05em;
margin-left: 0px;
margin-right: 0px;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 0.9em;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.3em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.3em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 0.9em;
margin-bottom: 30px;
padding-right: 0px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 0.9em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
.ondemand-producto-box {
margin-left: 30px;
margin-right: 30px;
}
.ondemand-banner{
margin-top: 1.5rem;
padding-top: 25px;
}
.ondemand-banner .title-portada {
align-self: center;
text-align: left;
margin-top: -35px;
}
.ondemand-banner .title-portada h3{
font-size: 1.6em;margin-bottom: 0px;
}
.ondemand-banner .title-portada h2{
font-size: 2.5em;margin-bottom: 0px;
}
.ondemand-banner .button-ondemand{
margin-top: 30px;
}
.ondemand-banner .button-ondemand a button{
padding: 8px 45px !important;
}
.ondemand-banner .button-ondemand a button img{
margin-right: 5px;
}
.ondemand-banner .logos-portada{
align-self: center;
text-align: -webkit-center; text-align: -moz-center;
}
.ondemand-banner .logos-portada img{
width: 100%;
margin-top: -85px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box img {
margin-top: -120px;
width: 70%;
margin-bottom: 10px;
}
.ondemand-background-certifi-box {
padding-top: 20px;
}
.certifi-inluye-ondemand {
margin-left: 30px;
margin-right: 30px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas{
margin-left: 30px;
margin-right: 30px;
margin-top: 40px;
display: flex;
}
.margin-shadow-alianzas-movil{
display: none;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.1em;
margin-top: 10px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
.certifi-inluye-ondemand .examen-separado p {
font-size: 0.8em;
margin-top: 0px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
}
/*====================================================================*/
@media (max-width: 991px){
.ondemand-margin-info-container {
margin-top: -170px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 40px;
padding-bottom: 20px;
}
.ondemand-information-primary .content-info-primary h3{font-size: 1em;}
.ondemand-information-primary .content-info-primary p {
font-size: 0.75em;
margin-left: 0px;
margin-right: 0px;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 0.68em;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.3em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.3em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 0.9em;
margin-bottom: 30px;
padding-right: 0px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 0.9em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
.ondemand-producto-box {
margin-left: 0px;
margin-right: 0px;
}
.ondemand-form-box .price-div .price-original{
font-size: 1.7em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .price-discount{
font-size: 1.7em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .oferta{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .price-div .agotado{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .discount-percent {
font-size: 1.3em;
}
.ondemand-form-box .description-paquete-discount{
font-size: 0.85em;
}
.ondemand-form-box .discount-img-paquete{
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 60px;
}
.ondemand-form-box .discount-img-paquete span{
font-size: 1.5em;
}
.ondemand-form-box .price-paquete-discount{
font-size: 2.5em;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.85em;
color: #fff;
margin-bottom: 20px;
}
.ondemand-banner{
margin-top: 1.5rem;
padding-top: 65px;
}
.ondemand-banner .title-portada {
align-self: center;
text-align: left;
margin-top: -65px;
}
.ondemand-banner .title-portada h3{
font-size: 1.3em;margin-bottom: 0px;
}
.ondemand-banner .title-portada h2{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-banner .button-ondemand{
margin-top: 30px;
}
.ondemand-banner .button-ondemand a button{
padding: 8px 45px !important;
}
.ondemand-banner .button-ondemand a button img{
margin-right: 5px;
}
.ondemand-banner .logos-portada{
align-self: center;
text-align: -webkit-center; text-align: -moz-center;
}
.ondemand-banner .logos-portada img{
width: 106%;
margin-top: -80px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box img {
margin-top: -110px;
width: 70%;
margin-bottom: 10px;
}
.ondemand-background-certifi-box {
padding-top: 20px;
}
.certifi-inluye-ondemand {
margin-left: 0px;
margin-right: 0px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas{
margin-left: 0px;
margin-right: 0px;
margin-top: 40px;
display: flex;
}
.margin-shadow-alianzas-movil{
display: none;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.1em;
margin-top: 10px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
.certifi-inluye-ondemand .examen-separado p {
font-size: 0.8em;
margin-top: 0px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
}
/*====================================================================*/
@media (max-width: 830px){
.ondemand-degradado-portada .title-portada h4 {
font-size: 1.8em;
margin-bottom: 20px;
}
.ondemand-degradado-portada .title-portada h2 {
font-size: 1.8em;
margin-bottom: 10px;
}
.ondemand-portada .title-portada h4 {
font-size: 1.8em;
margin-bottom: 20px;
}
.ondemand-portada .title-portada h2 {
font-size: 1.8em;
margin-bottom: 50px;
}
.ondemand-margin-info-container {
margin-top: -170px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 40px;
padding-bottom: 20px;
}
.ondemand-information-primary .content-info-primary h3{font-size: 1em;}
.ondemand-information-primary .content-info-primary p {
font-size: 0.75em;
margin-left: 0px;
margin-right: 0px;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 0.68em;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.3em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.3em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 0.9em;
margin-bottom: 30px;
padding-right: 0px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 0.9em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
.ondemand-producto-box {
margin-left: 0px;
margin-right: 0px;
}
.ondemand-form-box .price-div .price-original{
font-size: 1.7em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .price-discount{
font-size: 1.7em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .oferta{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .price-div .agotado{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .discount-percent {
font-size: 1.3em;
}
.ondemand-form-box .description-paquete-discount{
font-size: 0.85em;
}
.ondemand-form-box .discount-img-paquete{
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 60px;
}
.ondemand-form-box .discount-img-paquete span{
font-size: 1.5em;
}
.ondemand-form-box .price-paquete-discount{
font-size: 2.5em;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.85em;
color: #fff;
margin-bottom: 20px;
}
.ondemand-form-box .linethrough-paquete-discount{
font-size: 1.1em;
}
.ondemand-banner{
margin-top: 1.5rem;
padding-top: 25px;
}
.ondemand-banner .title-portada {
align-self: center;
text-align: left;
margin-top: -30px;
}
.ondemand-banner .title-portada h3{
font-size: 1.3em;margin-bottom: 0px;
}
.ondemand-banner .title-portada h2{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-banner .button-ondemand{
margin-top: 20px;
}
.ondemand-banner .button-ondemand a button{
padding: 7px 30px !important;
}
.ondemand-banner .button-ondemand a button img{
margin-right: 5px;
}
.ondemand-banner .logos-portada{
align-self: center;
text-align: -webkit-center; text-align: -moz-center;
}
.ondemand-banner .logos-portada img{
width: 100%;
margin-top: -65px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box img {
margin-top: -110px;
width: 70%;
margin-bottom: 10px;
}
.ondemand-background-certifi-box {
padding-top: 20px;
}
.certifi-inluye-ondemand {
margin-left: 0px;
margin-right: 0px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas{
margin-left: 0px;
margin-right: 0px;
margin-top: 40px;
display: flex;
}
.margin-shadow-alianzas-movil{
display: none;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.1em;
margin-top: 10px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
.certifi-inluye-ondemand .examen-separado p {
font-size: 0.8em;
margin-top: 0px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
}
/*====================================================================*/
@media (max-width: 767px){
.ondemand-degradado-portada .title-portada h4 {
font-size: 1.8em;
margin-bottom: 20px;
}
.ondemand-degradado-portada .title-portada h2 {
font-size: 1.8em;
margin-bottom: 10px;
}
.ondemand-portada .title-portada h4 {
font-size: 1.8em;
margin-bottom: 20px;
}
.ondemand-portada .title-portada h2 {
font-size: 1.8em;
margin-bottom: 10px;
}
.ondemand-margin-info-container {
margin-top: 15px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 40px;
padding-bottom: 30px;
}
.ondemand-information-primary .content-info-primary h3{font-size: 1.3em;}
.ondemand-information-primary .content-info-primary p {
font-size: 1.3em;
margin-left: 60px;
margin-right: 60px;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 1.3em;
margin-bottom: 20px;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.5em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.5em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 0.95em;
margin-bottom: 30px;
padding-right: 0px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 0.95em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
.ondemand-producto-box {
margin-left: 0px;
margin-right: 0px;
}
.ondemand-form-box .price-div .price-original{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .price-discount{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .oferta{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .price-div .agotado{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .discount-percent {
font-size: 1.3em;
}
.ondemand-form-box .description-paquete-discount{
font-size: 0.8em;
}
.ondemand-form-box .discount-img-paquete{
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 60px;
}
.ondemand-form-box .discount-img-paquete span{
font-size: 1.5em;
}
.ondemand-form-box .price-paquete-discount{
font-size: 2.5em;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.85em;
color: #fff;
margin-bottom: 20px;
}
.ondemand-form-box .linethrough-paquete-discount{
font-size: 1.1em;
}
.ondemand-banner{
margin-top: 1.5rem;
padding-top: 55px;
background-image: url(../../assets2/img/ondemand/bg-white-767.webp);
}
.ondemand-banner .title-portada {
align-self: center;
text-align: center;
margin-top: 0px;
}
.ondemand-banner .title-portada h3{
font-size: 1.5em;margin-bottom: 0px;
}
.ondemand-banner .title-portada h2{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-banner .button-ondemand{
margin-top: 30px;
}
.ondemand-banner .button-ondemand a button{
padding: 8px 45px !important;
}
.ondemand-banner .button-ondemand a button img{
margin-right: 5px;
}
.ondemand-banner .logos-portada{
align-self: center;
text-align: -webkit-center; text-align: -moz-center;
}
.ondemand-banner .logos-portada img{
width: 80%;
margin-top: 40px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box {
padding-top: 20px;
}
.margin-shadow-alianzas{
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
display: none;
}
.certifi-inluye-ondemand {
margin-left: 10px;
margin-right: 10px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas-movil{
margin-left: 10px;
margin-right: 10px;
margin-top: 40px;
padding-top: 5px;
display: block;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.1em;
margin-top: 10px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
.certifi-inluye-ondemand .examen-separado p {
font-size: 0.9em;
margin-top: 0px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
}
/*====================================================================*/
@media (max-width: 440px){
.ondemand-degradado-portada .title-portada h4 {
font-size: 1.5em;
margin-bottom: 20px;
}
.ondemand-degradado-portada .title-portada h2 {
font-size: 1.5em;
margin-bottom: 10px;
}
.ondemand-portada .title-portada h4 {
font-size: 1.5em;
margin-bottom: 20px;
}
.ondemand-portada .title-portada h2 {
font-size: 1.5em;
margin-bottom: 10px;
}
.ondemand-margin-info-container {
margin-top: 15px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 40px;
padding-bottom: 30px;
}
.ondemand-information-primary .content-info-primary p {
font-size: 1.3em;
margin-left: 60px;
margin-right: 60px;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 1.3em;
margin-bottom: 20px;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.5em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.5em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 0.95em;
margin-bottom: 30px;
padding-right: 0px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 0.95em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
.ondemand-producto-box {
margin-left: 0px;
margin-right: 0px;
}
.ondemand-form-box .price-div .price-original{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .price-discount{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .oferta{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .discount-percent {
font-size: 1.3em;
}
.ondemand-form-box .description-paquete-discount{
font-size: 0.8em;
}
.ondemand-form-box .discount-img-paquete{
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 60px;
}
.ondemand-form-box .discount-img-paquete span{
font-size: 1.5em;
}
.ondemand-form-box .price-paquete-discount{
font-size: 2.5em;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.85em;
color: #fff;
margin-bottom: 20px;
}
.ondemand-form-box .linethrough-paquete-discount{
font-size: 1.1em;
}
.ondemand-form-box .price-div .agotado{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-banner{
margin-top: 1.5rem;
padding-top: 55px;
background-image: url(../../assets2/img/ondemand/bg-white-440.webp);
}
.ondemand-banner .title-portada {
align-self: center;
text-align: center;
}
.ondemand-banner .title-portada h3{
font-size: 1.2em;margin-bottom: 0px;
}
.ondemand-banner .title-portada h2{
font-size: 1.7em;margin-bottom: 0px;
}
.ondemand-banner .button-ondemand{
margin-top: 30px;
}
.ondemand-banner .button-ondemand a button{
padding: 8px 45px !important;
}
.ondemand-banner .button-ondemand a button img{
margin-right: 5px;
}
.ondemand-banner .logos-portada{
align-self: center;
text-align: -webkit-center; text-align: -moz-center;
}
.ondemand-banner .logos-portada img{
width: 80%;
margin-top: 40px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box {
padding-top: 20px;
}
.margin-shadow-alianzas{
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
display: none;
}
.certifi-inluye-ondemand {
margin-left: 10px;
margin-right: 10px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas-movil{
margin-left: 10px;
margin-right: 10px;
margin-top: 40px;
padding-top: 5px;
display: block;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.1em;
margin-top: 10px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
}
/*====================================================================*/
@media (max-width: 375px){
.ondemand-degradado-portada .title-portada h4 {
font-size: 1.5em;
margin-bottom: 20px;
}
.ondemand-degradado-portada .title-portada h2 {
font-size: 1.5em;
margin-bottom: 10px;
}
.ondemand-portada .title-portada h4 {
font-size: 1.5em;
margin-bottom: 20px;
}
.ondemand-portada .title-portada h2 {
font-size: 1.5em;
margin-bottom: 10px;
}
.ondemand-margin-info-container {
margin-top: 15px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 40px;
padding-bottom: 30px;
}
.ondemand-information-primary .content-info-primary p {
font-size: 1.3em;
margin-left: 25px;
margin-right: 25px;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 1.3em;
margin-bottom: 20px;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.5em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.5em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 0.95em;
margin-bottom: 30px;
padding-right: 0px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 0.95em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
.ondemand-producto-box {
margin-left: 0px;
margin-right: 0px;
}
.ondemand-form-box .price-div .price-original{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .price-discount{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .oferta{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .price-div .agotado{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .description-paquete-discount{
font-size: 0.8em;
}
.ondemand-form-box .discount-img-paquete{
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 60px;
}
.ondemand-form-box .discount-img-paquete span{
font-size: 1.5em;
}
.ondemand-form-box .price-paquete-discount{
font-size: 2.5em;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.85em;
color: #fff;
margin-bottom: 20px;
}
.ondemand-form-box .linethrough-paquete-discount{
font-size: 1.1em;
}
.ondemand-form-box .discount-percent {
font-size: 1.3em;
}
.ondemand-form-box .description-paquete-discount{
font-size: 0.8em;
}
.ondemand-form-box .discount-img-paquete{
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 60px;
}
.ondemand-form-box .discount-img-paquete span{
font-size: 1.5em;
}
.ondemand-form-box .price-paquete-discount{
font-size: 2.5em;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.85em;
color: #fff;
margin-bottom: 20px;
}
.ondemand-form-box .linethrough-paquete-discount{
font-size: 1.1em;
}
.ondemand-banner{
margin-top: 1.5rem;
padding-top: 55px;
background-image: url(../../assets2/img/ondemand/bg-white-440.webp);
}
.ondemand-banner .title-portada {
align-self: center;
text-align: center;
}
.ondemand-banner .title-portada h3{
font-size: 1.2em;margin-bottom: 0px;
}
.ondemand-banner .title-portada h2{
font-size: 1.5em;margin-bottom: 0px;
}
.ondemand-banner .button-ondemand{
margin-top: 30px;
}
.ondemand-banner .button-ondemand a button{
padding: 8px 45px !important;
}
.ondemand-banner .button-ondemand a button img{
margin-right: 5px;
}
.ondemand-banner .logos-portada{
align-self: center;
text-align: -webkit-center; text-align: -moz-center;
}
.ondemand-banner .logos-portada img{
width: 80%;
margin-top: 40px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box {
padding-top: 20px;
}
.margin-shadow-alianzas{
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
display: none;
}
.margin-shadow-alianzas-movil{
margin-left: 10px;
margin-right: 10px;
margin-top: 40px;
padding-top: 5px;
display: block;
}
.certifi-inluye-ondemand {
margin-left: 10px;
margin-right: 10px;
margin-top: 40px;
padding: 15px 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.1em;
margin-top: 10px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
}
/*====================================================================*/
@media (max-width: 320px){
.ondemand-degradado-portada .title-portada h4 {
font-size: 1.5em;
margin-bottom: 20px;
}
.ondemand-degradado-portada .title-portada h2 {
font-size: 1.5em;
margin-bottom: 10px;
}
.ondemand-portada .title-portada h4 {
font-size: 1.5em;
margin-bottom: 20px;
}
.ondemand-portada .title-portada h2 {
font-size: 1.5em;
margin-bottom: 10px;
}
.ondemand-margin-info-container {
margin-top: 15px;
}
.ondemand-information-primary .content-info-primary {
padding-top: 40px;
padding-bottom: 30px;
}
.ondemand-information-primary .content-info-primary p {
font-size: 1.3em;
margin-left: 25px;
margin-right: 25px;
}
.ondemand-information-primary .content-info-primary .weight {
font-size: 1.3em;
margin-bottom: 20px;
}
.ondemand-content-info-product {
padding-top: 60px;
padding-bottom: 40px;
}
.ondemand-content-info-product h1 {
font-size: 1.5em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product h2.sub-title-content-certifi {
font-size: 1.5em;
margin-bottom: 20px;
padding-right: 0px;
}
.ondemand-content-info-product p {
font-size: 0.9em;
margin-bottom: 30px;
padding-right: 0px;
}
.ondemand-content-list-info ul li {
padding-left: 1.5em;
font-size: 0.9em;
margin-bottom: 5px;
}
.ondemand-content-list-info ul li:after {
height: 0.5em;
width: 0.5em;
top: 0.55em;
left: 5px;
}
.ondemand-producto-box {
margin-left: 0px;
margin-right: 0px;
}
.ondemand-form-box .price-div .price-original{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .price-discount{
font-size: 2em;margin-bottom: 0px;
}
.ondemand-form-box .price-div .oferta{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .price-div .agotado{
padding: 5px 7px;margin-left: 5px;
}
.ondemand-form-box .discount-percent {
font-size: 1.3em;
}
.ondemand-form-box .description-paquete-discount{
font-size: 0.8em;
}
.ondemand-form-box .discount-img-paquete{
margin-bottom: 15px;
}
.ondemand-form-box .discount-img-paquete img{
width: 60px;
}
.ondemand-form-box .discount-img-paquete span{
font-size: 1.5em;
}
.ondemand-form-box .price-paquete-discount{
font-size: 2.5em;
}
.ondemand-form-box .iva-paquete-discount{
font-size: 0.85em;
color: #fff;
margin-bottom: 20px;
}
.ondemand-form-box .linethrough-paquete-discount{
font-size: 1.1em;
}
.ondemand-banner{
margin-top: 1.5rem;
padding-top: 55px;
background-image: url(../../assets2/img/ondemand/bg-white-440.webp);
}
.ondemand-banner .title-portada {
align-self: center;
text-align: center;
}
.ondemand-banner .title-portada h3{
font-size: 1em;margin-bottom: 0px;
}
.ondemand-banner .title-portada h2{
font-size: 1.5em;margin-bottom: 0px;
}
.ondemand-banner .button-ondemand{
margin-top: 30px;
}
.ondemand-banner .button-ondemand a button{
padding: 8px 45px !important;
}
.ondemand-banner .button-ondemand a button img{
margin-right: 5px;
}
.ondemand-banner .logos-portada{
align-self: center;
text-align: -webkit-center; text-align: -moz-center;
}
.ondemand-banner .logos-portada img{
width: 80%;
margin-top: 40px;
}
/*certificaciones ondmand*/
.ondemand-background-certifi-box {
padding-top: 20px;
}
.margin-shadow-alianzas{
margin-left: 50px;
margin-right: 50px;
margin-top: 40px;
display: none;
}
.margin-shadow-alianzas-movil{
margin-left: 10px;
margin-right: 10px;
margin-top: 40px;
padding-top: 5px;
display: block;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand {
margin-bottom: 45px;
padding-bottom: 25px;
margin-left: 0px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand .margin-icon {
margin-bottom: 15px;
}
.margin-shadow-alianzas-movil .logo-alianzas-ondemand img {
width: 80%;
}
.certifi-inluye-ondemand .center-contente-flex-incluye h2 {
font-size: 1.1em;
margin-top: 10px;
padding-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
.certifi-inluye-ondemand {
margin-left: 10px;
margin-right: 10px;
margin-top: 40px;
padding: 15px 15px;
}
}
/*===============================RESPONSIVE=================================*/
@media (max-width: 1280px){
.tit-lvl03 h4{
font-size: 2em;
margin-top: 50px;
}
.txt-ej p {
height: 1.5rem;
}
.txt-ej p {
font-size: 1.4em;
height: 1rem;
padding-left: 15px;
padding-right: 0px;
}
.txt-ej .linethrough {
font-size: 1em;
height: 0em;
padding-right: 0px;
margin-bottom: 20px;
margin-right: 5px;
PADDING-LEFT: 17PX;
}
.price-product-ondemand-carusel{
display: flex;padding: 0px 12px 0px 12px;
}
.txt-ej h5 span {
font-size: 0.7em;
}
.portada-consultoria img {
margin-top: 6.6em;
}
}
@media (max-width: 1199px){
.tit-lvl03 h4{
font-size: 2em;
margin-top: 50px;
}
.txt-ej p {
height: 1.5rem;
}
.txt-ej p {
font-size: 1.4em;
height: 1rem;
padding-left: 15px;
padding-right: 0px;
}
.txt-ej .linethrough {
font-size: 1em;
height: 0em;
padding-right: 0px;
margin-bottom: 20px;
margin-right: 5px;
PADDING-LEFT: 17PX;
}
.price-product-ondemand-carusel{
display: flex;padding: 0px 12px 0px 12px;
}
.txt-ej h5 span {
font-size: 0.7em;
}
.portada-consultoria img {
margin-top: 6.6em;
}
}
@media (max-width: 1024px){
.tit-lvl03 h4{
font-size: 2em;
margin-top: 50px;
}
.txt-ej p {
height: 1.5rem;
}
.txt-ej p {
font-size: 1.4em;
height: 1rem;
padding-left: 15px;
padding-right: 0px;
}
.txt-ej .linethrough {
font-size: 1em;
height: 0em;
padding-right: 0px;
margin-bottom: 20px;
margin-right: 5px;
PADDING-LEFT: 17PX;
}
.price-product-ondemand-carusel{
display: flex;padding: 0px 12px 0px 12px;
}
.txt-ej h5 span {
font-size: 0.7em;
}
.portada-consultoria img {
margin-top: 6.6em;
}
}
@media (max-width: 991px){
.tit-lvl03 h4{
font-size: 2em;
margin-top: 50px;
}
.txt-ej p {
height: 1.5rem;
}
.txt-ej p {
font-size: 1.4em;
height: 1rem;
padding-left: 15px;
padding-right: 0px;
}
.txt-ej .linethrough {
font-size: 1em;
height: 0em;
padding-right: 10px;
margin-bottom: 20px;
margin-right: 5px;
PADDING-LEFT: 17PX;
}
.price-product-ondemand-carusel{
display: flex;padding: 0px 12px 0px 12px;
}
.txt-ej h5 span {
font-size: 0.7em;
}
.portada-consultoria img {
margin-top: 6.6em;
}
}
@media (max-width: 768px){
.tit-lvl03 h4{
font-size: 2em;
margin-top: 50px;
}
.txt-ej p {
height: 1.5rem;
}
.txt-ej p {
font-size: 1.4em;
height: 1rem;
padding-left: 15px;
padding-right: 0px;
}
.txt-ej .linethrough {
font-size: 1em;
height: 0em;
padding-right: 10px;
margin-bottom: 20px;
margin-right: 5px;
PADDING-LEFT: 17PX;
}
.price-product-ondemand-carusel{
display: flex;padding: 0px 12px 0px 12px;
}
.txt-ej h5 span {
font-size: 0.7em;
}
.portada-consultoria img {
margin-top: 6.6em;
}
}
@media (max-width: 550px){
.tit-lvl03 h4{
font-size: 2em;
margin-top: 50px;
}
.txt-ej p {
height: 1.5rem;
}
.txt-ej p {
font-size: 1.4em;
height: 1rem;
padding-left: 15px;
padding-right: 0px;
}
.txt-ej .linethrough {
font-size: 1em;
height: 0em;
padding-right: 10px;
margin-bottom: 20px;
margin-right: 5px;
PADDING-LEFT: 17PX;
}
.price-product-ondemand-carusel{
display: block;padding: 0px 12px 0px 12px;
}
.txt-ej h5 span {
font-size: 0.7em;
}
.portada-consultoria img {
margin-top: 8.3em;
}
}
@media (max-width: 375px){
.tit-lvl03 h4{
font-size: 2em;
margin-top: 50px;
}
.txt-ej p {
height: 1.5rem;
}
.txt-ej p {
font-size: 1.4em;
height: 1rem;
padding-left: 15px;
padding-right: 0px;
}
.txt-ej .linethrough {
font-size: 1em;
height: 0em;
padding-right: 10px;
margin-bottom: 20px;
margin-right: 5px;
PADDING-LEFT: 17PX;
}
.price-product-ondemand-carusel{
display: block;padding: 0px 12px 0px 12px;
}
.txt-ej h5 span {
font-size: 0.7em;
}
.portada-consultoria img {
margin-top: 8.3em;
}
}
@media (max-width: 320px){
.tit-lvl03 h4{
font-size: 1.8em;
margin-top: 50px;
}
.txt-ej p {
height: 1.5rem;
}
.txt-ej p {
font-size: 1.4em;
height: 1rem;
padding-left: 15px;
padding-right: 0px;
}
.txt-ej .linethrough {
font-size: 1em;
height: 0em;
padding-right: 10px;
margin-bottom: 20px;
margin-right: 5px;
PADDING-LEFT: 17PX;
}
.price-product-ondemand-carusel{
display: block;padding: 0px 12px 0px 12px;
}
.txt-ej h5 span {
font-size: 0.7em;
}
.portada-consultoria img {
margin-top: 8.3em;
}
}
/**/
.icon-credit-ondemand{width: 15%;}
.content-information-list-incluye-ondemand {margin-left: 0px;margin-right: 0px;margin-top: 10px;padding-left: 10px;padding-right: 10px;padding-top: 15px;padding-bottom: 20px;}
.content-information-list-incluye-ondemand ul li{font-size: 0.9em;font-family: 'Source Sans Pro', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 10px;color: #717686;}
.content-information-list-incluye-ondemand h1 span {font-size: 0.85em;color: #434a5f;font-weight: 600;font-family: 'Source Sans Pro';text-transform: none;text-align: left;margin-top: -26px;padding-right: 0px;}
.content-information-list-incluye-ondemand h2 {font-size: 1em;color: #434a5f;font-weight: 500;font-family: 'Titillium Web';text-transform: none;text-align: left;}
.content-information-list-incluye-ondemand img{width: 20%; padding-right: 10px;}
.content-information-list-ondemand {margin-bottom:30px; margin-top: 25px;}
.content-information-list-ondemand ul li{font-size: 1.15em !important;font-family: 'Source Sans Pro';color: #434a5f;font-weight: 400;line-height: 1.5;margin-bottom: 5px;padding-left: 1.5em;position: relative;text-align: left;}
.content-information-list-ondemand ul {list-style: none; padding-left: 30px;}
.content-information-list-ondemand ul li:after {content: "";height: 0.5em;width: 0.5em;background: #0a007d;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.content-information-list-ondemand-incluye {margin-bottom:30px; margin-top: 25px;}
.content-information-list-ondemand-incluye ul li{font-size: 1em !important;font-family: 'Source Sans Pro';color: #fff;font-weight: 400;line-height: 1.5;margin-bottom: 5px;padding-left: 1.5em;position: relative;text-align: lef}
.content-information-list-ondemand-incluye ul {list-style: none; padding-left: 0px;}
.content-information-list-ondemand-incluye ul li:after {content: "";height: 0.5em;width: 0.5em;background: #fff;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.button-ondemand-navbar a button{border-left: 2px solid #BF0D3E;border-top: 2px solid #BF0D3E;border-bottom: 2px solid #BF0D3E;border-right: none;background: #dfb433;color: #fff !important;border-radius: 5px 0px 0px 5px;padding: 5px 10px !important;align-items: center;font-family: 'Source Sans Pro';font-weight: 600;display: inline-flex;}
.button-ondemand-navbar a button p{margin-bottom: 0px;}
.button-ondemand-navbar a button:hover{background: #002554;color: #fff !important;transition: all 0.5s ease-in;}
.button-ondemand-navbar a button:hover > .icon-ondemad-red { background-color:#fff; transition: all 0.5s ease-in; }
.button-ondemand-navbar a button img{margin-right: 5px;}
.button-ondemand-navbar a button svg{margin-right: 5px;width: 30px;height: 30px;}
.icono-cuadrado{ width: 25px;height: 25px;background: no-repeat;margin-bottom: 0px;background-image: url('data:image/svg+xml;utf8,');}
.icon-ondemad {width: 25px;height: 20px;margin-right: 5px;display: inline-block;-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat 100% 100%;mask: url('data:image/svg+xml;utf8,') no-repeat 100% 100%;-webkit-mask-size: initial;mask-size: initial;}
.icon-ondemad-white { background-color: #fff; }
.icon-whatsapp{width: 25px;height: 20px;margin-right: 5px;display: inline-block;-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat 100% 100%;mask: url('data:image/svg+xml;utf8,') no-repeat 100% 100%;-webkit-mask-size: initial;mask-size: initial;}
.icon-whatsapp-verde { background-color: #075E54; }
.icon-ondemand-logo {padding-top: 41px;width: 277px;height: 40px;margin-right: 5px;display: inline-block;-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat 100% 100%;mask: url('data:image/svg+xml;utf8,') no-repeat 100% 100%;-webkit-mask-size: initial;mask-size: initial;}
.icon-ondemad-white-logo { background-color: #fff; }
.icon-arrow-left-ondemand{padding-left: 10px;}
.banner-ibcj-ondemand-home{background-image: url('../../assets2/img/home/bg_banner.webp');background-size: cover;margin-top: 50px;margin-bottom: 50px;overflow: hidden;}
.banner-ibcj-ondemand-home .text-contain{place-self: center;padding: 0px 70px;}
.banner-ibcj-ondemand-home .text-contain .top-text{color: #fff;font-family: 'Source Sans Pro';font-size: 2.2em;font-weight: 600;}
.banner-ibcj-ondemand-home .text-contain .top-text span{display: none;}
.banner-ibcj-ondemand-home .text-contain .bottom-text{color: #fff;font-family: 'Source Sans Pro';font-size: 2.2em;font-weight: 600; display: flex;}
.banner-ibcj-ondemand-home .text-contain .bottom-text span{display:block;}
.banner-ibcj-ondemand-home .text-contain .bottom-text a{margin-left: 10px;display: flex;align-items: center;color: #fff;}
.banner-ibcj-ondemand-home .text-contain .bottom-text a:hover{color: #dfb433;transition: all 0.5s ease-in;}
.banner-ibcj-ondemand-home .text-contain .bottom-text a:hover > .icon-ondemad-white-logo { background-color:#dfb433; transition: all 0.5s ease-in; }
.img-baner-ondemand{text-align: center;}
.img-baner-ondemand img{margin-left: -59px;width: 120%;}
@media (max-width: 1024px){
.banner-ibcj-ondemand-home{
margin-top: 50px;
margin-bottom: 50px;
padding-top: 0px;
}
.banner-ibcj-ondemand-home .text-contain{
padding: 0px 20px;
}
.banner-ibcj-ondemand-home .text-contain .top-text{
font-size: 1.7em;
}
.banner-ibcj-ondemand-home .text-contain .top-text span{
display: none;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text{
font-size: 1.7em;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text span{
display:block;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text a{
margin-left: 10px;
}
.icon-ondemand-logo {
padding-top: 29px;
width: 200px;
height: 12px;
margin-right: 5px;
}
.img-baner-ondemand img{
margin-bottom: 0px;
padding-top: 0px;
width: 120%;
}
}
@media (max-width: 991px){
.banner-ibcj-ondemand-home{
margin-top: 50px;
margin-bottom: 50px;
padding-top: 0px;
}
.banner-ibcj-ondemand-home .text-contain{
padding: 0px 20px;
}
.banner-ibcj-ondemand-home .text-contain .top-text{
font-size: 1.4em;
}
.banner-ibcj-ondemand-home .text-contain .top-text span{
display: none;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text{
font-size: 1.4em;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text span{
display:block;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text a{
margin-left: 10px;
}
.icon-ondemand-logo {
padding-top: 29px;
width: 200px;
height: 12px;
margin-right: 5px;
}
.img-baner-ondemand img{
margin-bottom: 0px;
padding-top: 0px;
width: 120%;
}
}
@media (max-width: 768px){
.banner-ibcj-ondemand-home{
margin-top: 50px;
margin-bottom: 50px;
padding-top: 0px;
}
.banner-ibcj-ondemand-home .text-contain{
padding: 0px 20px;
}
.banner-ibcj-ondemand-home .text-contain .top-text{
font-size: 1.4em;
}
.banner-ibcj-ondemand-home .text-contain .top-text span{
display: none;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text{
font-size: 1.4em;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text span{
display:block;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text a{
margin-left: 10px;
}
.icon-ondemand-logo {
padding-top: 29px;
width: 200px;
height: 12px;
margin-right: 5px;
}
.img-baner-ondemand img{
margin-bottom: 0px;
padding-top: 0px;
width: 120%;
}
}
@media (max-width: 767px){
.banner-ibcj-ondemand-home{
margin-top: 50px;
margin-bottom: 50px;
padding-top: 50px;
}
.banner-ibcj-ondemand-home .text-contain{
padding: 0px 20px;
}
.banner-ibcj-ondemand-home .text-contain .top-text{
font-size: 1.55em;
}
.banner-ibcj-ondemand-home .text-contain .top-text span{
display: contents;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text{
font-size: 1.5em;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text span{
display:none;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text a{
margin-left: 0px;
}
.icon-ondemand-logo {
padding-top: 29px;
width: 200px;
height: 12px;
margin-right: 5px;
}
.img-baner-ondemand img{
margin-bottom: 0px;
padding-top: 25px;
width: 100%;
}
}
@media (max-width: 550px){
.banner-ibcj-ondemand-home{
margin-top: 50px;
margin-bottom: 50px;
padding-top: 50px;
}
.banner-ibcj-ondemand-home .text-contain{
padding: 0px 20px;
}
.banner-ibcj-ondemand-home .text-contain .top-text{
font-size: 1.55em;
}
.banner-ibcj-ondemand-home .text-contain .top-text span{
display: contents;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text{
font-size: 1.5em;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text span{
display:none;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text a{
margin-left: 0px;
}
.icon-ondemand-logo {
padding-top: 29px;
width: 200px;
height: 12px;
margin-right: 5px;
}
.img-baner-ondemand img{
margin-bottom: 0px;
padding-top: 25px;
width: 100%;
}
}
@media (max-width: 375px){
.banner-ibcj-ondemand-home{
margin-top: 50px;
margin-bottom: 50px;
padding-top: 50px;
}
.banner-ibcj-ondemand-home .text-contain{
padding: 0px 20px;
}
.banner-ibcj-ondemand-home .text-contain .top-text{
font-size: 1.55em;
}
.banner-ibcj-ondemand-home .text-contain .top-text span{
display: contents;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text{
font-size: 1.5em;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text span{
display:none;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text a{
margin-left: 0px;
}
.icon-ondemand-logo {
padding-top: 29px;
width: 200px;
height: 12px;
margin-right: 5px;
}
.img-baner-ondemand img{
margin-bottom: 0px;
padding-top: 25px;
width: 100%;
}
}
@media (max-width: 320px){
.banner-ibcj-ondemand-home{
margin-top: 50px;
margin-bottom: 50px;
padding-top: 50px;
}
.banner-ibcj-ondemand-home .text-contain{
padding: 0px 20px;
}
.banner-ibcj-ondemand-home .text-contain .top-text{
font-size: 1.4em;
}
.banner-ibcj-ondemand-home .text-contain .top-text span{
display: contents;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text{
font-size: 1.4m;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text span{
display:none;
}
.banner-ibcj-ondemand-home .text-contain .bottom-text a{
margin-left: 0px;
}
.icon-ondemand-logo {
padding-top: 29px;
width: 200px;
height: 12px;
margin-right: 5px;
}
.img-baner-ondemand img{
margin-bottom: 0px;
padding-top: 25px;
width: 100%;
}
}
/*====================================================== ESTILOS PARA LANDING PAGE POSGRADOS ===================================================*/
.posgrado-moment{padding-top: 150px;padding-bottom: 100px;font-family: 'Source Sans Pro';background-image: url("../img/posgrados/ibcj-bg-posgrados.webp");background-size: cover;}
.posgrado-moment .left-side-content {padding-left: 20px;padding-right: 20px;}
.posgrado-moment .left-side-content h1{color: #fff;font-size: 3.5em;font-weight: 700;text-transform: uppercase;}
.posgrado-moment .left-side-content .description {color: #fff;font-size: 0.9em;font-weight: 500;margin-bottom: 40px;margin-top: 40px;}
.posgrado-moment .left-side-content .description span {color: #ffd150;font-weight: 600;}
.posgrado-moment .left-side-content .first-scholarship{color: #fff;font-size: 1em;font-weight: 500;margin-bottom: 40px;margin-top: 40px;text-align: left;padding: 0px 0px;}
.posgrado-moment .left-side-content .first-scholarship span{color: #ffd150;font-weight: 700;}
.posgrado-moment .left-side-content .sign-up{text-align: center;}
.posgrado-moment .left-side-content .sign-up a{ background: #c40d3c;color: #fff;padding: 11px 25px;font-weight: 700;text-transform: uppercase;font-size: 0.9em;}
.posgrado-moment .left-side-content ul{list-style-type: none; padding-left: 0px;}
.posgrado-moment .left-side-content ul li{padding-bottom: 10px;}
.posgrado-moment .left-side-content ul li div{display: flex;align-items: center;justify-content: left;}
.posgrado-moment .left-side-content ul li i{color: #fff;font-size: 1.2em;width: 8%;padding-right: 10px;}
.posgrado-moment .left-side-content ul li p{margin-bottom: 0px;margin-top: 0px;color: #fff;font-size: 1em;}
.posgrado-moment .right-side-content {align-self: center;}
.posgrado-moment .right-side-content .video{text-align: center;padding-top: 60px;}
.posgrado-moment .right-side-content iframe{box-shadow: 2px 2px 0px 1px rgb(203 151 0);width: 560px;height: 315px;}
.postgraduate-contain{font-family: 'Source Sans Pro';margin-top: 50px;margin-bottom: 60px;}
.postgraduate-contain h2{color: #002554;font-size: 2em;font-weight: 800;margin-bottom: 50px;margin-top: 50px;}
.postgraduate-contain .margin-cards{margin: 0px 120px;}
.postgraduate-contain .card-postgraduate{position: relative;display: flex;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border-radius:0;box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);margin-bottom: 25px;}
.postgraduate-contain .card-postgraduate img{width: 30%;}
.postgraduate-contain .card-postgraduate .card-body {flex: 1 1 auto;padding: 1rem 1rem;}
.postgraduate-contain .card-postgraduate .card-title {margin-bottom: 0.5rem;font-size: 1.3em;font-weight: 700;color: #002554;}
.card-postgraduate .card-text {color: #66739d;font-size: 1em;font-weight: 500;}
.card-postgraduate .card-text span{font-weight: 700;}
.postgraduate-contain .card-postgraduate .btn-information{background: #0026a8;color: #fff;padding: 6px 24px;margin-top: 20px;display: inline-flex;align-items: center;}
.postgraduate-contain .card-postgraduate .btn-information i{margin-right: 5px;}
.postgraduate-contain .card-postgraduate .btn-information.brochure{background: #C70039 ;padding: 6px 26.5px;}
.postgraduate-contain .card-postgraduate .btn-information.brochure i{margin-right: 1em;font-size: 1.1em;}
.postgraduate-we-offer{background: #002554;padding-top: 50px;padding-bottom: 50px;font-family: 'Source Sans Pro';}
.postgraduate-we-offer h2{color: #fff;font-size: 3.5em;font-weight: 700;text-align: center;text-transform: uppercase;margin-bottom: 70px;}
.postgraduate-we-offer .benefits{text-align: center;margin-bottom: 30px;}
.postgraduate-we-offer .benefits img{width: 100px;margin-bottom: 15px;}
.postgraduate-we-offer .benefits h3{color: #ffd150;font-size: 1.1em;font-weight: 700;height: 2.5em;}
.postgraduate-we-offer .benefits p{color: #fff;font-size: 0.9em;font-weight: 500;}
.form-postgraduate{margin-top: 70px;margin-bottom: 0px;}
.form-postgraduate h2{color: #002554;font-weight: 700;font-family: 'Source Sans Pro';font-size: 2em;text-align: center;padding: 0px 180px;margin-bottom: 70px;}
.form-postgraduate .character-image{text-align: center;background: url(../img/posgrados/ibcj-recorte-contacto-posgrados.webp);background-position: bottom;background-size: contain;background-repeat: no-repeat;}
.formulario-mas-informacion{background: #FFF;padding: 35px;border-radius: 25px;filter: drop-shadow(-3px -5px 4px rgba(0,0,0,0.5));margin-bottom: 60px;}
.image-container{position: relative;top: 0px;left: 0;width: 100%;height: 100%;background-position: center;z-index: 1;background-size: cover;}
.image-container figure{margin: 0px 0px;}
.image-container figure picture img{width: 100%;height: auto;}
.banner-content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;color: #fff;text-align: center;display: flex;justify-content: center;align-items: baseline;text-align: left;right: auto;}
.banner-content .caption{padding: 0px;display: inline-flex;}
/*=========================== BANNER POSGRADOS =======================================*/
.banner-ibcj-posgrados-margin{margin-top: 50px;margin-bottom: 50px;margin-left: 20px;margin-right: 20px;position:relative; z-index:1;display: none;}
.banner-ibcj-posgrados{background-size: cover;overflow: hidden;font-family: 'Source Sans Pro';}
.banner-ibcj-posgrados .text-contain{place-self: center;padding: 48px 90px 30px 50px;}
.banner-ibcj-posgrados .text-contain h3{margin-bottom: 0px;}
.banner-ibcj-posgrados .text-contain p{margin-bottom: 0px;}
.banner-ibcj-posgrados .text-contain span.type-event{background-color: #cb9700;border-radius: 20px;color: #000;font-size: 0.75em;font-weight: 700;padding: 1px 25px;}
.banner-ibcj-posgrados .text-contain h2.title-event{color: #fff;font-size: 2.3em;font-weight: 700;margin-bottom: 15px;}
.banner-ibcj-posgrados .text-contain a.more-information{color: #fff;font-size: 1.4em;font-weight: 400;display: flex;align-items: center;}
.banner-ibcj-posgrados .text-contain a.more-information i{margin-left: 5px;}
.banner-ibcj-posgrados .text-contain a.more-information:hover{color: #cb9700;transition: all 0.5s ease-in;}
/*=====================================================INICIAN ESTILOS PARA POSGRADOS CURSOS LANDING INDIVIDUAL=============================*/
.edu-contribuciones-bg {background: url(../../assets2/img/posgrados/bg-maestria-contribuciones.webp);background-size: cover;}
.edu-nifs-bg {background: url(../../assets2/img/posgrados/bg-nifs.webp);background-size: cover;}
.edu-derecho-corporativo-bg {background: url(../../assets2/img/posgrados/bg-maestria-derecho-corporativo-fiscal.webp);background-size: cover;}
.edu-derecho-fiscal-bg {background: url(../../assets2/img/posgrados/bg-maestria-derecho-fiscal.webp);background-size: cover;}
.edu-ciencias-fiscal-bg {background: url(../../assets2/img/posgrados/bg-doctorado-ciencias-de-lo-fiscal.webp);background-size: cover;}
.portada-posgrados-individuales {padding-top: 180px;padding-bottom: 80px; font-family: 'Titillium Web', sans-serif;}
.portada-posgrados-individuales h1 {font-size: 3em;color: #fff;text-transform: uppercase;font-weight: 700;margin: 0em 0em 1.2em 0em;}
.portada-posgrados-individuales h1 span {font-weight: 200; border-bottom: 2px solid #fff; line-height: 1.5; font-size: 0.65em;}
.portada-posgrados-individuales h3 {font-size: 1.3em;font-weight: 600;color: #fff;}
.portada-posgrados-individuales p{font-size: 1em;font-weight: 300;color: #fff;}
.portada-posgrados-individuales ul.portada-posgrados-list-1{color: #fff;margin: 25px 0px 25px 0px !important;list-style: none; padding-left: 0px;}
.portada-posgrados-individuales ul.portada-posgrados-list-1 li{font-size: 1em;font-weight: 300;}
.portada-posgrados-individuales ul.portada-posgrados-list-1 li span{font-size: 1em;font-weight: 600;}
.portada-posgrados-individuales ul.portada-posgrados-list-2{color: #bf0d3e;margin: 25px 0px 25px 0px !important;list-style: none;text-align: left; padding-left: 0px;}
.portada-posgrados-individuales ul.portada-posgrados-list-2 li{font-size: 1em;font-weight: 700;margin: 5px 0px;}
.portada-posgrados-individuales ul.portada-posgrados-list-2 li span{font-size: 1em;font-weight: 500;color: #002554;}
.portada-posgrados-individuales ul.portada-posgrados-list-3{list-style-type: none;width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 30px !important;padding-left: 0px;}
.portada-posgrados-individuales ul.portada-posgrados-list-3 li{flex: 0 0 50%;border-bottom: 1px solid gray;padding: 15px 3px;display: flex;align-items: center;justify-content: center;}
.portada-posgrados-individuales ul.portada-posgrados-list-3 li span{color: #002554;font-weight: 600;font-size: 0.84em;text-transform: uppercase;text-align: left;line-height: 1;}
.portada-posgrados-individuales ul.portada-posgrados-list-3 li p{color: #0f137d;font-weight: 700;font-size: 0.85em;margin-bottom: 0px;}
.portada-posgrados-individuales ul.portada-posgrados-list-3 li.left-content-table{justify-content: left;}
.portada-posgrados-individuales .center-buttons{text-align: -webkit-center; text-align: -moz-center;}
.portada-posgrados-individuales .buttons{display: flex !important;font-family: Source Sans Pro, sans-serif;font-size: 1.2rem;font-weight: 600;padding-top: 10px;padding-bottom: 10px;border-radius: 0px;border: none;white-space: nowrap;justify-content: center;align-items: center;margin-bottom: 20px;color: #fff;}
.portada-posgrados-individuales .buttons i{margin-right: 10px;}
.portada-posgrados-individuales .buttons.whatsapp-posgrados{background-color: #128C7E;width: 100%;}
.portada-posgrados-individuales .buttons.brochure-posgrados{width: 100%;background-color: #0f137d;}
/**/
.form-posgrados-individuales-padding {padding: 0px 70px;}
.form-posgrados-individuales{text-align: center;background: #fff;max-height: 30.5em;font-family: 'Titillium Web', sans-serif;padding: 25px 25px;}
.form-posgrados-individuales h4{font-size: 2em;font-weight: 700;color: #033266;padding: 20px 0px 0px 0px;}
.form-posgrados-individuales .margin-box{padding: 0px 30px;}
.form-posgrados-individuales .margin-box .form-group{text-align: left;margin: 20px 0px;font-size: 1em;color: #033266;}
.form-posgrados-individuales .btn-form-posgrados{font-weight: 600;padding: 10px 60px;border: none;color: #fff;background: #002554;font-size: 1.2em;font-family: 'Source Sans Pro';}
/**/
/*
.sub-menu-portada-bottom.bgc-comtribuciones{background: #80264f;}
.sub-menu-portada-bottom.bgc-derecho-corporativo{background: #d6ddc9;}
.sub-menu-portada-bottom.bgc-derecho-fiscal{background: #b8b2c2;}
.sub-menu-portada-bottom.bgc-nifs{background: #cdd7dc;}
*/
.sub-menu-portada-bottom.bgc-color{background: #cdd7dc;}
.sub-menu-portada-bottom.bgc-ciencias-fiscal{background: #646081;}
.posgrados-information-single-landing{font-family: 'Titillium Web', sans-serif;}
.posgrados-information-single-landing a.color-submenu{color: #1a305e;transition: all 0.5s ease-in;}
.posgrados-information-single-landing a.color-submenu:hover{color: #1158a8;transition: all 0.5s ease-in;}
/*
.posgrados-information-single-landing a.contribuciones-color-submenu{color: #fff;transition: all 0.5s ease-in;}
.posgrados-information-single-landing a.contribuciones-color-submenu:hover{color: #CC9A26;transition: all 0.5s ease-in;}
.posgrados-information-single-landing a.nifs-color-submenu{color: #1a305e;transition: all 0.5s ease-in;}
.posgrados-information-single-landing a.nifs-color-submenu:hover{color: #1158a8;transition: all 0.5s ease-in;}
.posgrados-information-single-landing a.derecho-fiscal-color-submenu{color: #4d0047;transition: all 0.5s ease-in;}
.posgrados-information-single-landing a.derecho-fiscal-color-submenu:hover{color: #bd159d;transition: all 0.5s ease-in;}
.posgrados-information-single-landing a.derecho-corporativo-color-submenu{color: #b5583f;transition: all 0.5s ease-in;}
.posgrados-information-single-landing a.derecho-corporativo-color-submenu:hover{color: #f47d1f;transition: all 0.5s ease-in;}
*/
.posgrados-information-single-landing a.ciencias-fiscal-color-submenu{color: #fff;transition: all 0.5s ease-in;}
.posgrados-information-single-landing a.ciencias-fiscal-color-submenu:hover{color: #CC9A26;transition: all 0.5s ease-in;}
.content-especificaciones-oferta-edu {text-align: center;color: #fff;padding-top: 20px;padding-bottom: 20px;}
.content-especificaciones-oferta-edu .align-items {align-items: center;}
.content-especificaciones-oferta-edu h3 {font-size: 1.3em;font-weight: 400;margin-bottom: 0px;display: inline-flex;align-items: center;text-transform: uppercase;}
.content-especificaciones-oferta-edu h3 span {
font-size: 1.8em;
margin-right: 5px;
}
.content-especificaciones-oferta-edu h3 i {margin-left: 10px;}
.content-especificaciones-oferta-edu p {font-size: 1.3em;font-weight: 300;padding: 0px 25px;}
.posgrados-perfil-container {margin: 0px 90px;}
.posgrados-perfil-info{margin-bottom: 90px;font-family: 'Titillium Web', sans-serif;}
.posgrados-perfil-info h2{color: #fff;font-size: 2.7em;font-weight: 700;margin: 50px 0px 50px 0px;}
.posgrados-perfil-info h2 span{
padding: 0px 10px;
}
/*
.posgrados-perfil-info h2 span.bgc-span-contribuciones{
background-color: #c20a30;
}
.posgrados-perfil-info h2 span.bgc-span-derecho-fiscal{
background-color: #4d0047;
}
.posgrados-perfil-info h2 span.bgc-span-derecho-corporativo{
background-color: #b5583f;
}
.posgrados-perfil-info h2 span.bgc-span-nifs{
background-color: #1a305e;
}
*/
.posgrados-perfil-info h2 span.bgc-span-color{
background-color: #1a305e;
}
.posgrados-perfil-info h2 span.bgc-span-ciencias-fiscal{
background-color: #4d0047;
}
.posgrados-perfil-info .egreso-description{color: #606060;font-size: 1em;font-weight: 400;padding: 0px 75px;}
/*=======================INICIA ESTILOS PARA ACORDEON DE POSGRADOS==============================*/
.accordion-posgrados-individual {font-family: 'Titillium Web', sans-serif;margin: 0px 70px;}
.accordion-posgrados-individual-item {border-bottom: 1px solid #00155C;border-top: 0px solid #00155C;}
.accordion-posgrados-individual-item1 {border-bottom: 1px solid #00155C;border-top: 0px solid #00155C;}
.accordion-posgrados-individual-title{font-size: 1.1em;font-weight: 700;color: #002554;padding-right: 50px;}
.accordion-posgrados-individual-btn {font-family: 'Titillium Web', sans-serif;display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 1rem 0.2em;background: white;border: none;font-size: 1.2rem;text-align: left;cursor: pointer;transition: 0.1s;}
.accordion-posgrados-individual-btn:hover {background: #e2e3e4;}
.accordion-posgrados-individual-btn:hover i {
color: #BF0D3E !important;
transition: all 0.5s ease-in;
}
.accordion-posgrados-individual-icon {padding: 5px;}
.accordion-posgrados-individual-icon i{color: #002554;font-size: 1.5em;transform: rotate(0deg);transition: 0.3s ease-in-out;opacity: 0.9;}
.accordion-posgrados-individual-content {font-weight: 300;max-height: 0;opacity: 0;overflow: hidden;color: #000;transform: translateX(10px);transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;}
.accordion-posgrados-individual-content p {padding: 1rem 0.5rem;font-size: 1.2em;font-weight: 700;margin-bottom: 0px !IMPORTANT;color: #002554;}
.accordion-posgrados-individual-content ul li{font-size: 1em;font-family: 'Source Sans Pro', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 15px;margin-top: 15px;color: #606060;}
.accordion-posgrados-individual-content ul {list-style: none; margin-left: 25px;}
.accordion-posgrados-individual-content ul li {padding-left: 1.5em;position: relative;}
.accordion-posgrados-individual-content ul li:after {content: "";height: 0.5em;width: 0.5em;background: #000;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.accordion-item-active .accordion-posgrados-individual-btn {color: #e2e3e4;border-bottom: 2px solid #c40d3c;}
.accordion-item-active .accordion-posgrados-individual-icon i{transform: rotate(180deg);color: #c40d3c;}
.accordion-item-active .accordion-posgrados-individual-content {opacity: 1;transform: translateX(0px);max-height: 305vh;}
/*=======================TERMINA ESTILOS PARA ACORDEON DE POSGRADOS==============================*/
/*======================================== POSGRADOS CURSO PREPUDOUTICO ======================= */
.posgrados-curso-prepudoutico{background: #c20a30;padding: 50px 0px; font-family: 'Titillium Web', sans-serif;}
/*
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-derecho-fiscal{background: #b8b2c2;}
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-derecho-corporativo{background: #d6ddc9;}
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-nifs{background: #cdd7dc;}
*/
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-color{background: #cdd7dc;}
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-cincias-fiscal{background: #646081;}
.posgrados-curso-prepudoutico .curso-prepu-info{align-items: center;}
.posgrados-curso-prepudoutico .curso-prepu-info .box-info-propedeutico{display: flex; justify-content: center;}
.posgrados-curso-prepudoutico .curso-prepu-info .box-info-propedeutico .width-module-propedutico{width: 25%;text-align: center;}
.posgrados-curso-prepudoutico .curso-prepu-info h2 {color: #fff;font-weight: 700;font-size: 2.5em;text-align: center;margin-bottom: 60px;}
.posgrados-curso-prepudoutico .curso-prepu-info p{color: #fff;font-size: 1.1em;position: relative;text-align: justify;padding: 0px 30px;}
/*
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-derecho-corporativo .curso-prepu-info h2 {color: #b5583f;}
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-derecho-corporativo .curso-prepu-info p{color: #000;}
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-derecho-fiscal .curso-prepu-info h2 {color: #4d0047;}
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-derecho-fiscal .curso-prepu-info p{color: #000;}
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-nifs .curso-prepu-info h2 {color: #1a305e;}
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-nifs .curso-prepu-info p{color: #000;}
*/
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-color .curso-prepu-info h2 {color: #1a305e;}
.posgrados-curso-prepudoutico.bgc-curso-prepudoutico-color .curso-prepu-info p{color: #000;}
.posgrados-curso-prepudoutico .curso-prepu-info p.initial{position: initial;}
.posgrados-curso-prepudoutico .curso-prepu-info p::after{content: '';position: absolute;left: 0px;top: -10%;height: 70px;border-left: 2px solid #fff;}
.posgrados-curso-prepudoutico .curso-prepu-info p.dark::after{border-left: 2px solid #606060;}
.posgrados-curso-prepudoutico .curso-prepu-info p span{font-weight: 700;}
.posgrados-curso-prepudoutico .curso-prepu-info img{width: 50px;height: 50px;margin-bottom: 10px;}
/*======================================== POSGRADOS CURSO PREPUDOUTICO ======================= */
/*======================================== POSGRADOS ANTECEDENTES ============================= */
.posgrados-curso-antecedentes{background-color: #0f3b7d;}
.posgrados-curso-antecedentes .antecedentes-info{font-family: 'Titillium Web', sans-serif;}
.posgrados-curso-antecedentes .img-antecedentes{padding: 200px 0px;text-align: right;background-size: cover;}
.posgrados-curso-antecedentes .img-antecedentes.image-contribuciones{background-image: url('../img/posgrados/antcdnts-maestria-contribuciones.webp');}
.posgrados-curso-antecedentes .img-antecedentes.image-derecho-fiscal{background-image: url('../img/posgrados/antcdnts-maestria-derecho-fiscal.webp');}
.posgrados-curso-antecedentes .img-antecedentes.image-derecho-corporativo{background-image: url('../img/posgrados/antcdnts-maestria-derecho-corporativo-fiscal.webp');}
.posgrados-curso-antecedentes .img-antecedentes.image-nifs{background-image: url('../img/posgrados/antcdnts-nifs.webp');}
.posgrados-curso-antecedentes .img-antecedentes.image-ciencias-fiscal{background-image: url('../img/posgrados/antcdnts-ciencias-fiscal.webp');}
.posgrados-curso-antecedentes .antecedentes-info .margenes{padding: 50px 55px;}
/*
.posgrados-curso-antecedentes .antecedentes-info .margenes.bgc-antecedentes-contribuciones{background: rgb(112,7,44);background: linear-gradient(180deg, rgba(112,7,44,1) 0%, rgba(239,53,81,1) 100%);}
.posgrados-curso-antecedentes .antecedentes-info .margenes.bgc-antecedentes-derecho-corporativo{background: rgb(186,22,28);background: linear-gradient(124deg, rgba(186,22,28,1) 50%, rgba(244,125,31,1) 100%);}
.posgrados-curso-antecedentes .antecedentes-info .margenes.bgc-antecedentes-derecho-fiscal{background: rgb(36,29,112);background: linear-gradient(35deg, rgba(36,29,112,1) 33%, rgba(105,34,106,1) 75%, rgba(233,1,139,1) 100%);}
.posgrados-curso-antecedentes .antecedentes-info .margenes.bgc-antecedentes-nifs{background: rgb(5,14,53);background: linear-gradient(180deg, rgba(5,14,53,1) 0%, rgba(17,88,168,1) 100%);}
*/
.posgrados-curso-antecedentes .antecedentes-info .margenes.bgc-antecedentes-ciencias-fiscal{background: rgb(35,0,15);background: linear-gradient(90deg, rgba(35,0,15,1) 0%, rgba(77,0,71,1) 100%);}
.posgrados-curso-antecedentes .antecedentes-info .margenes.bgc-antecedentes-color{background: rgb(5,14,53);background: linear-gradient(180deg, rgba(5,14,53,1) 0%, rgba(17,88,168,1) 100%);}
.posgrados-curso-antecedentes .antecedentes-info h2{color: #fff;font-size: 3em;font-weight: 700;margin-bottom: 50px;margin-left: 60px;margin-right: 60px;text-align: center;}
.posgrados-curso-antecedentes .antecedentes-info p{color:#fff;font-size: 1.1em;font-weight: 300;margin-bottom: 50px;}
.posgrados-curso-antecedentes .antecedentes-info p span{font-size: 1.1em;font-weight: 600;}
.posgrados-curso-antecedentes .antecedentes-info ul{list-style: none; padding-left: 0px;}
.posgrados-curso-antecedentes .antecedentes-info ul li{color: #fff;font-weight: 300;}
.posgrados-curso-antecedentes-list {margin-bottom: 0px;margin-top: 30px;display: flex;}
.posgrados-curso-antecedentes-list ul li{color: #434a5f;font-size: 1em;font-family: 'Titillium Web', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 5px;padding-left: 1.5em;position: relative;}
.posgrados-curso-antecedentes-list ul {list-style: none;}
.posgrados-curso-antecedentes-list li:after {content: "";height: 0.5em;width: 0.5em;background: #fff;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.posgrados-curso-antecedentes-list-margin-left {margin-left: 80px;}
/*======================================== POSGRADOS ANTECEDENTES ============================= */
/*=================================== Posgrados Plan de Estudios ==============================*/
/*
.posgrados-bg-contribuciones{background: rgb(112,7,44);background: linear-gradient(180deg, rgba(112,7,44,1) 0%, rgba(239,53,81,1) 100%);padding-bottom: 80px;}
.posgrados-bg-derecho-corporativo{background: rgb(186,22,28);background: linear-gradient(124deg, rgba(186,22,28,1) 50%, rgba(244,125,31,1) 100%);padding-bottom: 80px;}
.posgrados-bg-derecho-fiscal{background: rgb(36,29,112);background: linear-gradient(35deg, rgba(36,29,112,1) 33%, rgba(105,34,106,1) 75%, rgba(233,1,139,1) 100%);padding-bottom: 80px;}
.posgrados-bg-nifs{background: rgb(5,14,53);background: linear-gradient(180deg, rgba(5,14,53,1) 50%, rgba(17,88,168,1) 100%);padding-bottom: 80px;}
*/
.posgrados-bg-color{
background: rgb(5,14,53);
background: linear-gradient(180deg, rgba(5,14,53,1) 50%, rgba(17,88,168,1) 100%);
padding-bottom: 80px;
}
.posgrados-bg-ciencias-fiscal{
background: rgb(35,0,15);
background: linear-gradient(45deg, rgba(35,0,15,1) 0%, rgba(77,0,71,1) 100%);
padding-bottom: 80px;
}
.posgrados-container-plan-estudios{padding: 70px 120px;}
.posgrados-information-product{font-family: 'Titillium Web', sans-serif;}
.posgrados-information-product h2{color: #fff;font-size: 3em;font-weight: 700;text-align: center;margin-bottom: 60px;}
.posgrados-information-product p{color: #fff;font-size: 1em;font-weight: 400;margin-bottom: 50px;}
.posgrados-information-product p span{color: #ffff; font-weight: 700;}
.btn-inscribirme-posgrados a{border: 2px solid white;background: transparent;color: #fff;font-family: 'Titillium Web', sans-serif;font-size: 1.3em;font-weight: 500;padding: 10px 30px;}
.posgrados-plan-estudios-carusel .slide-bloques-plan-estudios{position: relative;background: #fff;margin: 19px;}
.posgrados-plan-estudios-carusel .contenido-bloques{font-family: 'Titillium Web', sans-serif;margin-top: 20px;}
.posgrados-plan-estudios-carusel .contenido-bloques p span.red{background: #c40d3c;color: #fff;font-size: 1em;font-weight: 500;padding: 5px 10px 5px 40px;}
.posgrados-plan-estudios-carusel .contenido-bloques p span.blue{background: #0f137d;color: #fff;font-size: 1em;font-weight: 500;padding: 5px 10px 5px 40px;}
.posgrados-plan-estudios-carusel .contenido-bloques h3{color: #0f137d;font-size: 1.7em;font-weight: 700;margin-left: 40px;margin-bottom: 30px}
.posgrados-plan-estudios-carusel-list ul {list-style: none;margin-left: 40px;margin-right: 30px;margin-bottom: 0px !important; padding-left: 0px;}
.posgrados-plan-estudios-carusel-list ul li{color: #606060;font-size: 1em;font-family: 'Titillium Web', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 15px;padding-left: 1.5em;position: relative;}
.posgrados-plan-estudios-carusel-list li:after {content: "";height: 0.5em;width: 0.5em;background: #000;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
i.slick-arrow {line-height: 30px;font-size: 20px;text-align: center;border-radius: 100%;position: absolute;top: 50%;transform: translateY(-50%);color: #ffff;overflow-x: visible !important;z-index: 2;border: 0;width: 30px;height: 30px;text-indent: 0px;cursor: pointer;transition: all 0.5s ease;clip-path: none !important;background: transparent;opacity: 0.5;}
i.slick-prev {left: -4%;font-size: 1.8em;}
i.slick-next {right: -4%;font-size: 1.8em;}
i.slick-arrow:hover {opacity: 1;}
.posgrados-plan-estudios-carusel .slick-list{display: grid;}
/*=================================== Posgrados Plan de Estudios ==============================*/
/*=============TERMINAN ESTILOS PARA POSGRADOS CURSOS LANDING INDIVIDUAL=============================*/
/*=================== Agradecimientos posgrados ==========================================*/
.agradecimientos-posgrados {display: inline-flex;width: 100%;height: 100}
.mod-agradecimientos-posgrados{background-image: url(../img/thkpg/bg-agradecimientos-posgrados.webp); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; padding-top: 100px;}
.txt-agradecimientos-posgrados{align-self: center;}
.txt-agradecimientos-posgrados h1{font-family: "Source Sans Pro"; color: #FFC300; font-size: 3em; line-height: 1.2; font-weight: 700;margin-bottom: 20px;}
.txt-agradecimientos-posgrados h1 span{background-color: #c40d3c;color: #fff;font-size: 1.5em;padding-right: 50px;padding-bottom: 0px;}
.txt-agradecimientos-posgrados h3 {color: #fff;font-size: 2.2em;font-weight: 700;}
.txt-agradecimientos-posgrados p{font-family: "Source Sans Pro";margin-top: 20px;color: #fff;font-size: 1.5em;font-weight: 300;line-height: 1.2;text-align: left;width: 95%;text-shadow: 2px 2px 2px rgb(0 0 0 / 75%);}
.txt-agradecimientos-posgrados .disclaimer{ background: transparent;border: 1px solid #fff;padding: 10px 10px;color: #fff;font-family: "Source Sans Pro";font-weight: 400;font-size: 1em;font-style: italic;text-align: left;width: 80%;}
.img-agradecimientos-posgrados{display: block;}
.img-agradecimientos-posgrados img {margin-top: 25px;width: 100%;}
.txt-agradecimientos-posgrados h1 .x-left img{width: 50px; filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.75)); margin: 5px; font-family: 'Source Sans pro';}
.txt-agradecimientos-posgrados h1 .x-right img{width: 50px; filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.75)); margin: 5px;}
/*========================================================= INICIA ESTILOS LANDING POSGRADOS INDIVIDUALES ONDEMAND ====================================================*/
.ondemand-ind-portada{margin-top: 107px;padding: 70px 0px; font-family: "Source Sans Pro";}
.ondemand-ind-portada.mkt-politico{background: url('../img/ondemand/bg-mktpolitico.png'); background-size: cover; background-position-y: center; background-position-x: center;}
.ondemand-ind-portada.contribuciones{background: url('../img/ondemand/bg-maestria-contribuciones.webp'); background-size: cover; background-position-y: center; background-position-x: center;}
.ondemand-ind-portada.derecho-fiscal{background: url('../img/ondemand/bg-maestria-derecho-fiscal.webp'); background-size: cover; background-position-y: center; background-position-x: center;}
.ondemand-ind-portada.derecho-corporativo{background: url('../img/ondemand/bg-maestria-derecho-corporativo-fiscal.webp'); background-size: cover; background-position-y: center; background-position-x: center;}
.ondemand-ind-portada.nifs{background: url('../img/ondemand/bg-nifs.webp'); background-size: cover; background-position-y: center; background-position-x: center;}
.ondemand-ind-portada.ciencias-fiscal{background: url('../img/ondemand/bg-doctorado-ciencias-de-lo-fiscal.webp'); background-size: cover; background-position-y: center; background-position-x: center;}
.ondemand-ind-portada.ind-item{background: rgb(0,37,84);background: linear-gradient(90deg, rgba(0,37,84,1) 50%, rgba(190,13,60,1) 100%);}
.ondemand-ind-portada.magnoevento{background: #000;}
.ondemand-ind-portada.magnoevento-v2{background: rgb(13,30,63); background: -moz-radial-gradient(circle, rgba(13,30,63,1) 0%, rgba(0,0,38,1) 100%); background: -webkit-radial-gradient(circle, rgba(13,30,63,1) 0%, rgba(0,0,38,1) 100%);
background: radial-gradient(circle, rgba(13,30,63,1) 0%, rgba(0,0,38,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d1e3f",endColorstr="#000026",GradientType=1);}
.ondemand-ind-portada.eventoespecial{background: rgb(26,36,53);background: linear-gradient(90deg, rgba(26,36,53,1) 0%, rgba(37,47,68,1) 50%, rgba(26,36,53,1) 100%);}
.bg-content-especificaciones-posgrados-ondemand-contribuciones{background: #80264f;}
.bg-content-especificaciones-posgrados-ondemand-nifs{background: #cdd7dc;}
.bg-content-especificaciones-posgrados-ondemand-derecho-fiscal{background: #b8b2c2;}
.bg-content-especificaciones-posgrados-ondemand-derecho-corporativo{background: #d6ddc9;}
.bg-content-especificaciones-posgrados-ondemand-ciencias-fiscal{background: #646081;}
.bg-content-especificaciones-ind-item{background: #e7e9f1;}
.bg-content-especificaciones-eventoespecial{background: rgb(153,0,17);background: linear-gradient(90deg, rgba(153,0,17,1) 0%, rgba(186,1,12,1) 50%, rgba(153,0,17,1) 100%);}
.bg-content-especificaciones-magno-ondemand-magno-evento{background: rgb(176,134,57);background: linear-gradient(90deg, rgba(176,134,57,1) 0%, rgba(248,202,90,1) 26%, rgba(221,177,74,1) 61%, rgba(250,238,176,1) 80%, rgba(176,134,58,1) 100%);}
.ondemand-ind-portada .column-position-portada{flex-direction: initial;}
.ondemand-ind-portada .column-position-portada.center-content{align-items: center; text-align: left;}
.ondemand-ind-portada .portada-contain h1{color: #fff;font-size: 3em;font-weight: 700;margin: 0em 0em 0em 0em; margin-bottom: 50px; font-family: 'Titillium Web', sans-serif;}
.ondemand-ind-portada .portada-contain h1 span{font-weight: 700;font-size: 0.5em;color: #ffb500;text-transform: uppercase;}
.ondemand-ind-portada .portada-contain h1 span.redcolor{color: #BF0D3E;}
.ondemand-ind-portada .portada-contain h3{color: #fff;font-size: 1.4em;font-weight: 700;}
.ondemand-ind-portada .portada-contain p {color: #fff;font-size: 1em;font-weight: 300; line-height: 2;}
.ondemand-ind-portada .portada-contain img {width:75%;}
.ondemand-ind-portada .portada-contain-img-tellez img {width:70%;}
.ondemand-ind-portada .portada-img-contain {align-self: center; text-align: center;}
.ondemand-ind-portada .portada-img-contain img{width: 100%;}
.ondemand-content-especificaciones-indv{text-align: center;color: #fff;padding-top: 40px;padding-bottom: 40px;font-family: 'Source Sans Pro', sans-serif;}
.ondemand-content-especificaciones-indv h3{font-size: 1.3em;font-weight: 600;}
.ondemand-content-especificaciones-indv h5{font-size: 0.7em;font-weight: 400;color: #fff;margin-top: 30px;margin-bottom: -20px;text-align: center;}
.ondemand-content-especificaciones-indv p{font-size: 1em;font-weight: 400; font-family: 'Source Sans Pro', sans-serif; color: #1a305e; text-align: left;}
.ondemand-content-especificaciones-indv p.center{text-align: center;}
.ondemand-content-especificaciones-indv ul{text-align: left; font-size: 0.9em; display: grid; justify-content: center;}
.ondemand-certifi-information-indv span{color: #000;font-size: 2em;}
.ondemand-certifi-information-indv hr{height: 2px;opacity: 1;width: 65px;margin: -5px auto 5px auto;color: #1a305e;}
.ondemand-certifi-information-indv h3 span{color: #1a305e;font-size: 1em;font-weight: 700;}
.ondemand-certifi-information-indv h5 {color: #66739d;font-size: 1em;font-weight: 500;}
.ondemand-certifi-information-indv p.multiple-content-include {font-size:0.8em;}
.ondemand-certifi-information-indv p.only-recording {font-size:0.9em;}
.ondemand-certifi-information-indv span.white-paint{color: #fff;}
.ondemand-certifi-information-indv hr.white-paint{color: #fff;}
.ondemand-certifi-information-indv h3 span.white-paint{color: #fff;}
.ondemand-certifi-information-indv h5.white-paint{color: #fff;}
.ondemand-content-especificaciones-indv p.white-paint{color: #fff;}
.ondemand-content-especificaciones-indv p.white-paint.center{text-align: center;}
.ondemand-content-especificaciones-indv ul.white-paint{color: #fff;}
.ondemand-certifi-information-indv span.black-paint{color: #000;}
.ondemand-certifi-information-indv hr.black-paint{color: #000;}
.ondemand-certifi-information-indv h3 span.black-paint{color: #000;}
.ondemand-certifi-information-indv h5.black-paint{color: #000;}
.ondemand-content-especificaciones-indv p.black-paint{color: #000;}
.ondemand-content-especificaciones-indv p.black-paint.center{text-align: center;}
.ondemand-content-especificaciones-indv ul.black-paint{color: #000;}
.ondemand-certifi-information-indv span.blue-paint{color: #002554;}
.ondemand-certifi-information-indv hr.blue-paint{color: #002554;}
.ondemand-certifi-information-indv h3 span.blue-paint{color: #002554;}
.ondemand-certifi-information-indv h5.blue-paint{color: #002554;}
.ondemand-content-especificaciones-indv p.blue-paint{color: #002554;}
.ondemand-content-especificaciones-indv p.blue-paint.center{text-align: center;}
.ondemand-content-especificaciones-indv ul.blue-paint{color: #002554;}
.ondemand-posgrados-ind-information {font-family: 'Source Sans Pro', sans-serif;}
.ondemand-posgrados-ind-information h2{color: #191919; font-size: 2em; font-weight: 700; margin: 50px 0px 35px 0px; font-family: 'Titillium Web', sans-serif;}
.ondemand-posgrados-ind-information p{font-size: 1em;font-weight: 500;line-height: 1.5;margin-bottom: 15px;margin-top: 15px;color: #191919;}
.ondemand-posgrados-ind-information p span{font-weight: 700;}
.ondemand-posgrados-ind-information-list {margin-bottom: 0px;margin-top: 30px;display: flex;}
.ondemand-posgrados-ind-information-list ul li{color: #191919;font-size: 1em;font-family: 'Source Sans Pro', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 5px;padding-left: 1.5em;position: relative;}
.ondemand-posgrados-ind-information-list ul {list-style: none; padding-left: 0px;}
.ondemand-posgrados-ind-information-list li:after {content: "";height: 0.5em;width: 0.5em;background: #000;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.ondemand-posgrados-ind-information-list-margin-left {margin-left: 80px;}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content{margin-top: 50px;margin-bottom: 50px;}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box{border-right: 1px solid;position: relative;padding: 0px 12px;}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box:nth-child(3){position: relative;border: none;}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box p {color: #000;font-size: 1.2em;margin-top: 0px;}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box p span{font-weight: 700;}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box img {position: absolute;width: 35px;bottom: 0;right: 10px;}
.ondemand-posgrados-ind-information .box-container-button{margin-top: 50px;text-align: left;}
.ondemand-posgrados-ind-information .box-container-button .btn-ondemand-ind{border: 2px solid #3651a1;padding: 10px 30px;background: transparent;color: #3651a1;text-transform: uppercase;font-weight: 700;font-size: 0.9em; transition:all 0.5s ease-in;}
.ondemand-posgrados-ind-information .box-container-button .btn-ondemand-ind:hover{background: #3651a1;color: #fff; transition:all 0.5s ease-in;}
.ondemand-ind-card-shop{margin-top: 0px;padding: 0px;}
.ondemand-ind-card-shop img{width: 100%;}
.ondemand-ind-card-shop p.individual-adquiere-message{
font-size: 1.1em;
font-weight: 500;
color: #002554;
margin-bottom: 1em;
margin-top: 1em;
}
.ondemand-ind-card-shop p.individual-adquiere-message span{
font-weight: 700;
}
.ondemand-ind-card-shop p.price-item{font-size: 2em;font-weight: 800;color: #BF0D3E;margin: 10px 0px 10px 0px;}
.ondemand-ind-card-shop p.price-no-discount{
font-size: 1em;
height: 0em;
font-weight: 500;
text-decoration: line-through;
margin-top: -15px;
margin-bottom: 30px;
color: #C70039;
}
.card-item-ondemand-desktop{display: block;}
.card-item-ondemand-mobil{display: none;}
.ondemand-producto-box-ind {box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 30%);background: #fff !important;margin-top: -160px;text-align: center;margin-left: 50px;margin-right: 50px;background: #fff;}
.button-comprar-ind-od{font-family: Source Sans Pro, sans-serif;font-size: 1.2rem;font-weight: 700;padding-top: 10px;padding-bottom: 10px;color: #fcfafa;background-color: #78b657;border: none;border-radius: 0px;white-space: nowrap;justify-content: center;display: flex;width: 100%;margin-top: 20px;margin-bottom: 20px;transition: all 0.5s ease-in;}
.button-comprar-ind-od:hover{background-color: #5f9d3e;}
.ondemand-banner-2{font-family: 'Source Sans Pro';background: #120b5a;margin-top: 6.6rem;}
.ondemand-banner-2 .title-portada {align-self: center; margin-top: -40px; text-align: center;}
.ondemand-banner-2 .title-portada .text-contain-banner {display: inline-block;text-align: left;}
.ondemand-banner-2 .title-portada h2{color: #fff;font-size: 2.5em;margin-bottom: 0px;font-weight: 700;}
.ondemand-banner-2 .title-portada h2 strong{color: #cb9700;}
.ondemand-banner-2 .title-portada.large-text-padding{padding: 0px 70px;}
.ondemand-banner-2 .title-portada h2.large-text-banner{color: #fff;font-size: 2.5em;margin-bottom: 0px;font-weight: 700;}
.ondemand-banner-2 .title-portada h2.large-text-banner strong{color: #cb9700;}
.ondemand-banner-2 .button-ondemand{margin-top: 30px;}
.ondemand-banner-2 .button-ondemand a button{background: #BF0D3E;color: #fff !important;fill: #fff;border-radius: 0px;border: none;padding: 10px 45px !important;align-items: center;font-family: 'Source Sans Pro';font-weight: 600;display: flex;}
.ondemand-banner-2 .button-ondemand a button img{margin-right: 5px;}
.ondemand-banner-2 .button-ondemand a button svg{margin-right: 5px;width: 30px;height: 30px;}
.ondemand-banner-2 .button-ondemand a button:hover{color: #fff !important;}
.ondemand-banner-2 .logos-portada{align-self: center;text-align: -webkit-center; text-align: -moz-center; padding: 0;}
.ondemand-banner-2 .logos-portada img{width: 100%;}
.ondemand-banner-2.mt-pagos{
font-family: 'Source Sans Pro';
background: #120b5a;
padding: 0px 20px;
}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos{
align-self: center;
}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos h3{
color: #fff; font-size: 2.5em; font-weight: 700;
}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos h3 span{
color: #cb9700;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos{
text-align: center;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos img{
width: 270px;
margin-top: -55px;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos i{
color: #fff; font-size: 13em;
}
/*==============================================================================*/
.accordion-ind-ondemand {font-family: 'Titillium Web', sans-serif;}
.accordion-ind-ondemand-item {box-shadow: rgb(0 0 0 / 35%) 0px 1px 4px;margin-bottom: 15px;}
.accordion-ind-ondemand-title{font-size: 1em;font-weight: 600;color: #000;padding-right: 50px;place-items: center;display: flex; font-family: 'Titillium Web', sans-serif;}
.accordion-ind-ondemand-title i.color-icon{color: #BF0D3E;}
.accordion-ind-ondemand-title p{font-size: 1em;font-weight: 600;color: #1a305e;padding-left: 5px;margin: 5px 0px;place-items: center;display: flex;line-height: 1.5; padding: 15px;}
.accordion-ind-ondemand-title p.mgevt-color{color: #000;}
.accordion-ind-ondemand-ponentes p{font-size: 0.8em;font-weight: 500;color: #656565;padding-left: 30px;margin: 0px;line-height: 1;place-items: center;}
.accordion-ind-ondemand-btn {font-family: 'Source Sans Pro';display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 1.2rem 1.7rem;background: white;border: none;font-size: 1.2rem;text-align: left;cursor: pointer;transition: 0.1s;}
.accordion-ind-ondemand-btn:hover {background: #e2e3e4;}
.accordion-ind-ondemand-btn.hover-none-acordion {pointer-events: none;}
.accordion-ind-ondemand-btn.hover-none-acordion:hover {background: transparent;}
.accordion-ind-ondemand-icon {padding: 5px;}
.accordion-ind-ondemand-icon i{color: #000;font-size: 1.2em;transform: rotate(0deg);transition: 0.3s ease-in-out;opacity: 0.9;}
.accordion-ind-ondemand-content {font-weight: 300;max-height: 0;opacity: 0;overflow: hidden;color: #000;transform: translateX(10px);transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;}
.accordion-ind-ondemand-content p {padding: 1rem 0.8rem;font-size: 1em !important;margin-bottom: 0px !important;padding-right: 10px !important;}
.accordion-ind-ondemand-content ul li{font-size: 1.2em;font-family: 'Source Sans Pro', sans-serif;font-weight: 500;line-height: 1.5;margin-bottom: 15px;margin-top: 15px;}
.accordion-ind-ondemand-content ul {list-style: none; margin-left: 25px;}
.accordion-ind-ondemand-content ul li {padding-left: 1.5em;position: relative;}
.accordion-ind-ondemand-content ul li:after {content: "";height: 0.5em;width: 0.5em;background: #000;display: block;position: absolute;transform: rotate(90deg);top: 0.55em;left: 5px;}
.accordion-ind-ondemand-content ul li.sub-puntos-ondemand {padding-left: 3em;}
.accordion-ind-ondemand-content ul li.sub-puntos-ondemand:after {left: 30px;}
.accordion-item-active .accordion-ind-ondemand-btn {color: #e2e3e4;border-bottom: 2px solid #3651a1;}
.accordion-item-active .accordion-ind-ondemand-btn.mgevt-border-bt {color: #e2e3e4;border-bottom: 2px solid #000;}
.accordion-item-active .accordion-ind-ondemand-icon i {transform: rotate(180deg);color: #000;}
.accordion-item-active .accordion-ind-ondemand-content {opacity: 1;transform: translateX(0px);max-height: 500vh;}
/*================================================================================*/
@media (min-width: 1850.5px) and (max-width: 2600.5px) {
.ondemand-ind-portada {
margin-top: 107px;
padding: 50px 0px 50px 0px;
}
.ondemand-ind-portada .portada-contain h1 {
font-size: 4em;
margin: 0em 0em 35px 0em;
}
.ondemand-ind-portada .portada-contain h3 {
font-size: 1.5em;
}
.ondemand-ind-portada .portada-contain p {
font-size: 1.2em;
}
.ondemand-certifi-information-indv{
padding: 0px;
}
.ondemand-certifi-information-indv span {
font-size: 3em;
}
.ondemand-certifi-information-indv p.only-recording{
font-size: 1.23em;
}
.ondemand-certifi-information-indv p.only-recording br{
display: none;
}
.ondemand-certifi-information-indv p.multiple-content-include{
font-size: 0.95em;
}
.ondemand-content-especificaciones-indv h3 {
font-size: 1.2em;
}
.ondemand-certifi-information-indv h3 span {
font-size: 1.3em;
}
.ondemand-content-especificaciones-indv p {
font-size: 1em;
}
.ondemand-posgrados-ind-information {
padding: 0px 20px;
}
.ondemand-posgrados-ind-information h2 {
font-size: 2.5em;
margin: 50px 0px 25px 0px;
}
.ondemand-posgrados-ind-information p {
font-size: 1.1em;
}
.ondemand-posgrados-ind-information-list ul li {
font-size: 1.1em;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content {
margin-top: 70px;
margin-bottom: 70px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box {
padding: 0px 10px 0px 10px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box p {
font-size: 1.3em;
margin-top: 0px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box img {
width: 40px;
bottom: 0px;
right: 10px;
}
.ondemand-posgrados-ind-information .box-container-button .btn-ondemand-ind {
padding: 15px 50px;
font-size: 1.3em;
}
.accordion-ind-ondemand-btn {
width: 100%;
padding: 1rem 0.7em;
font-size: 0.9em;
}
.accordion-ind-ondemand-title {
font-size: 1.8em;
padding-right: 0px;
}
.accordion-ind-ondemand-ponentes p {
font-size: 1.2em !important;
margin-bottom: 0px;
margin-top: 0px;
}
.accordion-ind-ondemand-icon i {
font-size: 2em;
}
.ondemand-producto-box-ind {
margin-top: -140px;
margin-left: 10px;
margin-right: 10px;
}
.ondemand-ind-card-shop p.price-item {
font-size: 2.5em;
margin: 10px 0px 0px 0px;
}
.ondemand-ind-card-shop p.price-no-discount {
font-size: 1.2em;
margin-top: -7px;
margin-bottom: 30px;
}
.ondemand-banner-2 {
margin-top: 3.5em;
}
.ondemand-banner-2 .title-portada {
margin-top: 40px;
margin-bottom: 50px;
padding: 0px 0px;
}
.ondemand-banner-2 .title-portada h2 {
font-size: 4em;
margin-bottom: 0px;
}
.ondemand-banner-2 .button-ondemand a button {
padding: 10px 30px !important;
font-size: 1.5em;
}
.ondemand-banner-2 .title-portada h2.large-text-banner {
font-size: 4.5em;
}
.ondemand-banner-2 .title-portada.large-text-padding{padding: 0px 140px;}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos h3{
font-size: 2.7em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos i{
font-size: 14em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos img{
width: 320px;
margin-top: -50px;
}
}
@media (min-width: 1400.5px) and (max-width: 1850.5px) {
.ondemand-ind-portada {
margin-top: 107px;
padding: 50px 0px 50px 0px;
}
.ondemand-ind-portada .portada-contain h1 {
font-size: 3.2em;
margin: 0em 0em 35px 0em;
}
.ondemand-ind-portada .portada-contain h3 {
font-size: 1.4em;
}
.ondemand-ind-portada .portada-contain p {
font-size: 1.2em;
}
.ondemand-certifi-information-indv{
padding: 0px;
}
.ondemand-certifi-information-indv span {
font-size: 2.5em;
}
.ondemand-certifi-information-indv p.only-recording{
font-size: 1.2em;
}
.ondemand-certifi-information-indv p.only-recording br{
display: none;
}
.ondemand-certifi-information-indv p.multiple-content-include{
font-size: 0.95em;
}
.ondemand-content-especificaciones-indv h3 {
font-size: 1.1em;
}
.ondemand-certifi-information-indv h3 span {
font-size: 1.2em;
}
.ondemand-content-especificaciones-indv p {
font-size: 1em;
}
.ondemand-posgrados-ind-information {
padding: 0px 20px;
}
.ondemand-posgrados-ind-information h2 {
font-size: 2.5em;
margin: 50px 0px 25px 0px;
}
.ondemand-posgrados-ind-information p {
font-size: 1.1em;
}
.ondemand-posgrados-ind-information-list ul li {
font-size: 1.1em;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content {
margin-top: 70px;
margin-bottom: 70px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box {
padding: 0px 10px 0px 10px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box p {
font-size: 1.3em;
margin-top: 0px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box img {
width: 40px;
bottom: 0px;
right: 10px;
}
.ondemand-posgrados-ind-information .box-container-button .btn-ondemand-ind {
padding: 15px 50px;
font-size: 1em;
}
.accordion-ind-ondemand-btn {
width: 100%;
padding: 1rem 0.7em;
font-size: 0.9em;
}
.accordion-ind-ondemand-title {
font-size: 1.6em;
padding-right: 0px;
}
.accordion-ind-ondemand-ponentes p {
font-size: 1em !important;
margin-bottom: 0px;
margin-top: 0px;
}
.accordion-ind-ondemand-icon i {
font-size: 2em;
}
.ondemand-producto-box-ind {
margin-top: -140px;
margin-left: 10px;
margin-right: 10px;
}
.ondemand-ind-card-shop p.price-item {
font-size: 2.5em;
margin: 10px 0px 0px 0px;
}
.ondemand-ind-card-shop p.price-no-discount {
font-size: 1.2em;
margin-top: -7px;
margin-bottom: 30px;
}
.ondemand-banner-2 {
margin-top: 3.5em;
}
.ondemand-banner-2 .title-portada {
margin-top: 40px;
margin-bottom: 50px;
padding: 0px 0px;
}
.ondemand-banner-2 .title-portada h2 {
font-size: 2.5em;
margin-bottom: 0px;
}
.ondemand-banner-2 .button-ondemand a button {
padding: 10px 30px !important;
font-size: 1.2em;
}
.ondemand-banner-2 .title-portada h2.large-text-banner {
font-size: 2.5em;
}
.ondemand-banner-2 .title-portada.large-text-padding{padding: 0px 110px;}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos h3{
font-size: 2.7em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos i{
font-size: 14em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos img{
width: 300px;
margin-top: -50px;
}
}
@media (min-width: 1199.5px) and (max-width: 1399.5px) {
.ondemand-certifi-information-indv p.only-recording{
font-size: 0.9em;
}
.ondemand-certifi-information-indv p.only-recording br{
display: none;
}
.ondemand-certifi-information-indv p.multiple-content-include{
font-size: 0.85em;
}
}
@media (min-width: 991.5px) and (max-width: 1199.5px) {
.ondemand-ind-portada {
margin-top: 107px;
padding: 50px 0px 50px 0px;
}
.ondemand-ind-portada .portada-contain h1 {
font-size: 2.7em;
margin: 0em 0em 35px 0em;
}
.ondemand-ind-portada .portada-contain h3 {
font-size: 1.2em;
}
.ondemand-ind-portada .portada-contain p {
font-size: 1em;
line-height:1.7;
}
.ondemand-ind-portada .portada-contain p br{
display: none;
}
.ondemand-ind-portada .portada-contain img {width:70%;}
.ondemand-ind-portada .portada-contain-img-tellez img {width:70%;}
.ondemand-certifi-information-indv{
padding: 0px;
}
.ondemand-certifi-information-indv span {
font-size: 2.2em;
}
.ondemand-certifi-information-indv p.only-recording{
font-size: 0.9em;
}
.ondemand-certifi-information-indv p.only-recording br{
display: none;
}
.ondemand-certifi-information-indv p.multiple-content-include{
font-size: 0.8em;
}
.ondemand-content-especificaciones-indv h3 {
font-size: 1em;
}
.ondemand-certifi-information-indv h3 span {
font-size: 1.1em;
}
.ondemand-content-especificaciones-indv p {
font-size: 1em;
}
.ondemand-posgrados-ind-information {
padding: 0px 20px;
}
.ondemand-posgrados-ind-information h2 {
margin: 50px 0px 25px 0px;
}
.ondemand-posgrados-ind-information p {
font-size: 1em;
}
.ondemand-posgrados-ind-information-list {
margin-bottom: 0px;
margin-top: 30px;
display: block;
}
.ondemand-posgrados-ind-information-list-margin-left {
margin-left: 0px;
}
.ondemand-posgrados-ind-information-list ul li {
font-size: 1em;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content {
margin-top: 20px;
margin-bottom: 20px;
justify-content: center;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box {
border-right: 1px solid #191919;
padding: 10px 10px 0px 10px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box p {
font-size: 0.95em;
margin-top: 0px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box img {
width: 30px;
bottom: 0px;
right: 10px;
}
.accordion-ind-ondemand-btn {
width: 100%;
padding: 1rem 0.7em;
font-size: 0.9em;
}
.accordion-ind-ondemand-title {
font-size: 1.4em;
padding-right: 0px;
}
.accordion-ind-ondemand-ponentes p {
font-size: 0.85em !important;
margin-bottom: 0px;
margin-top: 0px;
}
.ondemand-producto-box-ind {
margin-top: -140px;
margin-left: 10px;
margin-right: 10px;
}
.ondemand-ind-card-shop p.price-item {
font-size: 2em;
margin: 10px 0px 0px 0px;
}
.ondemand-ind-card-shop p.price-no-discount {
font-size: 1.2em;
margin-top: -8px;
margin-bottom: 33px;
}
.ondemand-banner-2 {
margin-top: 3.5em;
}
.ondemand-banner-2 .title-portada {
margin-top: 40px;
margin-bottom: 50px;
padding: 0px 0px;
}
.ondemand-banner-2 .title-portada h2 {
font-size: 2em;
margin-bottom: 0px;
}
.ondemand-banner-2 .button-ondemand a button {
padding: 10px 20px !important;
font-size: 1em;
}
.ondemand-banner-2 .title-portada h2.large-text-banner {
font-size: 1.8em;
}
.ondemand-banner-2 .title-portada.large-text-padding{padding: 0px 80px;}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos h3{
font-size: 2.2em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos i{
font-size: 10em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos img{
width: 230px;
margin-top: -50px;
}
}
@media (min-width: 767.5px) and (max-width: 991.5px) {
.ondemand-ind-portada {
margin-top: 107px;
padding: 50px 0px 50px 0px;
}
.ondemand-ind-portada .portada-contain h1 {
font-size: 2.2em;
margin: 0em 0em 35px 0em;
}
.ondemand-ind-portada .portada-contain h1 span {
font-size: 0.6em;
}
.ondemand-ind-portada .portada-contain h3 {
font-size: 1.2em;
}
.ondemand-ind-portada .portada-contain p {
font-size: 1em;
line-height:1.7;
}
.ondemand-ind-portada .portada-contain p br{
display: none;
}
.ondemand-ind-portada .portada-contain img {width:70%;}
.ondemand-ind-portada .portada-contain-img-tellez img {width:70%;}
.ondemand-certifi-information-indv{
padding: 0px;
}
.ondemand-certifi-information-indv span {
font-size: 2em;
}
.ondemand-certifi-information-indv p.only-recording{
font-size: 0.79em;
}
.ondemand-certifi-information-indv p.only-recording br{
display: none;
}
.ondemand-certifi-information-indv p.multiple-content-include{
font-size: 0.7em;
}
.ondemand-content-especificaciones-indv h3 {
font-size: 1em;
}
.ondemand-certifi-information-indv h3 span {
font-size: 0.95em;
}
.ondemand-content-especificaciones-indv p {
font-size: 0.9em;
}
.ondemand-posgrados-ind-information {
padding: 0px 20px;
}
.ondemand-posgrados-ind-information h2 {
margin: 50px 0px 25px 0px;
}
.ondemand-posgrados-ind-information p {
font-size: 0.9em;
}
.ondemand-posgrados-ind-information-list {
margin-bottom: 0px;
margin-top: 30px;
display: block;
}
.ondemand-posgrados-ind-information-list-margin-left {
margin-left: 0px;
}
.ondemand-posgrados-ind-information-list ul li {
font-size: 0.9em;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content {
margin-top: 20px;
margin-bottom: 20px;
justify-content: center;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box {
border-right: 1px solid #191919;
padding: 10px 10px 0px 10px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box p {
font-size: 0.95em;
margin-top: 0px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box p br{
display: none;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box img {
width: 30px;
bottom: 0px;
right: 10px;
}
.accordion-ind-ondemand-btn {
width: 100%;
padding: 1rem 0.7em;
font-size: 0.9em;
}
.accordion-ind-ondemand-title {
font-size: 1.2em;
padding-right: 0px;
}
.accordion-ind-ondemand-ponentes p {
font-size: 0.85em !important;
margin-bottom: 0px;
margin-top: 0px;
}
.ondemand-producto-box-ind {
margin-top: -140px;
margin-left: 10px;
margin-right: 10px;
}
.ondemand-ind-card-shop p.price-item {
font-size: 2em;
margin: 10px 0px 0px 0px;
}
.ondemand-ind-card-shop p.price-no-discount {
font-size: 1.2em;
margin-top: -8px;
margin-bottom: 33px;
}
.ondemand-banner-2 {
margin-top: 3.5em;
}
.ondemand-banner-2 .title-portada {
margin-top: 40px;
margin-bottom: 50px;
padding: 0px 0px;
}
.ondemand-banner-2 .title-portada h2 {
font-size: 1.6em;
margin-bottom: 0px;
}
.ondemand-banner-2 .button-ondemand a button {
padding: 10px 20px !important;
font-size: 0.9em;
}
.ondemand-banner-2 .title-portada h2.large-text-banner {
font-size: 1.5em;
}
.ondemand-banner-2 .title-portada.large-text-padding{padding: 0px 30px;}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos h3{
font-size: 1.8em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos i{
font-size: 10em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos img{
width: 210px;
margin-top: -50px;
}
}
@media (min-width: 550.5px) and (max-width: 767.5px) {
.ondemand-ind-portada {
margin-top: 107px;
padding: 90px 0px 60px 0px;
}
.ondemand-ind-portada .column-position-portada{flex-direction: column-reverse;}
.ondemand-ind-portada .column-position-portada.center-content{align-items: center; text-align: center;}
.ondemand-ind-portada .portada-contain h1 {
font-size: 2.5em;
margin: 0em 0em 50px 0em;
}
.ondemand-ind-portada .portada-contain h1 span {
font-size: 0.6em;
}
.ondemand-ind-portada .portada-contain h3 {
font-size: 1.3em;
}
.ondemand-ind-portada .portada-contain p {
font-size: 1.1em;
line-height:1.7;
}
.ondemand-ind-portada .portada-contain p br{
display: none;
}
.ondemand-ind-portada .portada-contain img {width:90%;}
.ondemand-ind-portada .portada-contain-img-tellez img {width:40%; margin-bottom: 30px;}
.ondemand-ind-portada .portada-img-contain img {
width: 45%;
margin-bottom: 30px;
}
.ondemand-certifi-information-indv{
margin: 10px 0px;
}
.ondemand-certifi-information-indv span {
font-size: 2.5em;
}
.ondemand-certifi-information-indv p.only-recording{
font-size: 1.2em;
}
.ondemand-certifi-information-indv p.multiple-content-include{
font-size: 1.2em;
}
.ondemand-content-especificaciones-indv h3 {
font-size: 1.5em;
}
.ondemand-content-especificaciones-indv p {
font-size: 1.05em;
text-align: center;
}
.ondemand-posgrados-ind-information {
padding: 0px 20px;
}
.ondemand-posgrados-ind-information h2 {
font-size: 2.3em;
margin: 50px 0px 25px 0px;
}
.ondemand-posgrados-ind-information p {
font-size: 1em;
margin-bottom: 10px;
margin-top: 10px;
}
.ondemand-posgrados-ind-information-list {
margin-bottom: 0px;
margin-top: 30px;
display: block;
}
.ondemand-posgrados-ind-information-list-margin-left {
margin-left: 0px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content {
margin-top: 20px;
margin-bottom: 20px;
justify-content: center;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box {
border-right: none;
border-bottom: 1px solid;
padding: 10px 100px 0px 0px;
width: 75%;
height: 125px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box img {
width: 40px;
bottom: 10px;
right: 10px;
}
.accordion-ind-ondemand-btn {
width: 100%;
padding: 1rem 0.7em;
font-size: 0.9em;
}
.accordion-ind-ondemand-title {
font-size: 1.2em;
padding-right: 0px;
}
.accordion-ind-ondemand-ponentes p {
font-size: 1em !important;
margin-bottom: 0px;
margin-top: 0px;
}
.ondemand-producto-box-ind {
margin-top: 30px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
}
.ondemand-ind-card-shop p.price-item {
font-size: 2.5em;
margin: 10px 0px 0px 0px;
}
.ondemand-ind-card-shop p.price-no-discount {
font-size: 1.2em;
margin-top: -8px;
margin-bottom: 33px;
}
.card-item-ondemand-desktop{display: none;}
.card-item-ondemand-mobil{display: block;}
.ondemand-banner-2 {
margin-top: 3.5em;
}
.ondemand-banner-2 .title-portada {
margin-top: 40px;
margin-bottom: 50px;
padding: 30px 0px;
}
.ondemand-banner-2 .title-portada h2 {
font-size: 1.8em;
margin-bottom: 0px;
}
.ondemand-banner-2 .button-ondemand a button {
padding: 10px 20px !important;
font-size: 0.9em;
}
.ondemand-banner-2 .title-portada h2.large-text-banner {
font-size: 1.8em;
}
.ondemand-banner-2 .title-portada.large-text-padding{padding: 0px 50px;}
.ondemand-banner-2.mt-pagos {
padding: 30px 35px 0px 35px;
}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos {
margin: 0px 0px 40px 0px;
}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos h3{
font-size: 2.2em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos i{
font-size: 10em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos img{
width: 230px;
margin-top: 0px;
}
}
@media (min-width: 450.5px) and (max-width: 600.5px) {
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box {
padding: 10px 140px 0px 0px !important;
}
}
@media (min-width: 380.5px) and (max-width: 450.5px) {
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box {
padding: 10px 80px 0px 0px !important;
}
}
@media (min-width: 200.5px) and (max-width: 550.5px) {
.ondemand-ind-portada {
margin-top: 107px;
padding: 90px 0px 60px 0px;
}
.ondemand-ind-portada .column-position-portada{flex-direction: column-reverse;}
.ondemand-ind-portada .column-position-portada.center-content{align-items: center; text-align: center;}
.ondemand-ind-portada .portada-contain h1 {
font-size: 1.7em;
margin: 0em 0em 50px 0em;
}
.ondemand-ind-portada .portada-contain h1 span {
font-size: 0.75em;
}
.ondemand-ind-portada .portada-contain h3 {
font-size: 1.3em;
}
.ondemand-ind-portada .portada-contain p {
font-size: 0.95em;
line-height:1.7;
}
.ondemand-ind-portada .portada-contain p br{
display: none;
}
.ondemand-ind-portada .portada-contain img {width:90%;}
.ondemand-ind-portada .portada-contain-img-tellez img {width:40%; margin-bottom: 30px;}
.ondemand-ind-portada .portada-img-contain img {
width: 45%;
margin-bottom: 30px;
}
.ondemand-certifi-information-indv{
margin: 10px 0px;
}
.ondemand-certifi-information-indv span {
font-size: 2.5em;
}
.ondemand-certifi-information-indv p.only-recording{
font-size: 1.2em;
}
.ondemand-certifi-information-indv p.multiple-content-include{
font-size: 1.1em;
}
.ondemand-content-especificaciones-indv h3 {
font-size: 1.5em;
}
.ondemand-content-especificaciones-indv p {
font-size: 1.05em;
text-align: center;
}
.ondemand-content-especificaciones-indv ul {
font-size: 0.9em;
padding: 0px 30px;
}
.ondemand-posgrados-ind-information {
padding: 0px 20px;
}
.ondemand-posgrados-ind-information h2 {
font-size: 2.3em;
margin: 50px 0px 25px 0px;
}
.ondemand-posgrados-ind-information p {
font-size: 1em;
margin-bottom: 10px;
margin-top: 10px;
}
.ondemand-posgrados-ind-information-list {
margin-bottom: 0px;
margin-top: 30px;
display: block;
}
.ondemand-posgrados-ind-information-list-margin-left {
margin-left: 0px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content {
margin-top: 20px;
margin-bottom: 20px;
justify-content: center;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box {
border-right: none;
border-bottom: 1px solid;
padding: 10px 0px 0px 0px;
width: 75%;
height: 125px;
}
.ondemand-posgrados-ind-information .ondemand-curso-propedutico-content .propedutico-content-box img {
width: 40px;
bottom: 10px;
right: 10px;
}
.accordion-ind-ondemand-btn {
width: 100%;
padding: 1rem 0.7em;
font-size: 0.9em;
}
.accordion-ind-ondemand-title {
font-size: 1em;
padding-right: 0px;
}
.accordion-ind-ondemand-ponentes p {
font-size: 1em !important;
margin-bottom: 0px;
margin-top: 0px;
}
.ondemand-producto-box-ind {
margin-top: 30px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
}
.ondemand-ind-card-shop p.price-item {
font-size: 2.5em;
margin: 10px 0px 0px 0px;
}
.ondemand-ind-card-shop p.price-no-discount {
font-size: 1.2em;
margin-top: -8px;
margin-bottom: 33px;
}
.card-item-ondemand-desktop{display: none;}
.card-item-ondemand-mobil{display: block;}
.ondemand-banner-2 {
margin-top: 3.5em;
}
.ondemand-banner-2 .title-portada {
margin-top: 40px;
margin-bottom: 50px;
}
.ondemand-banner-2 .title-portada h2 {
font-size: 1.8em;
margin-bottom: 0px;
}
.ondemand-banner-2 .button-ondemand a button {
padding: 10px 20px !important;
font-size: 0.9em;
}
.ondemand-banner-2 .title-portada h2 br{
display: none;
}
.ondemand-banner-2 .title-portada h2.large-text-banner {
font-size: 1.3em;
}
.ondemand-banner-2 .title-portada h2.large-text-banner br{
display: none;
}
.ondemand-banner-2 .title-portada.large-text-padding{padding: 0px 30px;}
.ondemand-banner-2.mt-pagos {
padding: 30px 15px 0px 15px;
}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos {
margin: 0px 0px 40px 0px;
}
.ondemand-banner-2.mt-pagos .content-message-mt-pagos h3{
font-size: 2em;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos img{
width: 200px;
margin-top: 0px;
}
.ondemand-banner-2.mt-pagos .content-character-mt-pagos i{
font-size: 10em;
}
}
/*=======================================================================================================*/
.ondemand-categorias-portada{
margin-top: 108px;
background: rgb(2,37,84);
background: linear-gradient(90deg, rgba(2,37,84,1) 0%, rgba(195,13,60,1) 100%);
font-family: 'Source Sans Pro';
padding: 0px 0px 35px 0px;
}
.ondemand-categorias-portada.certificaciones{
margin-top: 108px;
background-image: url(../img/ondemand/certificate_con_nostros_bg.webp);
background-position-y: center;
background-position-x: center;
background-size: cover;
font-family: 'Source Sans Pro';
padding: 0px 0px 50px 0px;
box-shadow: 0 3px 9px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
.ondemand-categorias-portada .directorio{
display: flex;
align-items: center;
}
.ondemand-categorias-portada .directorio a{
color: #fff;
font-weight: 300;
padding: 20px 5px;
transition: all 0.5s ease-in;
}
.ondemand-categorias-portada .directorio a:hover{
color: #ffb300;
transition: all 0.5s ease-in;
}
.ondemand-categorias-portada .directorio a.certificaciones-color{
color: #16a3be;
font-weight: 400;
transition: all 0.5s ease-in;
}
.ondemand-categorias-portada .directorio a.certificaciones-color:hover{
color: #7e0db2;
transition: all 0.5s ease-in;
}
.ondemand-categorias-portada .directorio span{
color: #fff;
font-size: 1.5em;
}
.ondemand-categorias-portada .directorio span.certificaciones-color{
color: #66739d;
}
.ondemand-categorias-portada .img-titular-certificaciones{
text-align: center;
}
.ondemand-categorias-portada .img-titular-certificaciones img{
width: 400px;
}
.ondemand-categorias-portada h1{
text-align: center;
font-size: 4em;
font-weight: 700;
color: #fff;
}
.ondemand-categorias-magno-evento{
background: #001631;
font-family: 'Source Sans Pro';
padding: 50px 0px 70px 0px;
}
.ondemand-categorias-magno-evento h2{
font-size: 2.5em;
font-weight: 700;
color: #fff;
margin: 0px 30px 50px 30px;
}
.txt-ej h5 span.categorias{
color: #708de5;
font-size: 0.9em;
}
.ej-dark .txt-ej h5.categorias {
color: #fff;
font-weight: 700;
}
.txt-ej h6.categorias {
color: #fff;
font-weight: 400;
}
.txt-ej p.categorias {
color: #ffb300 !important;
}
.ej-dark .ej-btn button.categorias-button-comprar {
background: transparent;
border: 2px solid #fff;
color: #fff;
text-transform: uppercase;
width: 85%;
}
.categorias-filtro-section{
background: #fff;
margin: 80px 0px;
font-family: 'Source Sans Pro', sans-serif;
}
.categorias-filtro-section h2{
font-weight: 700;
font-size: 2.5em;
color: #002554;
margin: 50px 25px;
}
.categorias-filtro-section .filter-options-button{
margin: 0px 0px 0px 16px;
}
.categorias-filtro-section .filter-options-button .container-buttons-filter{
display: flex;align-items: center;
}
.categorias-filtro-section .filter-options-button .container-buttons-filter-2{
display: flex;align-items: center;
}
.categorias-filtro-section .filter-options-button h3{
color: #002554;
font-weight: 700;
font-size: 1.2em;
align-self: center;
margin-bottom: 0px;
text-transform: uppercase;
}
.categorias-filtro-section .filter-options-button button{
background: transparent;
color: #3651a1;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 1.2em;
border-radius: 0px;
border: none;
padding: 0em 0em 0em 15px;
width: 100%;
margin-left: 10px;
text-transform: uppercase;
display: flex;
}
.categorias-filtro-section .productos-filtro{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 70px 15px;
}
.owl-item.item img{
width: 100% !important;
}
.categorias-filtro-section .productos-filtro .item .ej-dark .txt-ej h5.categorias {
color: #002554;
font-weight: 700;
font-size: 1.2em;
padding: 0px 18px 0px 18px;
height: 5em;
max-height: 7em;
}
.categorias-filtro-section .productos-filtro .item .ej-dark .ej-btn button.categorias-button-comprar {
background: transparent;
border: 2px solid #3651a1;
color: #3651a1;
text-transform: uppercase;
width: 90%;
}
.categorias-filtro-section .productos-filtro .item .portada-ej {
text-align: center;
text-align: -webkit-center; text-align: -moz-center;
}
.categorias-filtro-section .productos-filtro .item .portada-ej img {
display: block;
width: 90%;
height: auto;
}
.categorias-filtro-section .productos-filtro .item .txt-ej {
text-align: left;
margin-top: 0px;
}
.categorias-filtro-section .productos-filtro .item .txt-ej h5 span.categorias {
color: #c40d3c;
font-size: 1em;
}
.categorias-filtro-section .productos-filtro .item .txt-ej p.categorias {
color: #0a007d !important;
padding-left: 5px;
padding-right: 0px;
}
.categorias-filtro-section .productos-filtro .item .txt-ej .linethrough {
font-size: 1em;
height: 0em;
padding-right: 15px;
font-weight: 700;
text-decoration: line-through;
margin-bottom: 20px;
margin-right: 10px;
align-self: center;
color: #c40d3c;
}
@media (min-width: 1849.5px) and (max-width: 2570px) {
.ondemand-categorias-portada.certificaciones {
padding: 0px 0px 50px 0px;
}
.ondemand-categorias-portada .img-titular-certificaciones img{
width: 500px;
}
}
@media (min-width: 991.5px) and (max-width: 1199.5px) {
.ondemand-categorias-portada {
margin-top: 108px;
padding: 0px 0px 35px 0px;
}
.ondemand-categorias-portada h1 {
font-size: 2.3em;
}
.ondemand-categorias-magno-evento h2 {
font-size: 2em;
text-align: center;
margin: 0px 10px 50px 10px;
}
.categorias-filtro-section .filter-options-button .container-buttons-filter {
display: flex;
align-items: center;
justify-items: center;
}
.categorias-filtro-section .filter-options-button h3 {
font-size: 1em;
margin-bottom: 0px;
}
.categorias-filtro-section .filter-options-button {
margin: 0px;
}
.categorias-filtro-section .filter-options-button button {
font-size: 0.8em;
padding: 10px 5px 10px 5px;
width: 100%;
margin-left: 10px;
display: flex;
}
.categorias-filtro-section h2 {
text-align: center;
margin: 40px 5px;
font-size: 2em;
}
.categorias-filtro-section .productos-filtro {
grid-template-columns: repeat(3, 3fr);
grid-gap: 40px 15px;
}
.categorias-filtro-section .productos-filtro .item .txt-ej h5 span.categorias {
font-size: 0.9em;
}
.categorias-filtro-section .productos-filtro .item .ej-dark .txt-ej h5.categorias {
font-size: 1.1em;
height: 5.5em;
max-height: 7em;
}
}
@media (min-width: 767.5px) and (max-width: 991.5px) {
.ondemand-categorias-portada {
margin-top: 108px;
padding: 0px 0px 35px 0px;
}
.ondemand-categorias-portada h1 {
font-size: 2.3em;
}
.ondemand-categorias-portada .img-titular-certificaciones img{
width: 350px;
}
.ondemand-categorias-magno-evento h2 {
font-size: 2em;
text-align: center;
margin: 0px 10px 50px 10px;
}
.categorias-filtro-section .filter-options-button .container-buttons-filter {
display: flex;
align-items: center;
justify-items: center;
}
.categorias-filtro-section .filter-options-button h3 {
font-size: 1em;
margin-bottom: 0px;
}
.categorias-filtro-section .filter-options-button {
margin: 0px;
}
.categorias-filtro-section .filter-options-button button {
font-size: 0.8em;
padding: 10px 5px 10px 5px;
width: 100%;
margin-left: 10px;
display: flex;
}
.categorias-filtro-section h2 {
text-align: center;
margin: 40px 5px;
font-size: 2em;
}
.categorias-filtro-section .productos-filtro {
grid-template-columns: repeat(2, 2fr);
grid-gap: 40px 15px;
}
.categorias-filtro-section .productos-filtro .item .txt-ej h5 span.categorias {
font-size: 0.9em;
}
.categorias-filtro-section .productos-filtro .item .ej-dark .txt-ej h5.categorias {
font-size: 1.1em;
height: 5.5em;
max-height: 7em;
}
}
@media (min-width: 550.5px) and (max-width: 767.5px) {
.ondemand-categorias-portada {
margin-top: 144px;
padding: 0px 0px 35px 0px;
}
.ondemand-categorias-portada.certificaciones{
margin-top: 144px;
padding: 0px 0px 50px 0px;
}
.ondemand-categorias-portada .img-titular-certificaciones img{
width: 250px;
}
.ondemand-categorias-portada h1 {
font-size: 2.3em;
}
.ondemand-categorias-magno-evento h2 {
font-size: 2em;
text-align: center;
margin: 0px 10px 50px 10px;
}
.categorias-filtro-section .filter-options-button .container-buttons-filter {
display: grid;
align-items: center;
justify-items: center;
}
.categorias-filtro-section .filter-options-button h3 {
font-size: 1em;
margin-bottom: 0px;
}
.categorias-filtro-section .filter-options-button {
margin: 0px;
}
.categorias-filtro-section .filter-options-button button {
font-size: 0.8em;
padding: 10px 5px 10px 5px;
width: 100%;
margin-left: 10px;
display: flex;
}
.categorias-filtro-section h2 {
text-align: center;
margin: 40px 5px;
font-size: 2em;
}
.categorias-filtro-section .productos-filtro {
grid-template-columns: repeat(1, 1fr);
grid-gap: 40px 15px;
}
.categorias-filtro-section .productos-filtro .item .txt-ej h5 span.categorias {
font-size: 0.9em;
}
.categorias-filtro-section .productos-filtro .item .ej-dark .txt-ej h5.categorias {
font-size: 1.1em;
height: 5.5em;
max-height: 7em;
}
}
@media (min-width: 200px) and (max-width: 550px) {
.ondemand-categorias-portada {
margin-top: 144px;
padding: 0px 0px 35px 0px;
}
.ondemand-categorias-portada.certificaciones{
margin-top: 144px;
padding: 0px 0px 50px 0px;
}
.ondemand-categorias-portada .img-titular-certificaciones img{
width: 250px;
}
.ondemand-categorias-portada h1 {
font-size: 2.3em;
}
.ondemand-categorias-magno-evento h2 {
font-size: 2em;
text-align: center;
margin: 0px 10px 50px 10px;
}
.categorias-filtro-section .filter-options-button .container-buttons-filter {
display: grid;
align-items: center;
justify-items: center;
}
.categorias-filtro-section .filter-options-button h3 {
font-size: 1em;
margin-bottom: 0px;
}
.categorias-filtro-section .filter-options-button {
margin: 0px;
}
.categorias-filtro-section .filter-options-button button {
font-size: 0.8em;
padding: 10px 5px 10px 5px;
width: 100%;
margin-left: 10px;
display: flex;
}
.categorias-filtro-section h2 {
text-align: center;
margin: 40px 5px;
font-size: 2em;
}
.categorias-filtro-section .productos-filtro {
grid-template-columns: repeat(1, 1fr);
grid-gap: 40px 15px;
}
.categorias-filtro-section .productos-filtro .item .txt-ej h5 span.categorias {
font-size: 0.9em;
}
.categorias-filtro-section .productos-filtro .item .ej-dark .txt-ej h5.categorias {
font-size: 1.1em;
height: 5.5em;
max-height: 7em;
}
}
/*===========================================================================================*/
.norow-mb{
flex-wrap: initial;
margin: 10px 0px;
}
.ondemand-card-title{
font-family: 'Source Sans Pro';
}
.ondemand-card-title h4{
color: #c40d3c;
font-weight: 700;
font-size: 1.15em;
margin-top: 10px;
margin-bottom: 0px;
display: none;
}
.ondemand-card-title h5{
color: #002554;
font-weight: 700;
font-size: 1.3em;
padding-bottom: 10px;
margin-top: 10px;
display: none;
}
.ondemand-card-title h5.one-line-title{
font-size: 1.5em;
}
.ondemand-card-title h4.colors-magno-carusel{
color: #708de5;
}
.ondemand-card-title h5.colors-magno-carusel{
color: #fff;
}
.ondemand-card{
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
border-radius: 0.25rem;
}
.limitado-descripcion{
display: none;
}
.ondemand-card-body {
flex: 1 1 auto;
}
.ondemand-card-body p{
font-size: 0.85em;
text-align: left;
color: #66739d;
}
.ondemand-card-body p.descripcion-ondemand-categorias{
font-size: 0.85em;
text-align: left;
}
.price-product-ondemand-categorias {
display: flex;
}
.price-product-ondemand-categorias p.categorias {
color: #c70039 !important;
padding-left: 5px;
padding-right: 0px;
font-size: 1.7em;
font-weight: 800;
margin-bottom: 10px;
margin-top: 10px;
}
.price-product-ondemand-categorias p.categorias.colors-magno-carusel {
color: #ffb300 !important;
}
.price-product-ondemand-categorias .linethrough {
font-size: 1.1em;
height: 0em;
padding-right: 15px;
font-weight: 700;
text-decoration: line-through;
margin-bottom: 20px;
margin-right: 0px;
margin-left: 25px;
align-self: center;
color: #c40d3c;
}
.ej-btn-ondemand-categorias {
margin-top: 20px;
DISPLAY: block;
text-align: center;
width: 100%;
}
.ej-btn-ondemand-categorias button {
font-weight: 600;
font-size: 1.2em;
margin: 0px;
border: none;
padding: 8px;
width: 250px;
}
.ej-btn-ondemand-categorias button.categorias-button-comprar {
background: transparent;
border: 2px solid #3651a1;
color: #3651a1;
text-transform: uppercase;
width: 100%;
}
.ej-btn-ondemand-categorias button.categorias-button-reg {
background: #e50000;
border: none;
color: #fff;
text-transform: uppercase;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.ej-btn-ondemand-categorias button.categorias-button-comprar.colors-magno-carusel {
border: 2px solid #fff;
color: #fff !important;
}
.ej-btn-ondemand-categorias.button-shop-categoria-two .shopify-buy__btn {
background: #3651a1;
color: #fff;
width: 100% !important;
}
@media (min-width: 1199.5px) and (max-width: 1400.5px) {
.price-product-ondemand-categorias {
display: flex;
}
.price-product-ondemand-categorias p.categorias {
padding-left: 5px;
padding-right: 0px;
font-size: 1.5em;
}
.price-product-ondemand-categorias .linethrough {
font-size: 0.95em;
height: auto;
padding-right: 0px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 20px;
}
}
@media (min-width: 991.5px) and (max-width: 1199.5px) {
.price-product-ondemand-categorias {
display: flex;
}
.price-product-ondemand-categorias p.categorias {
padding-left: 5px;
padding-right: 0px;
font-size: 1.5em;
}
.price-product-ondemand-categorias .linethrough {
font-size: 0.95em;
height: auto;
padding-right: 0px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 7px;
}
}
@media (min-width: 767.5px) and (max-width: 991.5px) {
.price-product-ondemand-categorias {
display: flex;
}
.price-product-ondemand-categorias p.categorias {
padding-left: 5px;
padding-right: 0px;
font-size: 1.5em;
}
.price-product-ondemand-categorias .linethrough {
font-size: 0.95em;
height: auto;
padding-right: 0px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 7px;
}
.ondemand-card-title h5 {
font-size: 1.2em;
}
.ondemand-card-title h5.one-line-title {
font-size: 1.4em;
}
}
@media (min-width: 550.5px) and (max-width: 767.5px) {
.price-product-ondemand-categorias {
display: block;
}
.price-product-ondemand-categorias p.categorias {
padding-left: 5px;
padding-right: 0px;
font-size: 1.2em;
}
.price-product-ondemand-categorias .linethrough {
font-size: 0.9em;
height: auto;
padding-right: 0px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 7px;
}
.ej-btn-ondemand-categorias button {
font-size: 1.1em;
}
}
@media (min-width: 200px) and (max-width: 550px) {
.price-product-ondemand-categorias p.categorias {
padding-left: 5px;
padding-right: 0px;
font-size: 2em;
}
.price-product-ondemand-categorias .linethrough {
font-size: 0.9em;
height: auto;
padding-right: 0px;
margin-bottom: -5px;
margin-right: 0px;
margin-left: 10px;
}
}
/* pagination simple*/
.list-wrapper-category {
overflow: hidden;
}
.list-item-category {
display: flex;
}
.simple-pagination ul {
margin: 0 0 20px;
padding: 0;
list-style: none;
text-align: center;
}
.simple-pagination li {
display: inline-block;
margin-right: 5px;
}
.simple-pagination li a,
.simple-pagination li span {
color: #666;
padding: 5px 10px;
text-decoration: none;
border: 1px solid #EEE;
background-color: #FFF;
box-shadow: 0px 0px 10px 0px #EEE;
}
.simple-pagination .current {
color: #FFF;
background-color: #3651a1;
border-color: #3651a1;
transition:all 0.5s ease-in;
}
.simple-pagination .prev,
.simple-pagination .next {
background: #fff;
border: 1px solid #3651a1;
color: #ffb300 ;
transition:all 0.5s ease-in;
}
.simple-pagination .prev.current,
.simple-pagination .next.current {
background: #3651a1;
transition:all 0.5s ease-in;
}
/*================= Card ciclos ondemand ======================*/
.ciclos-card-ondemand{
font-family: 'Source Sans Pro';
margin-bottom: 30px;
width: 100%;
}
.ciclos-card-ondemand .image-card-ciclos img{
width: 100%;
height: 100%;
}
.ciclos-card-ondemand .contenido-card-ciclos{
padding-left:10px;
}
.ciclos-card-ondemand .contenido-card-ciclos h5{
display: flex;
color: #bf0d3e;
align-items: center;
font-weight: 700;
font-size: 1.3em;
}
.ciclos-card-ondemand .contenido-card-ciclos h5 span:nth-child(1){
margin-right: 5px;
}
.ciclos-card-ondemand .contenido-card-ciclos h4{
font-weight: 700;
font-size: 1.5em;
color: #002554;
}
@media (min-width: 1850px) and (max-width: 2560px) {
.ciclos-card-ondemand .contenido-card-ciclos h5{
font-size: 1.3em;
}
.ciclos-card-ondemand .contenido-card-ciclos h4{
font-size: 1.95em;
}
.ciclos-card-ondemand .contenido-card-ciclos{
padding-left:0px;
}
}
@media (min-width: 1399.5px) and (max-width: 1849.5px) {
.ciclos-card-ondemand .contenido-card-ciclos h5{
font-size: 1.3em;
}
.ciclos-card-ondemand .contenido-card-ciclos h4{
font-size: 1.95em;
}
.ciclos-card-ondemand .contenido-card-ciclos{
padding-left:0px;
}
}
@media (min-width: 991.5px) and (max-width: 1199.5px) {
.ciclos-card-ondemand .contenido-card-ciclos h5{
font-size: 1.3em;
}
.ciclos-card-ondemand .contenido-card-ciclos h4{
font-size: 1.3em;
}
.ciclos-card-ondemand .contenido-card-ciclos{
padding-left:0px;
}
}
@media (min-width: 767.5px) and (max-width: 991px) {
.ciclos-card-ondemand .contenido-card-ciclos h5{
font-size: 1em;
}
.ciclos-card-ondemand .contenido-card-ciclos h4{
font-size: 1em;
}
.ciclos-card-ondemand .contenido-card-ciclos{
padding-left:0px;
}
}
@media (min-width: 550.5px) and (max-width: 767.5px) {
.ciclos-card-ondemand .contenido-card-ciclos h5{
font-size: 1.1em;
}
.ciclos-card-ondemand .contenido-card-ciclos h4{
font-size: 1.2em;
}
.ciclos-card-ondemand .contenido-card-ciclos{
padding-left:0px;
}
}
@media (min-width: 200px) and (max-width: 550px) {
.ciclos-card-ondemand .contenido-card-ciclos h5{
font-size: 1.1em;
}
.ciclos-card-ondemand .contenido-card-ciclos h4{
font-size: 1.2em;
}
.ciclos-card-ondemand .contenido-card-ciclos{
padding-left:0px;
}
}
/*=========================TEXT LIMITED CSS===========================*/
.hidden-text-limited {display: none;}
.readmore-text-limited {color: #002554}
.readmore-text-limited:hover {color: #002554}
/*=========================TEXT LIMITED CSS===========================*/
/*ESTILOS COMUNICADO OFICIAL*/
.comunicado-ibcj{
background: url(../img/home/bg-rojo.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.4);
}
.bar-red-50{
background-color: #c40d3c;
height: 3px;
width: 50%;
}
.bar-red-30{
background-color: #c40d3c;
height: 2px;
width: 30%;
}
.bar-ylw-50{
background-color: #c79506;
height: 3px;
width: 50%;
}
.logo-comunicado{
text-align: center;
padding: 10px;
margin-bottom: 50px;
}
.logo-comunicado img{
width: 150px;
height: auto;
filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.75));
}
.tit-comunicado{
padding: 30px;
}
.tit-comunicado h2{
padding: 20px;
color: #002554;
font-family: "Source Sans Pro";
font-weight: 700;
font-size: 2.5em;
}
.txt-comunicado{
padding: 0px 30px;
}
.txt-comunicado p{
padding: 5px 20px;
color: #fff;
font-family: "Source Sans Pro";
text-align: center;
line-height: 1.5;
font-size: 1.2em;
text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
}
.txt-comunicado p embold{
font-weight: 700;
color: #fff;
font-style: italic;
font-size: 2em;
}
.txt-comunicado p strong, .txt-comunicado p em{
color: #fff;
font-size:1.2em;
}
.txt-comunicado p a{
color: #dd5353;
font-style: italic;
font-weight: 600;
text-decoration: none;
border-bottom: dotted thin #fff;
transition: 0.5s;
}
.txt-comunicado p a:hover{
color: #3db2ff;
border-bottom: dotted thin #f5d061;
transition: 0.5s;
}
.txt-comunicado .end-comunicado{
text-align: center;
margin-top: 50px;
}
.txt-comunicado .end-comunicado strong{
color: #0b0b13;
font-size: 1.1em;
}
.txt-comunicado .end-comunicado span{
font-style: italic;
}
.home-video{
filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.75));
padding: 20px;
border-radius: 25px;
}
.home-video video{
border-radius: 25px;
width: 640px;
height: 480px;
}
@media (min-width: 768px) and (max-width: 991px) {
.comunicado-ibcj{
padding-top: 100px;
padding-bottom: 100px;
}
.home-video video{
width: 520px !important;
height: 360px !important;
margin-bottom: -30px;
}
.txt-comunicado p embold{
font-size: 1.5em;
padding: 0;
}
}
@media (max-width: 767px) {
.comunicado-ibcj{
padding-bottom: 50px;
}
.tit-comunicado{
padding: 10px;
}
.txt-comunicado{
padding: 10px;
}
.txt-comunicado p{
padding: 5px;
text-align: center;
}
.home-video video{
width: 100% !important;
height: 360px !important;
margin-bottom: -30px;
}
.txt-comunicado p embold{
font-size: 1.5em;
padding: 0;
}
.logo-comunicado img{
width: 100px;
height: auto;
margin-bottom: -50px;
}
}
/*ESTILOS PARA LA SECCIÓN DE VIDEO EN EL HOME*/
.video-ibcj{
background: url(../img/home/bg-video.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-align: center;
}
.tit-video-container{
text-align: left;
padding: 30px 20px;
}
.video-ibcj-left{
text-align: left;
}
.video-ibcj-left iframe{
border-radius: 30px;
filter: drop-shadow(5px 5px 4px rgba(0,0,0,0.5));
margin-top: 30px;
margin-bottom: 30px;
width: 75%;
height: 360px;
}
.video-ibcj-right{
margin-top: -50px;
padding: 0px 20px;
}
.video-ibcj-right img{
width: auto;
height: 520px;
object-fit: cover;
margin-left: -100px;
}
.video-ibcj-head{
padding-top: 50px;
background: url(../img/home/home_textura_experiencia_ibcj.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.video-ibcj-tit{
padding: 30px;
}
.video-ibcj-tit h2{
margin-top: 30px;
color: #3a3a3a;
font-family: "Source Sans Pro";
font-weight: 600;
}
.video-ibcj-tit h2 strong{
color: #002554;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.video-ibcj-right img{
width: auto;
height: 480px;
object-fit: cover;
margin-left: -80px;
}
.video-ibcj-left iframe{
width: 85%;
height: 360px;
}
}
@media (min-width: 1100px) and (max-width: 1199px) {
.video-ibcj-right img{
width: auto;
height: 480px;
object-fit: cover;
margin-left: -80px;
}
.video-ibcj-left iframe{
width: 85%;
height: 360px;
}
}
@media (min-width: 992px) and (max-width: 1099px) {
.video-ibcj-right img{
width: auto;
height: 460px;
object-fit: cover;
margin-left: -100px;
}
.video-ibcj-left iframe{
width: 85%;
height: 340px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.logo-comunicado img{
width: 100px;
height: auto;
}
.tit-comunicado{
padding: 0px 30px;
}
.tit-comunicado h2{
padding: 0px 20px;
font-size: 2.3em;
}
.txt-comunicado p{
font-size: 1em;
}
.video-ibcj-cont .row{
display: block;
}
.video-ibcj-left{
width: 175%;
padding: 30px 50px;
}
.video-ibcj-left iframe{
width: 100%;
height: 420px;
}
.video-ibcj-right{
display: none;
}
.comunicado-ibcj{
padding-top: 0px;
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.txt-comunicado p{
font-size: 1em;
}
.video-ibcj-left iframe{
width: 100%;
height: 360px;
}
.video-ibcj-right{
display: none;
}
}
/*ESTILOS CERTIFICACIONES HOME*/
.certificaciones-home{
background: url("../../certificaciones/assets/img/IBCJ-CERTIFICACIONES-bg-portada.webp");
background-size: cover;
background-repeat: none;
background-position: center;
background-attachment: fixed;
text-align: center;
font-family: "Fira Sans Condensed" sans-serif;
}
.home-certificaciones-left, .home-certificaciones-right{
padding: 0px 30px;
}
.foto-home-certificaciones{
padding: 0;
margin: 0;
}
.foto-home-certificaciones img{
width: 75%;
height: auto;
}
.tit-home-certificacion{
padding: 0px 30px;
margin-top: 100px;
}
.tit-home-certificacion h2{
font-weight: 700;
font-size: 3em;
color: #002554;
text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 0px 0 #fff, 0px 2px 0 #fff, -2px 0px 0 #fff, 0px -2px 0 #fff, 3px 3px 3px rgba(0,0,0,0.5);
}
.tit-home-certificacion h2 strong{
color: #CB9700;
font-weight: 900;
font-size: 1.5em;
}
.tit-home-certificacion h3{
font-weight: 700;
font-size: 2.5em;
color: #002554;
text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 0px 0 #fff, 0px 2px 0 #fff, -2px 0px 0 #fff, 0px -2px 0 #fff, 3px 3px 3px rgba(0,0,0,0.5);
}
.btn-home-certificacion{
margin-top: 50px;
align-items: center;
align-self: center;
align-content: center;
justify-content: center;
justify-items: center;
justify-self: center;
vertical-align: middle;
text-align: center;
}
.btn-home-certificacion button{
padding: 15px 50px;
background: #DFA100;
color: #000;
font-family: "Fira Sans Condensed", sans-serif;
font-weight: 600;
font-size: 1.2em;
border: #fff 3px solid;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
transition: all 0.5s;
}
.btn-home-certificacion button:hover{
transform: scale(0.95);
background: #C40D3C;
color: #fff;
transition: all 0.5s;
}
@media (min-width: 1200px) and (max-width:1399px){
.tit-home-certificacion{
padding: 0px 10px;
margin-top: 50px;
}
}
@media (min-width: 1100px) and (max-width:1199px){
.home-certificaciones-left, .home-certificaciones-right{
padding: 0px ;
}
.foto-home-certificaciones img{
width: 90%;
height: auto;
}
.tit-home-certificacion{
padding: 0px 10px;
}
}
@media (min-width: 992px) and (max-width:1099px){
.home-certificaciones-left, .home-certificaciones-right{
padding: 0px;
}
.foto-home-certificaciones img{
width: 100%;
height: auto;
}
.tit-home-certificacion{
padding: 0px;
}
}
@media (min-width: 768px) and (max-width:991px){
.home-certificaciones-left, .home-certificaciones-right{
padding: 0px;
}
.foto-home-certificaciones img{
width: 100%;
height: auto;
}
.tit-home-certificacion{
padding: 0px;
margin-top: 80px;
}
.tit-home-certificacion h2{
font-size: 2em;
}
.tit-home-certificacion h3{
font-size: 1.5em;
}
.btn-home-certificacion button{
font-size: 1em;
}
}
@media (min-width: 576px) and (max-width:767px){
.certificaciones-home{
padding-bottom: 100px;
}
.home-certificaciones-left{
display: none;
}
.home-certificaciones-right{
padding: 0px ;
}
}
@media (max-width:575px){
.certificaciones-home{
padding-bottom: 100px;
}
.home-certificaciones-left{
display: none;
}
.home-certificaciones-right{
padding: 0px ;
}
.tit-home-certificacion{
padding: 0px 10px;
}
.tit-home-certificacion h2{
font-size: 1.8em;
}
.tit-home-certificacion h3{
font-size: 2em;
}
.btn-home-certificacion button{
padding: 15px;
width: 100%;
font-size: 1.1em;
}
}
#navbar-tienda-ibcj{
display: none;
}