/*CSS*/
:root {
	--vr01:#039419; /* LOGO verde  - botones */
	--am01:#FDB20D; /* LOGO amarillo*/
	--az01:#0374C6; /* LOGO azul */
	--mg01:#D8335B; /* LOGO magenta */
	
	--vr00:#99EB99; /* CLARO verde  */
	--am00:#F3EE82; /* CLARO amarillo  */
	--az00:#82ECF3; /* CLARO azul  */
	--mg00:#FCA7A7; /* CLARO magenta  */

	--txt: #555; /* textos */
    --gris999:#999999; 
    --grisFondo:#F6F6F6;
	
	/* --- CALENDARIO --- */
	--cVe1:#CEFFCE; /*Verde claro*/
	--cVe2:#55B455; /*Verde oscuro*/
	--cRo1:#FFB5B5; /*Rojo claro*/
	--cRo2:#A86F6F; /*Rojo oscuro*/
	--cAz1:#A7F2F7; /*Azul claro*/
	--cAz2:#319CA4; /*Azul oscuro*/
	--cAm1:#EFEB99; /*Amarillo claro*/
	--cAm2:#ABA644; /*Amarillo oscuro*/
}
*    { font-family:"Roboto"; color:var(--txt);outline: none;}
html { scroll-behavior: smooth;}
body { position: relative;}
.content a, .content a * { color: var(--vr01)}
.content ul { padding-left:25px;}
.content li { margin-bottom:10px;}
a, p, li { font-size: 16px; text-align: justify; color: var(--txt)}
a:hover { color:#000;} 
p, ul { margin-bottom: 20px;}
ul ul { margin-bottom:10px}
h2 { font-size: 30px; color: var(--a01); text-transform:uppercase; text-align:center; }
h2.bajas { text-transform:inherit; }
#portada h2 { color:var(--v01); border-bottom:none;}
h3 { font-size:20px; color:var(--v01);}
h4 { font-size:18px; font-weight: 700; text-transform: uppercase}
h5 { font-size:16px; font-weight:bold; margin-bottom:15px; margin-top:20px }
h6 { font-weight:600; border-bottom:solid 1px #CCC; padding-bottom:5px; margin-top:25px}
p.intro { font-weight:600}
.accordion-button { background:var(--bs-accordion-active-bg);}
p.firma { display:flex;}
p.firma span { flex-grow:1; border-bottom:solid 1px #000 !important}

/*frascos*/
table.frascos  { margin:20px 0}
table.frascos * {  text-align:left; }
table.frascos p, table.frascos h3 { line-height:normal; margin-bottom:0px }
table.frascos td { padding-bottom:15px; vertical-align:super}
table.frascos td:nth-child(1) { padding-right:25px; text-align:center} 
table.frascos td:nth-child(2) { padding-right:10px;} 
table.frascos td:nth-child(3) { padding-left:10px;}
table.frascos td:nth-child(1) p { text-align:center; line-height:12px}
 
table.frascos1 td:nth-child(1) { width:20%;} 
table.frascos1 td:nth-child(2) { width:18%;} 
table.frascos1 td:nth-child(3) { width:62%;}

table.frascos2 td:nth-child(1) { width:20%;} 
table.frascos2 td:nth-child(2) { width:40%;} 
table.frascos2 td:nth-child(3) { width:30%;}


/*text align*/
.txt-left,
.txt-left p { text-align:left}
.txt-right,
.txt-right p { text-align: right}
.txt-center,
.txt-center p { text-align:center}
.txt-2col { column-count:2; column-gap:40px}
/*botón*/
.btn-lar01,
.btn-lar01 i,
.btn-lar01:hover,
.btn-lar01:active,
.btn-lar01:focus { background-color:var(--v01); color:#FFF !important; border:0}
.btn-lar01 { }
.btn-lar01:hover { box-shadow:0px 0px 100px rgba(0, 0, 0, 0.2) inset;}
.btn-lar01:active { box-shadow:0px 0px 100px rgba(255, 255, 255, 0.2) inset;}
.btn-flex { display:flex; justify-content:center; align-items:center;}
.btn-lar01 i { margin-right: 5px}
.btn-larLg { font-size:20px; padding:10px 20px}
.btn-idioma { background:#FFF; margin-bottom:10px; color:var(--txt) !important; border:solid 1px var(--txt)}
.btn-idioma:hover { background:#DDD}
/*LINKEDIN*/
.linkedin {margin-left:15px; margin-top:30px;}
.linkedin a { display:flex; align-content:center; justify-content:center; text-decoration:none; color:#FFF ; background:#0A66C2; border-radius:4px; padding:10px; font-size:18px }
.linkedin a i { color:#FFF; margin-right:7px; font-size:22px; line-height:normal}
/*BANNER INTERNO*/
.banner-interno { background:#EEE; height:250px; margin-top:75px; display:flex; align-items: center; position:relative}
.banner-interno * { color:#FFF; font-family:'Montserrat', sans-serif; text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);}
.banner-interno h1 { letter-spacing:2px; text-transform:uppercase; font-weight:600;}
.banner-interno p  { font-size:30px}
.banner-interno { background-repeat:no-repeat; background-size:cover}
.banner-interno.alergia   { background-image: url(../img/banner-asma.jpg)}
.banner-interno.asma      { background-image: url(../img/banner-alergia.jpg)}
.banner-interno.pediatria { background-image: url(../img/banner-pediatria.jpg)}
.banner-interno.somos { background-image: url(../img/banner-somos.jpg)}
.banner-interno.cdmx { background-image: url(../img/banner-cdmx.jpg)}
.banner-interno.gral { background-image: url(../img/banner-gral.jpg)}
.banner-interno.curriculum { background-image: url(../img/banner-curriculum.jpg)}
.banner-interno.tv { background-image: url(../img/banner-tv.jpg)}
.banner-interno.contacto { background-image: url(../img/banner-contacto.jpg)}
.banner-interno.pacientes { background-image: url(../img/banner-pacientes.jpg)}
.banner-interno.pubs { background-image: url(../img/banner-pubs.jpg)}
.banner-interno.prevencion { background-image: url(../img/banner-prevencion.jpg)}

.banner-interno.somos:before { content:""; height:85%; position:absolute; bottom:0; right:0; background-image:url(../img/ceeal.svg); background-repeat:no-repeat; background-size:contain; background-position:center; margin-right:20px;}

/*VIDEO PACIENTES*/
.youtube-pacientes { margin-bottom:30px}
.youtube-pacientes iframe { height:230px; width:100%; border-radius:10px;}
@media (max-width:1399px) { .youtube-pacientes iframe { height:200px;} }
@media (max-width:1199px) { .youtube-pacientes iframe { height:165px;} }
@media (max-width: 990px) { 
    .youtube-pacientes iframe { height:220px;}
    .youtube-pacientes p,
    .youtube-pacientes h3 { margin-bottom:0;}
}
@media (max-width: 764px) { .youtube-pacientes iframe { height:200px;} }

/*EQUIPO*/
.equipo { display:flex; width:100%; flex-direction:row; margin-bottom:20px}
.equipo-foto { width:15%; background-repeat:no-repeat; background-size:contain; text-align:center}
.equipo-foto img { width:85%; border-radius:100px; margin-top:8%}
.equipo-txt  { width:85%; padding-left:20px}
.equipo h6 { margin-top:0px; border-bottom-width:2px}
.equipo-full .equipo:nth-child(1) .equipo-foto { background-image:url(../img/medioCirculo-amarillo.svg);}
.equipo-full .equipo:nth-child(1) h6   { border-bottom-color:var(--am01);}
.equipo-full .equipo:nth-child(2) .equipo-foto { background-image:url(../img/medioCirculo-azul.svg);}
.equipo-full .equipo:nth-child(2) h6   { border-bottom-color:var(--az01);}
.equipo-full .equipo:nth-child(3) .equipo-foto { background-image:url(../img/medioCirculo-verde.svg);}
.equipo-full .equipo:nth-child(3) h6   { border-bottom-color:var(--vr01);}
.equipo-full .equipo:nth-child(4) .equipo-foto { background-image:url(../img/medioCirculo-magenta.svg);}
.equipo-full .equipo:nth-child(4) h6   { border-bottom-color:var(--mg01);}
.equipo-full .equipo:nth-child(5) .equipo-foto { background-image:url(../img/medioCirculo-amarillo.svg);}
.equipo-full .equipo:nth-child(5) h6   { border-bottom-color:var(--am01);}
.equipo-full .equipo:nth-child(6) .equipo-foto { background-image:url(../img/medioCirculo-azul.svg);}
.equipo-full .equipo:nth-child(6) h6   { border-bottom-color:var(--az01);}
/*MAPA*/
.mapa { width:100%; border-radius:10px; height:400px}
/*VIDEO*/
.video   { display:flex; flex-wrap:wrap}
.youtube { width:46%; margin:20px 2%; background:#222; border-radius:10px; padding:10px 15px; display:flex; flex-direction:column; align-items:center}
.youtube:hover { box-shadow:0px 7px 15px rgba(0,0,0,0.7)}
.youtube h3 { font-size:16px; display:block; color:#FFF; flex-grow:1; text-align:center}
.video iframe { width:100%; border:none;}
@media (max-width:575px) {
    .youtube { width:96%; margin:10px 2%; padding:10px;}
}

/*CURRICULUM*/
.curricula h3 { margin-top:20px; border-bottom:1px solid var(--txt); padding-bottom:5px;}
.curricula p { margin-bottom:7px !important}
.curricula ul { padding-left:18px}
.curricula-block { background:#E7F3F6; border-radius:10px; padding:15px}
.modal-footer { justify-content: center}
/*MAIN*/
main { padding:40px 0px}
p.intro     { font-size:18px }
.content h5 { border-bottom:solid 2px #DDD; padding-bottom:15px; margin:40px 0 25px; text-transform:uppercase; font-size:18px }
.lateral-cont { background:var(--grisFondo); padding:15px 20px; margin-left:15px}
.lateral h4 { border-bottom:solid 1px #CCC; padding-bottom:11px; margin:0 0 20px 0;}
.lateral-cont ul { margin:0; padding-left:20px; }
.lateral-cont li { margin-bottom:20px; line-height:normal; text-align:left;}
.lateral-cont li strong, 
.lateral-cont li a { display:block}
ul.li-check  { list-style-type:none; margin:0; padding:0}
.li-check li { position:relative; padding-left:20px; background-image:url(assets/img/ico-check.svg); background-repeat:no-repeat; background-position:0px 3px}
.cita {margin-left:15px; margin-bottom:30px;}
.cita .btn { background:var(--vr01); font-size:18px; padding:20px 10px }
.cita .btn i { margin-right:10px}
.cita i.llamanos { font-size:21px}
/*ICONOS*/
[class^=ico-] { padding-left:35px; background-repeat:no-repeat}
.ico-recomedaciones { background-image: url(assets/img/ico-recomendaciones.svg);}
/*LATERAL MENU*/
ul.lateral-menu { padding-left:0; list-style-type:none}
ul.lateral-menu a { text-decoration:none; display:block; padding:5px 0 5px 12px; position:relative;}
ul.lateral-menu a:before { content:""; position:absolute; width:6px; height:6px;left:0px; top:11px; border-top:solid 2px var(--txt); border-right:solid 2px var(--txt); transform:rotate(45deg); }
ul.lateral-menu a.selected { color:var(--vr01); font-weight:600}
ul.lateral-menu a.selected:before { border-color:var(--vr01)}
.lateral-tel .bi-telephone-fill { font-size:15px; margin-right:5px }
.lateral-tel li a { text-decoration:none}
/*TITULO*/
.titulo { margin-bottom:50px}
.titulo h2{ letter-spacing:1px; text-align:left; position:relative}
.titulo h2:after { content:""; position:absolute; width:100%; height:2px; left:0;  bottom:-10px; animation-name:titulos; animation-duration:1s;
	background-image:linear-gradient(to right,var(--mg01), var(--am01), var(--vr01), var(--az01)); }
@keyframes titulos {
  from { width:0%;}
  to   { width:100%}
}
/*CALENDARIO*/
#calen { margin:30px 0}
#calen h2  { margin-bottom:20px}
.calendario-vista { }
.calendario-indica { display:flex; flex-direction:column; justify-content:flex-end}
.calendario-indica p { position:relative; padding-left:25px; margin:15px 0; }
.calendario-indica ul { list-style-type:none; margin-top:0px;}
.calendario-indica p,
.calendario-indica li {text-align:left}
.calendario-indica li p { padding-left:0; margin:0; line-height:20px}
.cal-regular,
.cal-sinserv,
.cal-consult,
.cal-inmunot  { font-weight:bold; text-transform:uppercase; padding-bottom:10px}
.cal-regular:before,
.cal-sinserv:before,
.cal-consult:before,
.cal-inmunot:before { content:""; width:18px; height:18px; border-radius:50%; display:block; position:absolute; left:0; top:2px}
.cal-regular:before { background:var(--cVe1); border:solid 3px var(--cVe2)}
.cal-sinserv:before { background:var(--cRo1); border:solid 3px var(--cRo2)}
.cal-consult:before { background:var(--cAz1); border:solid 3px var(--cAz2)}
.cal-inmunot:before { background:var(--cAm1); border:solid 3px var(--cAm2)}
p.cal-regular { margin-bottom:0px}
ul.cal-regularUL li p:first-child { margin-top:10px }
#calendar { border:1px solid #FFF; background:#FFF; position:relative}

.fc-view.fc-dayGridMonth-view.fc-dayGrid-view { box-shadow:5px 0px 20px rgba(0,0,0,0.1);}
.fc-day-header span,
.fc-day-number,
.fc-content span { font-size:13px; font-weight:normal; font-family:"Roboto Condensed"; }
.fc-day-header span { text-transform:capitalize}
.fc-content span { text-shadow:1px 1px 1px rgba(0,0,0,0.0);}
.fc-day-header span { color:#333}
.fc-dayGrid-view .fc-day-number { padding:0 2px}
.fc-today .fc-day-number { background:#000; color:#FFF; font-weight:bold; border-radius:0px 0px 0px 5px; padding:2px 6px !important;}
.fc-unthemed td.fc-today {  } /* HOY */
.fc-day { background:var(--cVe1);} /* dias del mes */
.fc-sun { background:var(--cRo1);} /* domingos */
.fc-other-month { background:#FFF}
.fc-day-header { background:#FFF}

.fc-row.fc-week.fc-widget-content  { height:75px !important}
.fc-scroller.fc-day-grid-container { height:auto !important}
.fc-event {line-height:1.3;}

.fc-toolbar { display:block; text-align:center; position:relative; top:10px; padding:0}
.fc-toolbar h4 { font-size:22px; margin:10px 0px; text-transform:uppercase; letter-spacing:1px; padding:10px 0; background:rgba(240,240,240,0.5); border-radius:4px 4px 0 0}
h4:after { content:attr(data-date); margin-left:10px}
/*CONTENIDO*/
.buffer-top { width:100%; height:110px; }
.buffer1 {width:100%; height:10px}
.buffer2 {width:100%; height:20px}
.buffer3 {width:100%; height:30px}
.buffer4 {width:100%; height:40px}
.buffer5 {width:100%; height:50px}
.margin-b1 { margin-bottom:5px}
.margin-b2 { margin-bottom:10px}
.margin-b3 { margin-bottom:15px}
.titular   { margin-top:110px;  }
.titular * { text-align:left; text-align:justify}
.gancho    { font-size:20px; font-weight:bold; line-height:normal;}
.titular h2 { padding-bottom:10px; margin-bottom:20px; border-bottom:solid 2px var(--v01); width:100%; position:relative;}
.titular h2:after { content:""; width:30px; height:3px; background:var(--v01); position:absolute; bottom:-5px; right:0}
.titular h2 span { display:block; text-transform:none; font-size:27px; font-weight:normal;}
.path * { text-transform:uppercase; text-decoration:none; color:var(--txt2); }
.path a { font-size:14px}
.path i { margin-right:5px}
.path   { margin-bottom:15px !important; padding:0px; margin-top:-10px}
.img-lateral,
.img-lateral2,
.img-lateral3 { position:relative }
.img-lateral img,
.img-lateral2 img,
.img-lateral3 img { width:100%; top:0px; position:relative; z-index:1}
.img-lateral:before { content:""; width:220px; height:200px; background:rgba(25,135,200,0.06); position:absolute; border-radius:50%; top:-50px; left:0 }
.img-lateral:after { content:""; width:250px; height:50px; background:rgba(200,230,200,0.2); position:absolute; border-radius:50%; top:200px; right:0; z-index:-1 }
.img-lateral2:before { content:""; width:220px; height:200px; background:rgba(200,230,200,0.2); position:absolute; border-radius:50%; top:-50px; left:50 }
.img-lateral2:after { content:""; width:150px; height:150px; background:rgba(25,135,200,0.06); position:absolute; border-radius:50%; top:70px; right:0; z-index:-1 } 
.link-pdf   { padding-left:10px }
.link-pdf * { color:var(--v03);}
.link-pdf i { font-size:20px; margin-right:10px}
/*tiempos*/
.tiempo { text-align:center}
.tiempo > div { padding:0px} 
.bIzq { border-left:solid 1px #ddd;}
.bDer { border-right:solid 1px #ddd;}
.tiempos { padding:15px 10px; height:100%}
.tiempos * { color:var(--v03)}
.tiempos i { font-size:45px; margin-bottom:10px}
.tiempos p { display:flex; flex-direction:column; text-align:center; margin:0}
.tiempos .t2 { font-size:16px; border:solid 0px red; display:flex; align-items:center; justify-content:center }
.tiempos .t1 { font-size:22px; font-weight:bold}
.tiempos .t3 { }
/*cards*/
.cards-capacitacion { margin-bottom:100px}
.cards-capacitacion .row .col { margin-top:50px}
.cards-capacitacion .card { border-color:#eee; background-image:linear-gradient(to bottom, rgba(26,177,151,.1), rgba(26,177,151,0) 30%);}
.card-body * { text-align:left}
.card-body { padding:16px 16px 5px;}
.card h3 { margin-bottom:15px}
.card-footer { background-color:#FFF; border-top:none; padding-bottom:20px}
.div-link { cursor:pointer; transition:all 0.2s}
.div-link:hover {  box-shadow:0 4px 10px rgba(0,0,0,0.2); top:-2px}
.mascara { margin-top:-25px;
	-webkit-mask-image: url(../img/mascara-card.svg);
	-webkit-mask-size:100%;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(../img/mascara-card.svg);
	mask-size:100%;
	mask-repeat: no-repeat;    
}
.mascara2 {  position:relative;
	-webkit-mask-image: url(../img/mascara2-card.svg);
	-webkit-mask-size:100%;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(../img/mascara-card2.svg);
	mask-size:100%;
	mask-repeat: no-repeat;   
	background:var(--v01); margin:-17px -17px 20px -17px; border-radius:0.375rem 0.375rem 0 0; padding:12px 17px;
}
.mascara img { background-image:linear-gradient(to top, rgba(26,177,151,.2), rgba(26,177,151,0) 35%);}
/*certificaciones*/
.cards-certificacion { margin-bottom:40px;}
.cards-certificacion .card-body { padding:15px 5px 0px; overflow:hidden}
.cards-canal .row .col { margin-top: 50px;}
.cards-certificacion .card { border-color:#ddd; background-image:linear-gradient(to bottom, rgba(180,180,180,.1), rgba(180,180,180,0));}
.card-certif h3 { color:#FFF; font-size:23px; line-height:normal; letter-spacing:2px; position:relative; background:var(--v01); margin:-15px -6px 20px -6px; border-radius:0.375rem 0.375rem 0 0; padding:8px 17px; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); }
.card-certif i  { color:var(--v01); width:32px; display:block; text-align: center; padding-top:2px;}
.fa-award { font-size:21px}
.card-certif span { width:100%;}
.cert-desc { font-weight:bold;}
.cert-desc,
.cert-user { display:flex;}
.cert-user { margin-bottom:0}
.card-certif .card-footer { padding-left:35px}
.alert p { margin:0; }
.alert * { color:inherit !important}
.cert-target { background:var(--v00); padding:15px; border-radius:10px; position:relative; padding-left:30px; margin-left:15px}
.cert-target:before { content:"\f007"; font-family:"Font Awesome 5 Free"; font-weight:bold; color:#FFF; background:var(--v03); height:35px; width:35px; border-radius:50%; display:flex; position:absolute; justify-content:center; align-items:center; font-size:18px; left:-15px; top:33% }
/*DRA*/
#dra { background-image:linear-gradient(#FFF 30%, #B6D7F0); padding:70px 0 0}
#dra .container-fluid { }
#dra h3 { text-transform:none; margin-bottom:30px}
.dra-txt { padding-bottom:40px}
.dra-img { background-image:url(../img/doctora-desiree-erlinda-sophia-larenas-linnemann-1.png); background-repeat:no-repeat; background-position:top center;}
/*FOOTER*/
footer * { font-style:normal; text-decoration:none; font-size:16px}
footer p { margin:0}
footer i { margin-right:5px}
.foottit { font-weight:700; margin-bottom:10px}
.footer1 { background:linear-gradient(#BBB, #F3F3F3 5%); padding:40px 0 30px}
.footlogo img { height:80px; width:100%}
.footcontacto, .footredes { display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end; }
.footcontacto { align-items:flex-start;}
.footcontacto p a { margin-right:15px }
.footredes .red-txt { display:none}
.footredes .foottit { margin-bottom:8px;}
.footredes .bi { font-size:20px; line-height:normal;}

.footer2   { background:#555; text-align:center; padding:10px 0 }
.footer2 * { color:#ccc; font-family:"Roboto Condensed"}
.footer2 .container     { display:flex; flex-direction:row}
.footer2 .container div { display:flex;}
.footer2-1 { flex-grow:1; min-width:40%}
.footer2 p { margin:0 20px;}
.footer2-2 { display:flex; flex-direction:row}
@media (min-width:992px) and (max-width:1199px) {
    .footer2 .container { flex-direction:column }
}
@media (max-width:767.9px) { 
    .footer2 .container,
    .footer2-2 { flex-direction:column}
}

@font-face {font-family: cresc;src: url(icomoon.woff);}
.icon-whatsApp:before {content: "\e900";font-family: cresc;}
/*OFERTA*/
#oferta {background-image: linear-gradient(#E3E6EA, #FFF);padding:50px 0;}
#oferta h2 {margin-bottom:15px}
#oferta h3 { text-align:center; font-size:25px; font-weight:normal; margin-bottom:30px; margin:auto auto 30px}
.oferta-item-container { display:flex;}
.oferta-item { padding:0 20px; }
.oferta-item-inner { padding:15px; display:flex; flex-direction:column; cursor:pointer; line-height:normal; box-shadow:0px 5px 8px rgba(0,0,0,0.2); border-radius:10px; height:100%; background-image:linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0) )}
.oferta-item:hover .oferta-item-inner { box-shadow:0px 3px 15px rgba(0,0,0,0.25);}
.oferta-body   { flex-grow:1}
.oferta-footer { font-weight:bold; margin-top:15px}
.oferta-item h3 { text-transform:uppercase; font-weight:500 !important; margin-bottom:15px !important}
.oferta-item p:last-child {margin-bottom:0;}
.oferta-item *  {text-align:center}
.oferta-img     { border-radius:50%; width:60%; margin:0px auto 10px; padding:10px; }
.oferta-img img {width:70%}
.oferta-body p:last-child { display:none;}
.oferta-secundaria { padding:20px; width:100%; margin:25px auto auto; }
.oferta-secundaria .oferta-item-inner   { cursor:pointer; border-radius:4px; padding:20px}
.oferta-secundaria .oferta-item-inner-2 { display:flex; flex-direction:row; line-height:normal; width:100%; margin:auto}
.oferta-secundaria .oferta-img  { width:75px; margin:0 20px 0 0; padding:0 }
.oferta-secundaria .oferta-info { display:flex; flex-direction:column; align-content:flex-start; justify-content:flex-start }
.oferta-secundaria .oferta-info h3 { margin:0px !important; text-align:left !important;}
.oferta-secundaria .oferta-info p  { margin:2px 0px; text-align:left;}
.oferta-secundaria .oferta-img img { width:100%; object-fit:cover; }
/*BANNER HOME*/
#bannerHome { background-position:top right; background-size:cover; background-repeat:no-repeat; position:relative; box-shadow:0px 0px 8px rgba(0,0,0,0.5);  }
#bannerHome p,
#bannerHome h1,
#bannerHome h1 strong{font-family:'Montserrat', sans-serif;}
#bannerHome h1, #bannerHome h1 strong { color:#FFF; text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); letter-spacing:1px;}
#bannerHome h1, #bannerHome h1 strong { font-weight:600; text-transform:uppercase}

#bannerHome h1 strong { display:block;  }
.bannerHome-dra { font-weight:700; line-height:normal; padding:5px 10px; background:rgba(255,255,255,0.9); color:#999 !important; text-shadow:0px 0px 0px rgba(0, 0, 0, 0.5) !important; margin:0; font-weight:400; border-bottom:solid 1px #999 }

.bannerHome-slogan {font-size:30px; font-weight:600; line-height:normal}
#bannerHome .container {position: relative;}
.bannerHome-cont { position:relative;}
.dra-banner     { position:absolute; bottom:0; right:0%;}
.dra-banner img { height:100% }
.dra-banner a { position:absolute; margin:0 !important; background:var(--vr01) !important; bottom:30px; right:calc(50% - 100px)}
#bannerHome a.btn   { background:#777; color:#FFF; box-shadow:1px 3px 10px rgba(0,0,0,0.5); border-radius:3px}
#bannerHome a.btn i { margin-right:8px; }
/*fondo*/
.fondo01 { background:url(../img/fondo01.png);}
.fondo02 { background:url(../img/fondo02.png);}
.fondo03 { background:url(../img/fondo03.png);}
.fondo04 { background:url(../img/fondo04.png);}
.fondo05 { background:url(../img/fondo05.png);}
.fondo06 { background:url(../img/fondo06.png);}
.fondo07 { background:url(../img/fondo07.png);}
.fondo08 { background:url(../img/fondo08.png);}
/*NAVBAR*/
/*international visitors*/
.international { text-decoration:none; background:l#ddd; display:flex; padding:2px 8px; position:absolute; right:0px; border-radius:3px 3px 0 0; bottom:-25px; border:solid 1px #DDD; border-bottom:none; box-shadow:0px -1px 4px rgba(0,0,0,0.1) }
.international * { font-family:"Roboto Condensed"; font-weight:600; transition:all 0.5s}
.international span:first-of-type { margin-right:5px}
.navbar-fondo .international { border-radius:0px 0px 3px 3px; bottom:-30px; border:solid 1px #DDD; border-top:none; box-shadow:0px 3px 8px rgba(0,0,0,0.2); background-image:linear-gradient(#999, #FFF 20%)}
@media (max-width:991px) { 
    .international span:first-of-type { display:none;}
    .international span:last-of-type:first-letter { text-transform:capitalize;}
}
@media (max-width: 767px) {
    .navbar-fondo .international,
    .international { background:var(--vr01); padding:5px 5px; right:54px; border-radius:5px; border:none; box-shadow:none; position:fixed; top:9px; height:34px}
    .international * { color:#FFF !important; font-weight:400 !important }
}
.menu-container { position:relative}
/*navbar*/
.navbar {background: rgba(255, 255, 255, 1); transition: all 0.4s; box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.6);}
.navbar {  box-shadow:none; padding:20px 0 25px; }
#portada .navbar { background: rgba(255, 255, 255, 0.4)}
.navbar-brand { flex-grow:1}
.nav-link { text-transform:uppercase;}
.nav-link:focus, .nav-link:hover { color: var(--v01) !important;}
.navbar.navbar-fondo {background: rgba(255, 255, 255, 1) !important;box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.6) !important; padding:1px 0  !important}
.navbar.navbar-fondo2{background: rgba(255, 255, 255, 1) !important}
.navbar.navbar-min {background: rgba(255, 255, 255, 1)}
.navbar-brand img {height:50px}
#navbarSupportedContent {}
#navbarSupportedContent a {font-family:"Roboto Condensed"; font-weight:700}
.navbar-collapse {flex-grow: 0;}
.navbar-toggler { background:var(--vr01);  color:#FFF; font-size:25px; border:none; padding:7px 12px 9px; display:flex; width:42px; align-items:center; justify-content:center}
.navbar-toggler i { color:#FFF}
.navbar-toggler:focus { box-shadow:none;  background:var(--vr01);}
/*navbar Show*/
[aria-expanded=false] .abre   { display:block}
[aria-expanded=false] .cierra { display:none}
[aria-expanded=true] .abre   { display:none}
[aria-expanded=true] .cierra { display:block}
/*WhatsApp*/
.whatsAppNav { display:none; text-decoration:none; font-size:45px; line-height:normal; margin-top:6px; position:relative; margin-right:20px}
.whatsAppNav i { font-style:normal; color:var(--vr01); }
x.whatsAppNav:before { content:""; background:#FFF; width:38px; height:38px; position:absolute; z-index:-1; border-radius:50%; top:3px; left:3px }
.whatsapp {margin-left:30px; background:var(--vr01); color:#FFF; font-weight: 400 !important; }
.whatsapp i { font-style:normal; margin-right:10px} 
/*idioma*/
.idioma { position:relative;}
.idioma-xl  { display:block; margin-left:15px }
.idioma-xl.idioma i { margin:0px; top:-4px}
.idioma i { color:var(--vr01); font-size:41px; margin:8px 15px 0 0; position:relative; line-height:normal}
.esp .idioma-es { display:none}
.eng .idioma-en { display:none}
/*VIDEO HOME*/
#modalVideo iframe { width:100%; height:400px; margin:auto}
.modal-cerrar { text-align:right; padding:8px 15px 8px 0}
#modalVideo .modal-body { padding-top:0px}

/* - - - - - - - - - - - -  */
/*  M E D I A    Q U E R Y  */
/* - - - - - - - - - - - -  */
.query { height:0px; width:100%; position:fixed; z-index:10000; top:0px}

/*  -  -  XL  XL  XL  -  -  -  C Y A N  */
@media (min-width:1200px) {
	.query { background: cyan}
    /*banner*/
    #bannerHome      { height:450px}
	.bannerHome-cont { top:140px; width:60%;}
    #bannerHome h1, #bannerHome h1 strong {font-size:46px;}
    #bannerHome h1  { margin-bottom:30px}
    .bannerHome-dra {font-size:32px;}
    .dra-banner     { height:77%;}
    #bannerHome a.btn   { font-size:22px; margin-top:40px;}
    #bannerHome a.btn i { font-size:15px; }
    .banner-interno p,
    .banner-interno h1  { width:75%;}
    .banner-interno.somos:before {  width:25%;}
    /*oferta*/
    .oferta-secundaria .oferta-item-inner-2 { width:75%}
    
    /*footer*/
    .dra-img        { background-size:65%}
    
    /*menu*/
    .idioma-xs { display:none}
}

/*  -  -  LG  LG  LG  -  -  -  M A G E N T A */
@media (min-width:992px) and (max-width:1199px) {
	.query { background:magenta}
    /*banner*/
	#bannerHome { height:420px}
    .bannerHome-cont { top:130px; width:66%;}
    #bannerHome h1, #bannerHome h1 strong { font-size:40px;}
    #bannerHome h1  { margin-bottom:30px}
    .bannerHome-dra {font-size:30px;}
	.dra-banner     { height:73%;}
    #bannerHome a.btn   { font-size:22px; margin-top:30px;}
    #bannerHome a.btn i { font-size:15px; }
    
    .banner-interno p,
    .banner-interno h1  { width:74%;}
    .banner-interno.somos:before {  width:25%;}    
    /*oferta*/
    .oferta-secundaria .oferta-item-inner-2 { width:90%}
    
    /*footer*/
    .dra-img        { background-size:75%}
          
    #certifica { background-position: 150% 0%}
    .idioma-xs { display:none}
}
@media (min-width:992px) {
    .nav-link { padding:15px 15px !important; } 
}

/*  -  -  MD  SM XS  -  -  -  */
@media (max-width:991px) {
	.bannerHome-cont { top:15vh; width:100%;}
	.footer2 p span  { font-size:12px; display:}
	.nav-link { text-align:end; padding:15px 3px; font-size:20px }
	.nav-link:active, 
	.nav-link:focus { background:#eee}
	.whatsapp { display:none}
	.whatsAppNav { display:block}
	.col-md-none { display:none}
    
    /*idioma*/
    .idioma-xl { display:none;}
}

/*  -  -  MD  MD  MD  -  -  -  Y E L L O W */
@media (min-width:768px) and (max-width:991.98px) {
	.query { background:yellow}
	/*footer*/
	.dra-img { background-position:bottom center; background-size:85%}
	.footcontacto { padding-left:30px}
	.footcontacto a {display:block; text-align:left}
	.footredes { justify-content:flex-start}

	#certifica { background-position: 280% 0%}
	.footlogo img { height: 50px}
	.oferta-img { width: 80%; margin: 0px auto 30px; padding: 10px} li h5 { font-size:16px}
    
    /*banner*/
	#bannerHome { height:390px}
    .bannerHome-cont { top:130px; width:72%;}
    #bannerHome h1, #bannerHome h1 strong { font-size:35px;}
    #bannerHome h1  { margin-bottom:25px}
    .bannerHome-dra {font-size:24px;}
	.dra-banner     { height:70%;}
    #bannerHome a.btn   { font-size:20px; margin-top:25px;}
    #bannerHome a.btn i { font-size:13px; }
    
    .banner-interno p,
    .banner-interno h1  { width:74%;}
    .banner-interno.somos:before {  width:25%;}    
    
    /*ogerta*/
    .oferta-item { padding:0 10px;}
    .oferta-item-inner { padding:10px 5px 20px}
    .oferta-secundaria { padding:10px}

}

/*  -  -  SM  SM  SM  -  -  -  B L A C K */
@media (max-width: 767px) {
	.query { background:black}
    main { padding:20px 0px}
    table td { border:solid 1px #CCC }
	.dra-img { background-position:bottom center; background-size:100%}
	.foottit, .footcontacto span { display:none}
	.footcontacto { padding-right:0}
	.footredes { padding-left:0}
	.footcontacto { align-items:flex-end}
	.footcontacto p a { margin-right:0px;}
	footer a i { font-size:20px; margin:0 5px}
    .footer1  { padding:20px 0;}
    .footer1 .row { align-items:center;}
	
	p, li { font-size: 15px;}
	p, ul { margin-bottom:10px;}
	ul ul { margin-bottom:10px}
	h2    { font-size:20px; }
	h3    { font-size:18px;}
	h4    { font-size:16px;}
	h5    { font-size:14px; margin-bottom:10px; margin-top:15px }
	.gancho    { font-size:16px; text-align:left;}
	.path a, .footer2 a, .footredes  { font-size:12px}
	.link-pdf i { font-size:16px;}
	.tiempos .t2 { font-size:14px;}
	.tiempos .t1 { font-size:18px;}
	.card-certif h3 { font-size:18px; padding:4px 17px}
	.nom35 .accordion-button { font-size:14px }
	p,li { text-align:left;}
	.titular h2 span { font-size:23px}
    
    .lateral-cont, .cita { margin-left:0}
    .lateral { margin-top:30px}

	
	.buffer1 {width:100%; height:7px}
	.buffer2 {width:100%; height:14px}
	.buffer3 {width:100%; height:21px}
	.buffer4 {width:100%; height:28px}
	.buffer5 {width:100%; height:35px}
	
	.footlogo img { height:50px}

    /*banner*/
	#bannerHome { height:300px}
    .bannerHome-cont { top:80px; width:80%;}
    #bannerHome h1, #bannerHome h1 strong { font-size:26px; letter-spacing:0}
    #bannerHome h1  { margin-bottom:25px}
    .bannerHome-dra {font-size:18px;}
	.dra-banner     { height:75%;}
    #bannerHome a.btn   { font-size:18px; margin-top:25px;}
    #bannerHome a.btn i { font-size:12px; }
    .banner-interno { height:110px; margin-top:50px; }
    .banner-interno * { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);  }
    .banner-interno h1 { font-size:24px; margin-bottom:0}
    .banner-interno p { line-height:normal; font-size:20px}
    .banner-interno h1,
    .banner-interno p  { width:80%}
    
    /*oferta*/
	#oferta { padding:30px 0 30px;}
	#oferta h2 { margin-bottom:20px;}
    #oferta h3 { font-size:18px}
	.oferta-item { margin-bottom:30px}
    .oferta-item h3 { margin:0 0 7px 0 !important; text-align:left !important }
	.oferta-item p { margin-bottom:10px; text-align:left}
    .oferta-item-inner { flex-direction:row}
    .oferta-img { margin:0 20px 0 0; padding:0px; width:auto  }
    .oferta-img img { width:100px}
    .oferta-body { width:100% }
    .oferta-body p:last-child { display:block}
    .oferta-footer { display:none}
    .oferta-secundaria { padding:5px; margin:0px auto auto; }
    .oferta-secundaria .oferta-item-inner   { padding:5px 15px; box-shadow:none}
    .oferta-secundaria .oferta-img  { width:70px; margin:0 15px 0 0; }
    .oferta-secundaria .oferta-info h3 { margin:0px 0px 8px 0px  !important;}
    
	#certifica { background-position:100% -100%; background-size:70%; padding:100px 0 50px}
	.certifica-logos img { height:55px; margin:0 15px}
	.navbar-brand img {height:40px}
	.whatsAppNav { font-size:36px; top:-1px}
	.whatsAppNav:before { width:30px; height:30px; top:2px; left:2px}
	.navbar-toggler { font-size:20px; padding:7px 10px; width:35px}
	
	.bIzq, .bDer {border:none }
	
	.card h3 { margin-bottom:10px}
	.titular span { text-align:left; }
	
    .navbar { padding:1px 0; }
    
    /*calendario*/
    .fc-toolbar h3 { font-size:20px}
    #calen { margin:20px 0}
    #calen h2 { margin-bottom:0px;}
    .calendario-indica p { margin:7px 0; padding-bottom:0}
    .indica-nada p { margin:0}
    .indica-verde { order:1}
    .indica-azul  { order:1}
    .indica-amari { order:1}
    .indica-rojo  { order:1}
    .indica-nada  { order:1}
    
    .footer2 { text-align:center}
    .footer2 span { display:block}
    .footer2 p span:nth-child(2) {  font-weight:bold}
    .titulo { margin-bottom:30px }
    .mapa { height:300px }
	
}

/*  -  -  XS  XS  XS  -  -  -  R E D */
@media (max-width:575px) {
	.query { background:red}
	#certifica { background-position:100% -20%; background-size:70%; padding-top:120px; }
	.div-link { flex-direction:row; border-radius:9px; border:solid 1px #CCC}
	.card { background:#FFF;}
	.card-body   { width:100%; padding:10px 5px 10px 10px;}
	.card-footer { display:none}
	.cards-certificacion .card-body { padding-bottom:10px} 
	.dra-img { background-position:bottom center; background-size:70%}
    .dra-txt { padding-bottom:20px;}
    
    /*banner*/
	#bannerHome { height:240px}
    .bannerHome-cont { top:70px; width:75%;}
    #bannerHome h1, #bannerHome h1 strong { font-size:20px; letter-spacing:0}
    #bannerHome h1  { margin-bottom:10px}
    .bannerHome-dra {font-size:16px;}
	.dra-banner     { height:70%;}
    .dra-banner a   { bottom:11px; right:20px  }
    #bannerHome a.btn   { font-size:16px; margin-top:15px;}
    #bannerHome a.btn i { font-size:12px; }
    .idioma i { font-size:35px; top:0px}
}

/* - - - - SAFARI HACK - - - */
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) {
	@media {}
}

/* - - - - iPHONE HACK - - - */
@supports (-webkit-overflow-scrolling: touch) {
	.selector {background: none}
}

/* - - - - FIREFOX HACK - - - */
@-moz-document url-prefix() {}

/* - - - - EDGE IE HACK - - - */
_:-ms-lang(x),
	#selector {margin: 0px}