/**************************************
Reglas globales
***************************************/

.neutro1{color: white;}
.neutro2{color: black;}

.destacado1{color: #ffe92e;}
.destacado2{color: #1d03e8;}



/*shortcode*/

/*citas*/
section.recuadro {border: 1px solid #1d03e8; padding:15px 10px;background-color:white;color:black;font-family: 'Poppins';}

section.fondoSolido.azul {padding:15px 10px;background-color:#1d03e8;color:white;font-family: 'Poppins';}
section.fondoSolido.amarillo {padding:15px 10px;background-color:#ffe92e;color:black;font-family: 'Poppins';}

section.comillado {padding:15px 10px;background-color:white;color:black;font-family: 'Poppins';}

section.comillado:before {
	content: "\f10d";
	font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900);
}



section.recuadro .dc-link.dc-twitter, 
section.comillado .dc-link.dc-twitter {display:block; width: 100%;position: relative;}

section.recuadro .dc-link.dc-twitter {text-align: right;}
section.comillado .dc-link.dc-twitter {text-align: center;}

section.recuadro .dc-link.dc-twitter i.fa-twitter, 
section.comillado .dc-link.dc-twitter i.fa-twitter {background-color: #1d03e8; border-radius: 50%; padding: 5px; color: white;postion:absolute;top:-10px}

/*caja para cta*/

section.ctaBlogSherpa {width: 100%;background-position: center center;background-repeat:no-repeat;background-size:cover;padding:30px 15px;text-align: center;margin-bottom:30px;}

section.ctaBlogSherpa p.tituloCTABlog {font-family: 'Poppins';font-size:24px;font-weight: 600;}

section.ctaBlogSherpa .tituloCTABlog.blanco {color:white;}
section.ctaBlogSherpa .tituloCTABlog.negro {color:black;}

section.ctaBlogSherpa a.btnCtaBlog {max-width: 50%;margin:0 auto;display:block;border-radius:20px;font-size:20px;font-family: 'Poppins';padding:15px 20px;text-align: center;}
section.ctaBlogSherpa a.btnCtaBlog.amarillo {color:black;background-color:#ffe92e;}
section.ctaBlogSherpa a.btnCtaBlog.azul {color:white;background-color:#1d03e8;}

/*Tablas*/
table.tablaBlogSherpa {text-align: center;font-family: 'Poppins';border-collapse: separate;  border-spacing: 10px;}

table.tablaBlogSherpa thead th {background-color: #1d03e8; color:white;font-size:24px;font-weight: 600;padding:15px;}
table.tablaBlogSherpa tbody td {background-color: #f3f7fe; color:black;font-size:18px;padding:15px;}

/*listas*/
div.listadosBlog ol,
div.listadosBlog ul {font-family: 'Poppins'; font-size: 1rem; list-style-position: outside;}
div.listadosBlog ol li,
div.listadosBlog ul li {margin-bottom:1.2rem;}

div.listadosBlog ul.flecha li:before {position: absolute; left:-35px;content:''; background-image: url(https://sherpacampus.com/wp-content/uploads/2023/10/lista-flecha.png);background-repeat:no-repeat;background-size:contain;background-position:center center;width: 30px;height: 30px;}
div.listadosBlog ul.sherpa li:before {position: absolute; left:-35px;content:''; background-image: url(https://sherpacampus.com/wp-content/uploads/2023/10/lista-S.png);background-repeat:no-repeat;background-size:contain;background-position:center center;width: 30px;height: 30px;}
div.listadosBlog ol li {}


/*baners cursos*/
.bannerCurso {background-color:#edebe9;min-height:380px;margin-bottom:60px }
.bannerCurso .franjaSuperior {background-color:#1d03e8;color:white;font-family: 'Poppins'; font-size: 1.4rem;font-weight: 600;padding:5px 15px;}
.bannerCurso .cuerpoBannerCurso {position:relative; font-family: 'Poppins';font-size: 1rem;}
.bannerCurso .cuerpoBannerCurso:before {content: '';background-image: url(https://sherpacampus.com/wp-content/uploads/2023/10/imagen-fondo-banner-cursos.png);background-repeat:no-repeat;background-size:contain;background-position:center center;width: 30px;height: 30px;}
.bannerCurso .cuerpoBannerCurso .contenido {max-width:calc(100% - 250px);text-align: center;padding-left:120px;}
.bannerCurso .cuerpoBannerCurso .contenido .slogan {font-size: 1.2rem;margin:20px 0;}
.bannerCurso .cuerpoBannerCurso .contenido .elCurso {font-size: 2.4rem;font-weight: 700;margin:20px 0;line-height: 1.2;}
.bannerCurso .cuerpoBannerCurso .contenido .textoCurso {text-align: center;padding:0 20px;}
.bannerCurso .cuerpoBannerCurso .contenido .textoCurso span {border-bottom: 1px solid #1d03e8;}
.bannerCurso .cuerpoBannerCurso .contenido .textoCurso:before {content: '';}
.bannerCurso .cuerpoBannerCurso .contenido .botonBannerCurso {background-color:#1d03e8;color:white;padding:5px 20px;text-transform: uppercase;border-radius:10px;display: block;text-align: center;max-width: 50%;margin:0 auto;}
.bannerCurso .cuerpoBannerCurso .imagenRelleno {position: absolute;top:-150px;right: 0;max-width:200px;}

/*opiniones*/

.destacado1{color: #ffe92e;}
.destacado2{color: #1d03e8;}

/*videos*/
.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 9 dividido por 16 para obtener la proporción de 16:9 */
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media(max-width:680px){
	section.ctaBlogSherpa a.btnCtaBlog {max-width: 80%;font-size: 18px;}


}

/* Los estilos del acordeon de FAQs se inyectan desde js/faq-accordion.js
   (asi sobreviven al "Remove Unused CSS" de WP Rocket). */