/*
Theme Name: Comutel
Author: Javier Yamashita
Description: Tema personalizado para la página web de Comutel
Version: 1.0
*/

@charset "UTF-8";

@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-Light.woff2') format('woff2'), url('assets/webfonts/Poppins-Light.woff') format('woff'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-LightItalic.woff2') format('woff2'), url('assets/webfonts/Poppins-LightItalic.woff') format('woff'); font-weight:300; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-Regular.woff2') format('woff2'), url('assets/webfonts/Poppins-Regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-Italic.woff2') format('woff2'), url('assets/webfonts/Poppins-Italic.woff') format('woff'); font-weight:normal; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-MediumItalic.woff2') format('woff2'), url('assets/webfonts/Poppins-MediumItalic.woff') format('woff'); font-weight:500; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-Medium.woff2') format('woff2'), url('assets/webfonts/Poppins-Medium.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-SemiBold.woff2') format('woff2'), url('assets/webfonts/Poppins-SemiBold.woff') format('woff'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-SemiBoldItalic.woff2') format('woff2'), url('assets/webfonts/Poppins-SemiBoldItalic.woff') format('woff'); font-weight:600; font-style:italic; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-Bold.woff2') format('woff2'), url('assets/webfonts/Poppins-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('assets/webfonts/Poppins-BoldItalic.woff2') format('woff2'), url('assets/webfonts/Poppins-BoldItalic.woff') format('woff'); font-weight:bold; font-style:italic; font-display:swap; }
@font-face { font-family:'KeepCalm-Medium'; src:url('assets/webfonts/KeepCalm-Medium.woff2') format('woff2'), url('assets/webfonts/KeepCalm-Medium.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }

:root {
  --body: #222222;
  --blanco: #FFFFFF;
  --gris: #EFF2F2;
  --gris-claro: #f8f8f8;
  --celeste: #2fbbec;
  --celeste-claro: #e5f2f6;
  --azul: #0A5B88;
  --negro: #000;
  --rojo: #D80000;
}

body, html { width:100%; height:100%; }
body { font-weight:400; font-size:1rem; line-height:1.5; font-family:'Poppins', sans-serif; color:var(--body); padding-top:134px; background-color:#F8F8F8; }

* { outline:0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:normal; font-family:'KeepCalm-Medium'; line-height:1.4; margin-bottom:1rem; }
h1, .h1 {  }
h5, h6, .h5, .h6 { line-height:1.3; }
b, strong { font-weight:600; }
a { color:var(--ocre); text-decoration:none; outline:none; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
a:hover, a:active, a:focus { color:var(--negro); text-decoration:none; outline:none; }
a[href^=tel] { color:inherit; }
a.url { word-break:break-all; }
a.video { position:relative; }
a.video:after { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:60px; height:60px; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1rem; font-family:'Font Awesome 5 Free'; content:'\f04b'; color:var(--negro); background:rgba(255,255,255,.5); border-radius:50%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
a.video:hover:after { color:var(--celeste); background:rgba(255,255,255,1); }
a.video img { display:block; width:100%; height:100%; object-fit:cover; }

@media (min-width:1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width:1400px; }
}

.text-body { color:var(--body); }
.text-blanco { color:var(--blanco); }
.text-azul { color:var(--azul); }
.text-celeste { color:var(--celeste); }
.text-celeste-claro { color:var(--celeste-claro); }
.text-rojo { color:var(--rojo); }
.text-negro { color:var(--negro) }

a.text-negro:hover { color:var(--azul); }
.fw-normal { font-weight:400 !important; }
.fw-medium { font-weight:500 !important; }
.fw-semibold { font-weight:600 !important; }
.text-justify { text-align:justify; }

.bg-blanco { background:var(--blanco); }
.bg-gris { background:var(--gris); }
.bg-gris-claro { background:var(--gris-claro); }
.bg-celeste { background:var(--celeste); }
.bg-celeste-claro { background:var(--celeste-claro); }
.bg-azul { background:var(--azul); }
.bg-rojo { background:var(--rojo); }
.bg-negro { background:var(--negro); background:#222; }
.bg-transparent { background-color:transparent; }

img { max-width:100%; height:auto; }
::-moz-selection { color:#fff; background:#212529; text-shadow:none; }
::selection { color:#fff; background:#212529; text-shadow:none; }
img::selection { color:#fff; background:transparent; }
img::-moz-selection { color:#fff; background:transparent; }

.ratio-3x2 { --bs-aspect-ratio: calc(2 / 3 * 100%); }
.ratio-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
.ratio-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%); }
.ratio-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }

.ratio img { display:block; width:100%; height:100%; object-fit:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.ratio.video .fas { left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:auto; font-size:5rem; color:var(--blanco); opacity:.4; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.ratio.video:hover .fas { opacity:.8; }

.rounded { display:block; border-radius:1.5rem !important; overflow:hidden; }

.img-rounded { border-radius:1rem; }
.img-shadow { box-shadow:0px 9px 26px 0px rgba(0, 0, 0, 0.3); }
.col-img { height:100%; margin:0;  }
.col-img img { width:100%; height:100%; object-fit:cover; }
.col-img-left { position:absolute; left:50%; top:0; width:50vw; object-fit:cover; }

.object-position-left-center { object-position:left center; }
.object-position-right-center { object-position:right center; }

iframe { border:0px none; }
.imgvideo { cursor:pointer; }
.ytvideo { position:relative; height:0; margin:2rem 0; padding-bottom:56.25%; /* 16:9 */ /*padding-top:25px;*/ background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer; }
.ytvideo iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0px none; }
.playbutton { background:url('img/ytube-button.png') center center no-repeat; background-size:cover; position:absolute; top:50%; left:50%; width:74px; height:74px; margin:-37px 0 0 -37px; z-index:10; opacity:.6; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.ytvideo:hover .playbutton { opacity:1; }
.videoWrapper { position:relative; height:0; padding-bottom:56.25%; /* 16:9 */ /*padding-top:25px;*/; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; margin-bottom:0; }

/* Listas */
.ul-col-2, .colx2 { column-count:2; column-gap:30px; }
.li-mb { margin-bottom:1rem; }
.list-mb-2 li { margin-bottom:.5rem; }
.list-mb-3 li { margin-bottom:.75rem; }
.list-icon { list-style:none; margin:0 0 1.5rem 0; padding:0; }
.list-icon > li { position:relative; margin:.25rem 0; padding-left:32px; }
.list-icon > li:after { position:absolute; left:0; top:0; width:24px; height:24px; display:flex; align-items:center; justify-content:center; font-size:1rem; font-family:'Font Awesome 6 Free'; color:var(--celeste); }
.list-check > li:after { font-weight:900;  content:'\f00c'; }
.list-check ul { font-size:.95em; margin-left:16px; padding-left:0; }

.shadow { box-shadow:0px 4px 4px 0px rgba(187,187,187,0.25) !important; }

.lc { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.lc-2 { -webkit-line-clamp:2; }
.lc-3 { -webkit-line-clamp:3; }
.lc-4 { -webkit-line-clamp:4; }
.lc-5 { -webkit-line-clamp:5; }
.lc-6 { -webkit-line-clamp:6; }

.mh-2 { min-height:2.6em; }
.mh-3 { min-height:3.9em; }

/* Botones */
.btn { display:inline-flex; align-items:center; font-size:.9em; font-weight:bold; text-transform:uppercase; padding:.75rem 1.5rem; border:1px solid transparent; border:0px none; border-radius:5px; background-image: linear-gradient(151deg, #FF8057 38%, #ff5c26 100%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.btn:hover { color:var(--blanco); }
.btn-sm, .btn-small { font-size:.8em; padding:.5ren 1rem; }
.btn-lg, .btn-large { font-size:1.25em; padding:1rem 2rem; border-radius:30px; }
.btn i { margin-right:.5rem; }
.btn-icon i { transform:scale(1.5); }
.btn-shadow { box-shadow: 0px 9px 18px -9px rgba(0, 0, 0, 0.3); }
.btn-azul { color:var(--blanco); background:var(--azul); }
.btn-celeste { color:var(--blanco); background:var(--celeste); }
.btn-rojo { color:var(--blanco); background:var(--rojo); }
.btn-rojo:focus, .btn-rojo:active { color:var(--blanco); }
.btn-rojo:hover { transform:translateY(-5px); }

/* Menú RRSS */
.social { display:inline-flex; align-items:center; list-style:none; margin:0; padding:0; }
.social li { margin:0 0 0 .5rem !important; }
.social li a { display:flex; align-items:center; justify-content:center; width:24px; height:24px; color:var(--azul); background:var(--blanco); border-radius:50%; }
.social li a:after { display:none; }
.social li a:hover { color:var(--azul) !important; transform:scale(1.25); }
.social li a i { font-size:14px; }
.social li i.fa-instagram { font-size:18px; }

/* Cards */
.card { border:0px none; height:100%; /*background:transparent;*/ }
.card-header, .card-footer { border:0px none; background:transparent; }
.card-body h3, .card-body h4, .card-body h5 { font-weight:600; font-family:'Poppins'; }
.card-body p { font-size:.9em; }
.card-body :last-child { margin-bottom:0; }

/* Form elements */
textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus, button:focus { box-shadow:none; }
select { -webkit-appearance: none; -moz-appearance: none; }
button, input, optgroup, select, textarea { margin-bottom:1rem; padding:.25rem .5rem; }
button:focus, :focus { outline:0 !important; box-shadow:none !important; }

.input-group { display:flex; align-items:center; background:var(--blanco); padding:.25rem; border-radius:5px; }
.input-group * { margin:0; flex:1; }
.input-group input { border:0px none; }
.input-group .btn { flex:0 0 100px; width:100px; font-size:11px; color:var(--blanco); text-transform:uppercase; justify-content:center; border-radius:5px !important; margin:0px !important; padding:.5rem; }

.form-label { display:block; text-align:left; margin-bottom:0; }
.form-control, .form-select { color:var(--azul); border-color:transparent; border-radius:.5rem; margin-bottom:0; padding:.75rem .75rem; }
.form-inline .form-control, .form-inline .form-select { border-right-width:0px; border-radius:0; }
.form-inline > div:first-child .form-control, .form-inline > div:first-child .form-select { border-top-left-radius:.25rem; border-bottom-left-radius:.25rem; }
.form-inline > div:last-child .form-control, .form-inline > div:last-child .form-select { border-right-width:1px; border-top-right-radius:.25rem; border-bottom-right-radius:.25rem; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:var(--azul-gris); opacity:1; }
::-moz-placeholder { /* Firefox 19+ */ color:var(--azul-gris); opacity:1; }
:-ms-input-placeholder { /* IE 10+ */ color:var(--azul-gris); opacity:1; }
:-moz-placeholder { /* Firefox 18- */ color:var(--azul-gris); opacity:1; }

/* Contact Form 7 */
.wpcf7-list-item { margin:0; }
.wpcf7-checkbox label, .wpcf7-acceptance label { display:flex; align-items:center; font-size:.8rem; color:var(--azul-gris); }
.wpcf7-checkbox input, .wpcf7-acceptance input { margin:0 .5rem 0 0; }
.text-center .wpcf7-submit.has-spinner { margin-left:34px; }
.wpcf7-spinner { margin:0 0 0 10px; }
.wpcf7-not-valid-tip { font-size:.8em; color:var(--rojo); margin-top:.25rem; }
.wpcf7 form .wpcf7-response-output { font-size:.9em; text-align:center; border:0px none; margin:0; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { color:var(--rojo); }
.wpcf7 form.sent .wpcf7-response-output { color:var(--azul); }
/* Google reCaptcha */
.grecaptcha-badge { display:none !important; }

/* Slick Slider */
.slick-track { display: flex !important; margin-left:0 !important; }
.slick-slide { height: inherit !important; }
.slick-prev, .slick-next { position:absolute; top:50%; transform:translateY(-50%); display:block; width:34px; height:34px; content:''; font-size:0; line-height:0; margin:0; padding:0; cursor:pointer; color:transparent; border:none; outline:none; background-color:transparent; background-repeat:no-repeat; background-position:center center; background-size:contain; z-index:1; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color:transparent; outline:none; opacity:1; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity:.25; }

.slick-dots { display:flex; justify-content:center; list-style-type:none; margin:2rem; padding:0; }
.slick-dots li { margin:0 0.25rem; }
.slick-dots li button { display:block; width:8px; height:8px; text-indent:-9999px; margin:0; padding:0; background:#C1C1C1; border:0px none; border-radius:50%; }
.slick-dots li.slick-active button { background:var(--blanco); }

.slick-arrows { list-style:none; display:flex; margin:0; padding:0; }
.slick-arrows li { display:block; width:40px; height:40px; text-indent:-9999px; margin-right:.5rem; background:#BABABA url('assets/img/icono-flecha-blanco.svg') no-repeat center center; background-size:40%; border-radius:50%; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.slick-arrows li.prev { transform:rotate(180deg); }
.slick-arrows li:hover { background-color:var(--celeste); }

/* Paginación */
.paginacion { text-align:center; padding-top:2rem; }
.wp-pagenavi { display:inline-block; margin:0 auto; }
.wp-pagenavi a, .wp-pagenavi span { display:inline-block; width:30px; font-weight:normal; font-size:16px; color:#999; padding:3px 0; border:0px none !important; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { width:auto !important; color:#999 !important; background:transparent !important; padding:3px 5px; }
.wp-pagenavi span:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current { font-weight:normal !important; color:var(--ocre); }

/****** HEADER ******/
header { background:var(--blanco); box-shadow:0px 4px 12px 1px rgba(0,0,0,0.1); }

#topbar { border-bottom:1px solid var(--gris);  transition:all 0.3s; }
#topbar.bg-azul { background:var(--blanco); color:var(--azul) !important; }
.topbar-contacto { font-size:.9em; }

.navbar { padding-top:1rem; padding-bottom:1rem; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.navbar .container, .navbar .container-xl { padding-top:1.25rem; padding-bottom:1.25rem; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }

.navbar-brand img { height:50px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }

.navbar a { color:var(--negro); }
.navbar a:hover, .navbar .current-menu-item a, .navbar .current_page_item a, .navbar .current-page-ancestor a { color:var(--celeste); }
.navbar .navbar-menu > ul { display:inline-flex; list-style:none; margin:0; padding:0; }
.navbar ul li { font-weight:400; font-size:1.1rem; margin-right:2.25rem; transition:all 0.3s; }
.navbar ul li.menu-item-has-children { margin-right:1.5rem; }
.navbar ul li:last-child { margin-right:0; }

.navbar .dropdown-toggle { display:flex; align-items:center; }
.navbar .dropdown-toggle::after { display:inline-flex; align-items:center; justify-content:center; width:14px; height:10px; font-weight:900; font-size:1rem; font-family:'Font Awesome 6 Free'; content:'\f107'; color:var(--celeste); border:0px none; margin-left:.5rem; transition:all 0.3s; }
.navbar .dropdown-toggle:hover::after, .navbar .dropdown-toggle[aria-expanded="true"]::after { transform:rotate(180deg); }

.navbar-toggler { margin:0; padding:0; border:0px none; border-radius:0; }
.navbar-toggler-icon { position:relative; }
.navbar-toggler-icon:before { position:absolute; left:0; height:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1.5rem; font-family:'Font Awesome 6 Free'; content:'\f0c9'; color:var(--azul); }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { content:'\f00d'; }

.fixed .navbar { padding-top:1rem; padding-bottom:1rem; }
.fixed .navbar-brand img { height:40px; }
.fixed #topbar { margin-top:-42px; }

/****** FOOTER ******/
footer { font-size:90%; color:var(--blanco); background:var(--azul); background:#222 }
footer a { position:relative; display:inline-block; }
footer a:after { position:absolute; left:0; top:100%; width:0; height:1px; content:''; background:var(--blanco); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
footer a:hover, footer a:active, footer a:focus { color:var(--blanco); }
footer a:hover:after { width:100%; }

footer #footer-top { position:relative; margin-bottom:2rem; padding-bottom:2rem; }
footer #footer-top:after { position:absolute; top:100%; left:15px; right:15px; height:1px; content:''; background:#FFF; opacity:.1; }

footer .container-xl { padding-top:5rem; padding-bottom:2rem; }
footer .footer-logo { height:50px; }
footer ul { list-style:none; margin:0 0 1rem; padding:0; }
footer ul.footer-menu li { margin-bottom:.5rem; }

footer .form { position:relative; padding-top:1rem; margin-top:1rem; }
footer .form:before { position:absolute; top:0; left:0; width:100%; height:1px; content:''; height:1px; background:var(--blanco); opacity:.1; }
footer .input-group .btn { background:var(--rojo) !important; }
footer .social li a { color:#222; }


/****** EMENTOS COMUNES ******/
main { overflow:hidden; }

section > .container, section > .container-xl, section > .container-fluid { padding-top:5rem; padding-bottom:5rem; }

.section-header { margin-bottom:2rem; }
.section-header h1, .section-header h2 { font-weight:500; font-size:2rem; color:var(--azul); }
.section-header h2 { font-size:2rem; color:var(--negro); }
.section-header h1 strong, .section-header h1 b, .section-header h2 strong, .section-header h2 b { font-weight:500; color:var(--azul); }
.section-header p { font-size:1.2rem; }

section.bg-azul { color:var(--blanco); }
section.bg-azul .section-header h1, section.bg-azul .section-header h2 { color:var(--blanco); }

.section-row:not(:last-child) { margin-bottom:4rem; }
.section-row h3 { position:relative; text-transform:uppercase; margin-bottom:2rem; padding-top:1.5rem; }
.section-row h3:before { position:absolute; left:0; top:0; width:50px; height:6px; content:''; background:var(--ocre); }

.section-img { position:relative; }
.section-img > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.section-img:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; color:var(--blanco); background:rgba(0,0,0,.75); z-index:1; }
.section-img .container, .section-img .container-xl { position:relative; z-index:2; }

/* Etiquetas */
.etiqueta { display:inline-flex; align-items:center; font-family:'KeepCalm-Medium'; margin-bottom:0; }
.etiqueta i { flex:0 0 48px; width:48px; height:48px; content:''; margin-right:.25rem; background-repeat:no-repeat; background-position:center; background-size:contain; }
.etiqueta i.iso-ce { background-image:url('uploads/isotipo-comutel-empresas.png'); }
.etiqueta i.iso-ca { background-image:url('uploads/isotipo-comutel-academia.png'); }
.etiqueta i.iso-cr { background-image:url('uploads/isotipo-comutel-retail.png'); }
.etiqueta small { font-size:1em; margin-top:4px; }
.etiqueta span { color:var(--celeste); }

.etiqueta i { flex:0 0 32px; width:32px; background-image:url('assets/img/iso-comutel-nuevo.webp') !important; }

/* Cursos */
.curso .card { background:var(--blanco); border-radius:1rem; overflow:hidden; box-shadow: 0 5px 20px rgb(0 0 0 / 6%); }
.curso .card-header .logo { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:120px; z-index:2; }
.curso .card-header a { display:block; overflow:hidden; }
.curso .card-header a:after { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:var(--azul); opacity:.75; z-index:1; }
.curso .card-header a:hover img:not(.logo) { transform:scale(1.1); }
.curso .card-body { padding:1.5rem; }
.curso .card-body a { color:var(--negro); }
.curso .card-body a:hover { color:var(--azul); }
.curso .card-body p { font-size:1em; }
.curso .card-footer { position:relative; padding:1.5rem; }
.curso .card-footer:before { position:absolute; left:1.5rem; right:1.5rem; top:0; content:''; height:1px; background:var(--celeste); }
.curso .card-footer ul { list-style:none; margin:0; padding:0; }
.curso .card-footer ul li { display:flex; align-items:center; font-size:.95em; margin:.5rem 0; }
.curso .card-footer ul li i { display:flex; flex:0 0 24px; width:24px; height:24px; font-size:12px; color:var(--blanco); background:var(--azul); border-radius:.25rem; align-items:center; justify-content:center; margin-right:.5rem; }

/* Noticias */
.noticia { background:transparent; }
.noticia .card-header { padding:0; background:transparent; border:0px none; }
.noticia .card-header .card-img { position:relative; }
.noticia .card-header .card-img img { aspect-ratio:16/9; border-radius:1rem; object-fit:cover; }
.noticia .card-header .card-img .post-meta { position:absolute; left:10px; top:10px; }
.noticia .card-header .card-img .post-meta a { display:inline-block; font-size:10px; color:var(--blanco); text-transform:uppercase; margin-right:.25rem; padding:.25rem .75rem; background:var(--celeste); border-radius:5px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3); transition:.3s ease; }
.noticia .card-body { padding:1.25rem; }
.noticia .card-body h3 { line-height:1.3; }
.noticia .card-body h3 a { color:var(--negro); }
.noticia .card-body h3 a:hover { color:var(--celeste); }

/***************************
*********** HOME ***********
****************************/

@keyframes zoomin {
  0% { transform: scale(1); }
  50% { transform: scale(1.5); }
  100% { transform: scale(1); }
}

#intro .slide { position:relative; color:var(--blanco); background:var(--negro); }
#intro .slide:before { position:absolute; left:0; top:0; width:80%; height:100%; content:''; background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,75) 25%,rgba(0,0,0,0) 100%); opacity:.90; z-index:1; }
#intro .slide > video, #intro .slide > img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; z-index:0; }
#intro .slide img { opacity:.8; }
#intro .slide img.intro-imagen { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:0; animation: zoomin 20s ease-in infinite; } 
#intro .slide .container-xl { display:flex; align-items:center; position:relative; z-index:1; height:680px; padding-top:80px; }
#intro .slide p { font-size:1.2em; }
#intro .slide .h1 { font-size:2.5rem; line-height:1.2; }
#intro .slide .btn { display:inline-flex; align-items:center; }
#intro .slide .btn:after { display:flex; align-items:center; justify-content:center; width:16px; height:16px; content:'\F138'; font-family:'Bootstrap-icons'; color:var(--blanco); transform:scale(1.5); margin-left:.5rem; }
#intro #slider .slick-dots { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; margin:0; padding:.5rem .25rem; background:rgba(0,0,0,.4); border-radius:20px; }

/* Unidades de Negocios */
.negocio { border-radius:.75rem; overflow:hidden; box-shadow:0 5px 20px rgb(0 0 0 / 6%); transition: .2s ease; }
.negocio .card-header { text-align:center; padding:1rem 1rem 0; }
.negocio .card-header figure { display:inline-flex; width:96px; height:96px; align-items:center; justify-content:center; margin:0 auto; }
.negocio .card-header figure img { display:block; max-width:100%; }
.negocio .card-body { padding:1rem 1rem 2rem; }
.negocio:hover { transform:translateY(-10px); }

/* Marcas */
#marcas h3 small { display:block; font-size:.7em; text-transform:uppercase; opacity:.5; }
.logos-carrusel .logo { margin:0 1.5rem; }
.logos-carrusel .logo a, .logos-carrusel .logo span { display:flex; align-items:center; height:70px; }
.logos-carrusel .logo img { max-width:180px; max-height:60px; }

/* Comutel Academia */
#home .curso { margin:0; padding:1rem; }
#home .curso .card { border-radius:.5rem; }
#home .curso .card-footer ul li { font-size:.85em; }
#home .curso .card-body p { font-size:.9em; }

/* Comutel News */
#home .noticia { background:var(--blanco); border-radius:.5rem; box-shadow:0 5px 20px rgb(0 0 0 / 6%); overflow:hidden; }
#home .noticia .card-header .card-img img { border-radius:0; }
#home .noticia .card-footer { padding:0 1.25rem 1.5rem; }
#home .noticia .card-footer a { color:var(--azul); }

/* Testimonios */
#testimonios { position:relative; overflow:hidden; }
#testimonios:before { position:absolute; left:-18%; top:0; right:0; bottom:0; content:''; background:url('assets/img/section-adorno.png') no-repeat left center; background-size:180%; filter:brightness(0%); opacity:.02; }
#testimonios .container-xl { position:relative; z-index:2; }
#testimonios .slick-arrows { margin-top:2rem; }
#testimonios .adorno { position:absolute; left:4rem; top:0; right:0; bottom:3rem; border-radius:1.5rem; display:none; }
#testimonios-carrusel { width:150%; ;z-index:999; }
#testimonios-carrusel .slick-track { padding:3rem 0 1rem; }
.testimonio { text-align:center; margin:0 1rem 0 1rem; padding:1rem; border-radius:5px; }
.testimonio .card-header { margin-bottom:.5rem; }
.testimonio .card-header img { display:inline-block; width:100px; height:100px; object-fit:cover; margin:0 auto; border-radius:100%; }
.testimonio .card-header p { margin-bottom:0; }
.testimonio .card-header p small { display:block; font-size:.8em; }
.testimonio .card-body { height:9.1em; overflow:auto; margin-bottom:1rem; padding:0 1rem; }
.testimonio .card-body::-webkit-scrollbar { width:8px; }
.testimonio .card-body::-webkit-scrollbar-thumb { background:#009EE0; border-radius:4px; }
.testimonio .card-body::-webkit-scrollbar-thumb:active { background-color: #999999; }
.testimonio .card-body::-webkit-scrollbar-thumb:hover { background: #b3b3b3; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
.testimonio .card-body::-webkit-scrollbar-track { background:#F7F7F7; border-radius: 4px; }
.testimonio .card-body blockquote { margin-bottom:0; }
.testimonio .card-body blockquote p:last-of-type { margin-bottom:0; }


/***************************
********* INTERNAS *********
****************************/
#page-header .titulo { display:inline-flex; align-items:center; width:100%; margin-bottom:1.5rem; }
#page-header .titulo i { flex:0 0 48px; font-size:2rem; line-height:1; }
#page-header .titulo h1 { margin-bottom:0; line-height:1; }

#page-header-2 { position:relative; height:500px; }
#page-header-2:before, #page-header-2:after { position:absolute; left:0; top:0; width:100%; height:100%; content:''; z-index:1; } 
#page-header-2:before { background:rgba(14,31,67,.25); z-index:1; }
#page-header-2:after { position:absolute; left:0; top:0; width:90%; height:100%; content:''; background:linear-gradient(90deg, rgba(0, 88, 152, 1) 0%, rgba(0, 88, 152, 0.75) 50%, rgba(0, 88, 152, 0) 100%); z-index:1; }
#page-header-2 .bg-img { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:0; object-fit:cover; object-position:100% 20%; }
#page-header-2 .container-xl { position:relative; z-index:2; }
#page-header-2 .etiqueta { display:inline-block; font-size:.8em; border:1px solid var(--blanco); border-radius:20px; margin-bottom:1rem; padding:.5rem 1rem; }
#page-header-2 h1 { font-size:2.75rem; line-height:1.2; text-transform:uppercase; }
#page-header-2 h1 span { display:block; font-weight:normal; font-size:.8em; text-transform:none; }
#page-header-2 h1 span { display:block; font-weight:normal; font-size:.5em; font-family:'Poppins'; text-transform:none; }
#page-header-2 p { font-size:1.1rem; line-height:1.6; }
#page-header-2 .btn i { transform:scale(1.5); }

/* Breadcrumb */
#breadcrumb .container { padding-top:2rem; padding-bottom:0; }
.breadcrumb { position:absolute; bottom:.5rem; color:var(--blanco); font-size:.75em; display:flex; align-items:center; }
.breadcrumb > * { margin-right:.25rem; }
.breadcrumb > span { margin:0 .25rem; }
.breadcrumb > span:first-of-type { margin-left:0; }
.breadcrumb i { font-size:.5em; }
.breadcrumb a { color:var(--blanco); opacity:.7; }
.breadcrumb a:hover { color:var(--blanco); opacity:1; }

section { position:relative; }
section .container, section .container-xl { position:relative; z-index:3; }
.bg-img { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:0; }
.bg-img img { display:block; width:100%; height:100%; object-fit:cover; }
.bg-img-der { left:calc(50% + 30px); width:50%; }

#single-content ul { list-style:none; margin:0 0 1.5rem 0; padding:0; }
#single-content ul li { position:relative; margin:.25rem 0; padding-left:32px; }
#single-content ul li:after { position:absolute; left:0; top:0; width:24px; height:24px; display:flex; align-items:center; justify-content:center; font-size:1rem; font-family:'Font Awesome 6 Free'; color:var(--celeste); }
#single-content ul li:after { font-weight:900; content:'\f00c'; }
#single-content.colsx2 ul { column-count:2; column-gap:3rem; }

/***************************
********* NOSOTROS *********
****************************/
#somos .card { background:transparent; }
#somos .card-header, #somos .card-body { padding:0; }
#somos .card-header { display:flex; color:var(--azul); padding-bottom:.25rem; }
#somos .card-header i { margin-right:.5rem; }

/* Cifras  */
#cifras .container-xl { padding-top:2.5rem; padding-bottom:2.5rem; }
#cifras .cifra { color:var(--blanco); text-align:center; background:transparent; }
#cifras .cifra .card-header, #cifras .cifra .card-body { padding:0; }
#cifras .cifra .card-header i { font-size:2rem; margin-bottom:1rem; }
#cifras .cifra .h5 { font-size:2.5em; }
#cifras .cifra .numero { display:flex; align-items:center; justify-content:center; }
#cifras .cifra .numero strong { display:block; font-size:1.25em; white-space:nowrap; }
#cifras .cifra .numero strong.counter { margin:0 .2rem; }

/* Unidades de Negocio */
#nosotros-hacemos .negocio { border:2px solid transparent; }
#nosotros-hacemos .negocio:hover { transform:scale(1.02); border-color:var(--azul); }
#nosotros-hacemos .negocio .card-body { padding:1rem 2rem 2rem; text-align:center; }

/* Equipo */
.nav-pills { display:inline-flex; justify-content:center; margin:0; padding:.5rem; background:var(--blanco); border-radius:30px; transition:.3s ease; }
.nav-pills .nav-link { position:relative; font-weight:500; color:var(--azul-gris); margin:0; padding:.5rem 1.5rem; border-radius:20px; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color:var(--blanco); background:var(--rojo); }
.miembro { border-radius:10px; padding:1rem; background:transparent; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.miembro:hover { background:var(--blanco);box-shadow: 0 5px 20px rgb(0 0 0 / 6%); }
.miembro .card-header img { width:150px; aspect-ratio:1; object-fit:1; border-radius:50%; }
.miembro .card-body { padding-bottom:.25rem; }
.miembro .card-footer { display:flex; flex-direction:column; padding-top:0; }
.miembro .social { display:flex; justify-content:center; margin-left:0; }
.miembro .social li { margin:0 .25rem; }
.miembro .social li a { background:transparent; }
.miembro .email { position:relative; display:inline-block; font-size:.75em; color:var(--azul); }
.miembro .email:after { position:absolute; left:0; top:100%; width:0; height:1px; content:''; background:var(--azul); transition:.3s ease; }
.miembro .email:hover:after { width:100%; }

/* Marcas */ 
.logos { display:flex; gap:30px; justify-content:center; flex-wrap:wrap; }
.logos .logo { display:inline-block; margin:0 1rem; }
.logos .logo a, .logo span { display:flex; align-items:center; height:70px; }
.logos .logo img { max-width:180px; max-height:60px; }

/* Actividades Corporativas */
#actividades .slick-arrows { padding-top:2rem; }
#actividades-carrusel { width:160%; ;z-index:999; }
#actividades-carrusel .slick-track { padding:3rem 0 1rem; }
.actividad { position:relative; margin:0 1rem; border-radius:1rem; overflow:hidden; }
.actividad figure { margin-bottom:0; }
.actividad figcaption { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; color:var(--body); text-align:center; background:var(--blanco); z-index:1; opacity:0; visibility:hidden; transition:all 0.3s; }
.actividad figcaption > div { width:100%; padding:2rem 10%; }
.actividad figcaption p { font-size:.85em; }
.actividad figcaption p.fecha { font-size:.7em; text-transform:uppercase; opacity:.8; }
.actividad:hover figcaption { opacity:1; visibility:visible; }

/****** SOCIO COMUTEL ******/
/* Beneficios */
.beneficios .card { padding:1rem 1rem 1.25rem; border:1px solid var(--celeste); border-radius:.5rem; }
.beneficios .card-body { display:flex; flex-direction:column; align-items:center; text-align:center; font-size:1.1em; line-height:1.3; font-weight:500; color:var(--negro); padding:0; }
.beneficios .card-body i { display:flex; flex:0 0 40px; width:40px; height:40px; align-items:center; justify-content:center; margin-bottom:1rem; background:var(--celeste-claro); border-radius:50%; }
.beneficios .card-body i:before { font-size:1.1em; color:var(--celeste); }
.beneficios .card-body p { display:flex; align-items:center; height:2em; }

/* Formulario */
.socio-tipo { margin-bottom:2rem; }
.socio-tipo .form-label { font-weight:500; font-size:1.1em; }
.socio-tipo .wpcf7-radio { display:inline-flex; justify-content:center; padding:.5rem; background:var(--blanco); border-radius:30px; }
.socio-tipo .wpcf7-radio label { position:relative; margin:0; cursor:pointer; }
.socio-tipo .wpcf7-radio label input[type="radio"] { position:fixed; width:0; opacity:0; }
.socio-tipo .wpcf7-radio label span { display:inline-block; font-weight:500; font-size:16px; color:var(--azul); padding:8px 24px; background:#FFF; border-radius:20px; }
.socio-tipo .wpcf7-radio label input[type="radio"]:checked + span { color:var(--blanco); background:var(--rojo); }
.socio-tipo .wpcf7-radio label:hover span { color:var(--rojo); }
.tipo-requisitos .list-check > li { margin:.25rem; padding-left:24px; }
.tipo-requisitos .list-check > li:after { color:var(--blanco); }

/* Unidad de Negocios > Cabecera */
.negocio-titulo { display:flex; align-items:center; margin-bottom:2rem; }
.negocio-titulo img { height:90px; margin-right:0; }
.negocio-titulo h1 { font-size:1.5rem; line-height:1.2; margin:0; }
.negocio-titulo h1 strong { display:block; }

/***************************
***** COMUTEL EMPRESAS *****
****************************/

/* Unidades de Negocios */
#unidades { position:relative; z-index:5; }
#unidades .pad { margin-top:-4rem; border-radius:5px; box-shadow:0 5px 20px rgb(0 0 0 / 6%); overflow:hidden; }
#unidades .unidad:not(:last-child) { border-right:1px solid var(--gris); }
.unidad .card { height:100%; text-align:center; border-radius:.0; overflow:hidden; transition: .2s ease; }
.unidad .card-header { text-align:center; padding:1.5rem 1rem 0; }
.unidad .card-header figure { display:inline-flex; width:80px; height:80px; align-items:center; justify-content:center; margin:0 auto; }
.unidad .card-header figure img { display:block; max-width:100%; }
.unidad .card-header h3 b { color:var(--celeste); }
.unidad .card-body { padding:1rem 2rem 2.5rem; }
.unidad .card:hover { background:var(--gris-claro); }

.industria { padding:0; }
.industria a { display:block; color:var(--blanco); }
.industria figure { position:relative; margin:0; border-radius:5px; box-shadow:0 5px 20px rgb(0 0 0 / 6%); overflow:hidden;  }
.industria figure:after { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:var(--negro); opacity:.25; z-index:1; transition:.3s ease; }
.industria figure figcaption { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:2; transition:.3s ease; }
.industria figure figcaption i { font-size:2.5rem; color:var(--blanco); margin-bottom:1rem; }
.industria figure figcaption h3 { color:var(--blanco); text-align:center; margin:0; }
.industria figure figcaption h3 span { display:flex; align-items:center; line-height:1.2em; height:2.4em; }
.industria:hover figure:after { background:var(--azul); opacity:.9; }
.industria:hover figure figcaption { transform:scale(1.1); }

/* Servicios */
#servicios .pad { padding:4rem 3rem 4rem 0; }
#servicios .pad ul { list-style:none; margin:0; padding:0; }
#servicios .pad ul li { display:flex; margin-bottom:1.5rem; }
#servicios .pad ul li:last-child { margin-bottom:0; }
#servicios .pad ul li figure { display:flex; flex:0 0 48px; width:48px; margin-right:1rem; }
#servicios .pad ul li i { display:flex; width:48px; height:48px; align-items:center; justify-content:center; font-size:2.5rem; color:var(--blanco); margin-right:0; }
#servicios .pad ul li strong { font-size:1.1em; }

#servicios h3 b { font-weight:500; color:var(--celeste); }
#servicios ul li b { font-weight:normal; }

#servicios .section-header h2 b { font-weight:500; color:var(--azul); }
#servicios .soluciones h3 { line-height:1.2; }
#servicios .soluciones h3 b { display:block; font-weight:500; color:var(--celeste); }

/***************************
***** COMUTEL ACADEMIA *****
****************************/

/***** SINGLE CURSO *****/
/* Cabecera */
.curso-metas { list-style:none; margin:0; padding:0; }
.curso-metas li { display:flex; align-items:center; flex-wrap:nowrap; font-size:1em; margin:.25rem 0; }
.curso-metas li i { display:flex; flex:0 0 24px; justify-content:center; width:24px; font-size:.9em; margin-right:.25rem; }
.curso-metas li a { text-decoration:underline; }
.curso-metas li a, .curso-metas li a:focus, .curso-metas li a:active { color:var(--blanco); }
.curso-metas li a:hover { color:var(--blanco); text-decoration:none; }

/* Menú */
#single-menu { position:relative; }
#single-menu:before { position:absolute; left:0; bottom:0; width:100%; height:1px; content:''; background:rgba(0,0,0,.1); }
#single-menu .container-xl { padding-top:0; padding-bottom:0; }
#single-menu ul { display:flex; align-items:center; justify-content:space-between; list-style:none; margin:0; padding:0; }
#single-menu ul li a { position:relative; display:block; color:var(--blanco); padding:1.5rem 0; }
#single-menu ul li a:before { position:absolute; left:0; bottom:0; width:0; height:3px; content:''; background:var(--celeste); transition:all 0.3s; }
#single-menu ul li a:hover:before { width:100%; }
#single-menu ul li.titulo { display:none; }
#single-menu.fixed { position:fixed; top:82px; left:0; width:100%; z-index:99; }
#single-menu.fixed ul li.titulo { display:block; }

#single-menu.bg-celeste ul li a, #single-menu.bg-blanco ul li a { color:var(--azul); }
#single-menu.bg-celeste ul li a:before { background:var(--azul); }

/* Main */
.curso-main .row { margin-bottom:4rem; }
.curso-main .row.bg-color .col-12 { position:relative; z-index:2; padding-top:4rem; padding-bottom:4rem; }
.curso-main .bg-celeste-claro { position:relative; }
.curso-main .bg-celeste-claro:before { position:absolute; left:-100%; right:-100%; width:300%; height:100%; content:''; background:var(--celeste-claro); z-index:0; }
.curso-main .bg-blanco { position:relative; }
.curso-main .bg-blanco:before { position:absolute; left:-100%; right:-100%; width:300%; height:100%; content:''; background:var(--blanco); z-index:0; }

/* Entrenador(es) */
.multiple .card { text-align:center; }
.multiple .card-header, .multiple .card-body { padding:0; }
.multiple figure { display:inline-flex; width:150px; border-radius:50%; overflow:hidden; }

/* Estructura - Malla Curricular */
#modulos .accordion-item { margin-bottom:1.5rem; background:var(--blanco); border:0px none; border-radius:1rem; }
#modulos .accordion-button { font-weight:normal; font-size:1.25rem; font-size:1.1rem; margin-bottom:0; padding:1.25rem 1rem 1.25rem 2rem; background:transparent !important; border:0px none; box-shadow:none; }
#modulos .accordion-button::after { width:32px; height:32px; background-color:var(--celeste); background-image:url('assets/img/icono-flecha-abajo-blanco.svg'); background-position:center; background-size:40%; border-radius:50%; }
#modulos .accordion-button:not(.collapsed) { color:var(--azul); }
#modulos .accordion-button:not(.collapsed)::after { background-color:var(--azul); }
#modulos .accordion-body { padding:.5rem 4.5rem 1rem 2.5rem; }

/* Inversión */
.paquete { text-align:center; border:1px solid var(--gris); }
.paquete .card-header { padding:0 1rem; border-bottom:1px solid var(--gris); }
.paquete .card-header h4 { display:inline-flex; align-items:center; justify-content:center; color:var(--azul); line-height:1.2em; height:3.6em; flex-wrap:wrap; font-size:1.25rem; margin-bottom:0; }
.paquete .card-body { padding-top:1.5rem; }
.paquete .precio { display:inline-flex; align-items:center; justify-content:center; font-size:1.2em; line-height:1; margin-bottom:0.25rem; }
.paquete .precio b { font-weight:700; font-size:2.5em; letter-spacing:-0.05em; }
.paquete .sesiones { font-size:.8em; }
.paquete ul { list-style:none; margin:0; padding:0; }
.paquete li { position:relative; font-size:.9em; margin:.25rem 0; padding-left:32px; text-align:left; }
.paquete li:after { position:absolute; left:0; top:0; width:24px; height:24px; display:flex; align-items:center; justify-content:center;  font-weight:900; font-size:1rem; font-family:'Font Awesome 6 Free'; color:var(--celeste); }
.paquete li:after { content:'\f00c'; color:var(--verde); }
.paquete li.noincluye:after { content:'\f00d'; color:var(--rojo); }
.paquete .plan-examen { margin-top:1rem; padding:.5rem 1rem; border:1px solid var(--celeste); border-radius:5px; }
.paquete .card-footer { padding:1rem 1rem 2rem; }
.paquete .card-footer .btn { display:blocK; width:100%; text-align:center; }
.destacado .paquete { border-color:var(--celeste); }
.destacado .paquete .card-header { background:var(--celeste); border-color:var(--celeste); }
.destacado .paquete .card-header h4 { color:var(--blanco); }

/* Formulario */
.card.formulario { color:var(--body); background:var(--gris); background:var(--celeste); color:var(--blanco); border-radius:1rem; box-shadow:0 5px 20px rgb(0 0 0 / 6%); z-index:99; }
.card.formulario .card-header { padding:1.75rem 1.75rem 0; }
.card.formulario .card-body { padding:1.75rem; }
.card.formulario h3 { color:var(--blanco); }
.card.formulario .form-control, .card.formulario .form-select { font-size:.9em; padding:.75rem 1rem; /*background:transparent; border:1px solid rgba(255,255,255,.5);*/ border-radius:5px; }
.card.formulario .form-check input { margin-bottom:0; padding:0; }
.card.formulario .form-check label { font-size:.8em; }

/***************************
***+** COMUTEL RETAIL ******
****************************/

/* Sucursales */
#sucursales .card { border-radius:1rem; box-shadow: 0 5px 20px rgb(0 0 0 / 6%); }
#sucursales .card-header figure { border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden; }
#sucursales .card-body p { font-size:1em; }
#sucursales .card-body, #sucursales .card-footer { padding:2rem; }
#sucursales ul { list-style:none; margin:0; padding:0; }
#sucursales ul.contacto { margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #666; }
#sucursales ul li { display:flex; }
#sucursales ul li i { flex:0 0 20px; width:20px; margin-right:.5rem; padding-top:4px; }


/***************************
***+******* BLOG ***********
****************************/

/* INDEX */
.noticia.destacada { position:relative; color:var(--blanco); margin-bottom:0; border-radius:1rem; overflow:hidden; }
.noticia.destacada:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); z-index: 1; }
.noticia.destacada a { color:var(--blanco); }
.noticia.destacada .card-header .card-img img { width:100%; height:100%; object-fit:cover; }
.noticia.destacada .card-body, .noticia.destacada .card-footer { position:absolute; left:1rem; z-index:2; }
.noticia.destacada .card-body { bottom:3.5rem; }
.noticia.destacada .card-body h3 a { color:var(--blanco); }
.noticia.destacada .card-body h3 a:hover { color:var(--celeste); }
.noticia.destacada .card-footer { bottom:.5rem; padding:1.25rem; }

/* Single Post */
#post #page-header { position:relative; height:500px; }
#post #page-header > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; border-bottom-left-radius:0; z-index:0 }
#post #page-header:before { position:absolute; left:0; top:0; width:90%; height:100%; content:''; background:linear-gradient(90deg, rgba(0, 88, 152, 1) 0%, rgba(0, 88, 152, 0.75) 50%, rgba(0, 88, 152, 0) 100%); z-index:1; }
#post #page-header .container-xl { position:relative; z-index:2; }
#post #single-content h2, #post #single-content h3, #post #single-content h4 { color:var(--azul); margin-top:2rem; }
#post #single-content img { display:block; border-radius:1rem; width:100%; margin:2rem 0 1rem; }

@media (max-width:1366px){ 
}

@media (min-width:1200px){ 
}

@media (max-width:1199.98px){ 
}


@media (min-width:992px){ 
  body#home { padding-top:0; }

  #home header:not(.fixed), #home header:not(.fixed) #topbar { color:var(--blanco); background:transparent !important; box-shadow:none; }
  #home header:not(.fixed) #topbar.bg-azul { font-size:.9em; color:var(--blanco) !important; border-bottom:0px none; background:rgba(0,0,0,.2) !important; }
  #home header:not(.fixed) #topbar.bg-azul .container-xl { position:relative; }
  #home header:not(.fixed) #topbar.bg-azul .container-xl:after { display:none; position:absolute; left:15px; top:100%; width:calc(100% - 30px); height:1px; content:''; background:var(--blanco); opacity:.2; }
  #home header:not(.fixed) #topbar a { color:var(--blanco); }
  #home header:not(.fixed) #topbar .social li a { background:transparent; }
  #home header:not(.fixed) .navbar-brand img { filter: brightness(0) invert(1); }
  #home header:not(.fixed) .navbar-nav > li > a { color:var(--blanco); }

  .navbar ul > li:hover > a { color:var(--celeste); }
  .navbar .dropdown-menu { left:-1rem; padding:1rem 0; background:var(--blanco); border:0px none; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; box-shadow:0px 4px 0px 0px rgba(0,0,0,0.1); }
  .navbar .dropdown-menu[data-bs-popper] { margin-top:1rem; }
  .navbar .dropdown-menu li { margin:0; }
  .navbar .dropdown-menu li a { display:block; padding:.5rem 1.5rem; }
  .navbar .dropdown-menu li a:hover { background:transparent; }  
  .dropdown-item.active, .dropdown-item:active { background:transparent; }

  .navbar-expand-lg .navbar-nav .cuenta .nav-link { padding-left:1rem; padding-right:1rem; background:var(--gris); border-radius:20px; }

  .cifras > div { position:relative; }
  .cifras > div:before { position:absolute; left:-50px; top:-50px; width:100px; height:100px; content:''; background:url('assets/img/logros-adorno.png') no-repeat; background-size:100%; z-index:0; }
}

@media (max-width:991.98px){ 
  body { padding-top:133px; }

  .slick-dots { margin:1rem; }
  .slick-dots li button { width:20px; height:4px; }

  header { position:fixed; top:0; left:0; right:0; z-index:9999; }
  #home header:not(.fixed) { background:var(--blanco) !important; }
  #home header:not(.fixed) .navbar-brand img { filter:none; }
  #home header:not(.fixed) .navbar-nav > li > a { color:var(--negro); }

  .navbar .col-auto { width:100%; padding:0; }
  .navbar-nav { padding:1rem 0; }
  .navbar ul li, .navbar ul li.menu-item-has-children { margin-right:0; }
  .navbar ul li { font-size:1rem; }
  .navbar ul li:not(:last-child) { border-bottom:1px solid var(--gris-claro); }
  .navbar ul li li { border-bottom:1px solid rgba(0,0,0,.25); }
  .navbar ul li li:last-child { border-bottom:0px none; }
  .navbar .navbar-menu > ul { display:block; }
  .navbar .navbar-menu > ul li { margin:0; border-bottom:1px solid #312f45; }
  .navbar-nav .nav-link { padding:.75rem; }
  .navbar .dropdown-toggle { justify-content:space-between; margin:0; }
  .navbar .dropdown-toggle[aria-expanded="true"] { color:var(--ocre); background:var(--gris-claro); }
  .navbar .dropdown-menu { margin:0; padding:0; border:0px none; border-bottom:1px solid rgba(255,255,255,.05); border-radius:0; background:var(--celeste); }
  .navbar .dropdown-item { color:var(--blanco) !important; padding:.75rem 1rem .75rem 1.5rem; }
  .navbar .dropdown-item:hover { color:var(--ocre) !important; background:transparent; }
  .navbar .dropdown-item.active, .navbar .dropdown-item:active { background:transparent; }

  section > .container-xl { padding:3rem 1.5rem; }

  footer .container-xl { padding-left:1.5em; padding-right:1.5rem; }

  /* Page Header */
  .bg-img-der { left:0; width:100%; opacity:.1; }
  .negocio-titulo { justify-content:center; text-align:left; }
  .negocio-titulo img { height:60px; }
  #page-header .section-header h1 { font-size:1.5rem; }

  .page-header { position:relative; height:300px; }
  .page-header > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:0; }
  .page-header .container-xl { position:relative; z-index:1; display:flex; align-items:flex-end; }

  /* Unidades de negocios */
  #unidades .unidad:nth-child(2) { border-right:0px none; }
  #unidades .unidad:first-child, .unidades .unidad:nth-child(2) { border-bottom:1px solid var(--gris); }

  /* Empresas */
  #servicios .img-shadow { box-shadow:none; }

  #single-menu.fixed { top:82px; }
  #single-menu ul li a { padding:1rem 0; }

}

@media (max-width:767.98px){

  body { font-size:1rem; }

  section > .container, section > .container-xl, section > .container-fluid { padding-top:3rem; padding-bottom:3rem; }

  .form-wrap .pad { width:100%; transform:none; }

  #home #servicios { text-align:center; }
  .col-img-left { position:relative; left:0; width:100%; aspect-ratio:21/9; }
  #servicios .pad { padding:0; }

  .cursos-carrusel { margin:0 -30px; }
  #home .curso { margin:0 .5rem; padding:1rem 0; }
  .curso .card-header .logo { height:100px; }

}

@media (max-width:575.98px){ 

  body { font-size:.9rem; padding-top:115px; }
  h6, .h6 { font-size:.9rem; }
  .btn { font-size:12px; margin:.25rem; padding:.6rem 1.25rem; }
  section > .container,section > .container-xl, section > .container-fluid { padding:2.5rem 1.5rem; /*padding-top:2.5rem; padding-bottom:2.5rem;*/ }

  .ul-col-2 { column-count:1; }

  h2, .section-header h2 { font-size:1.5rem; line-height:1.2; }
  .section-header h1 { font-size:1.75rem; line-height:1.2; } 
  .section-header p { font-size:1.1em; }

  .navbar { padding-top:1rem; padding-bottom:1rem; }
  .navbar-brand img { height:32px !important; }
  .navbar-toggler { top:24px; }
  .navbar-toggler-icon { width:1.25em; height:1.25em; }

  #intro .slide .h1 { font-size:2.25rem; }

  .industria figure { aspect-ratio:1/1 !important; }
  .industria figure figcaption i { font-size:1.75rem; }

  .unidad .card-header { padding:.5rem 1rem 0; }
  .unidad .card-header h3.h5 { font-size:1.25em; }
  .unidad .card-header h3 span { display:block; }
  .unidad .card-body { padding:.5rem 1rem 1.5rem; }
  .unidad .card-body p { font-size:.8em; line-height:1.4; }

  .logos-carrusel .logo { margin:0 1rem; }
  .logos-carrusel .logo img { max-width:120px; max-height:40px; }

  .page-header { height:240px; }
  #page-header-2 h1 { font-size:2rem; }

  #single-menu { display:none; }

  #modulos .accordion-item { border-radius:5px; margin-bottom:.25rem; }
  #modulos .accordion-button { font-weight:400; font-size:.9rem; padding:1rem; border-radius:0; }
  #modulos .accordion-button::after { width:24px; height:24px; }
  #modulos .accordion-body { font-size:.9rem; padding:0 1rem 1rem; }
}