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

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

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



/*shortcode*/

/*citas*/
section.recuadro {border: 1px solid #cc1748; padding:15px 10px;background-color:white;color:rgb(33, 37, 41);font-family: 'Poppins'; margin:50px 0;}

section.fondoSolido.azul {padding:15px 10px;background-color:#1d03e8;color:white;font-family: 'Poppins';margin:50px 0;}
section.fondoSolido.rosa {padding:15px 10px;background-color:#cc1748;color:white;font-family: 'Poppins';margin:50px 0;}

section.comillado {padding:15px 10px;background-color:#f9f9f9;color:rgb(33, 37, 41);font-family: 'Poppins';margin:50px 0;}

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

.contenedor{
  text-align:right;
}
.camuflaEnlaceBlank{
  display:inline!important;
  cursor:pointer;
  color:white;
  background-image:linear-gradient(125deg, rgba(204, 23, 72, 1) 0%, rgba(140, 4, 41, 1) 100%);;
  padding:5px 10px;
  border-radius:10px;
  border-bottom:1px solid rgb(243, 243, 243);
  transition: border-bottom 1s ease;
}

.camuflaEnlaceBlank:hover{
  border-bottom:1px solid #cc1748;
}






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.ctaBlogPlataforma {width: 100%;background-position: center center;background-repeat:no-repeat;background-size:cover;padding:30px 15px;text-align: center; margin:50px 0;}

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

section.ctaBlogPlataforma .tituloCTABlog.blanco {color:white;}
section.ctaBlogPlataforma .tituloCTABlog.negro {color:rgb(33, 37, 41);}

section.ctaBlogPlataforma 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.ctaBlogPlataforma a.btnCtaBlog.rosa {color:white;background-image:linear-gradient(125deg, rgba(204, 23, 72, 1) 0%, rgba(140, 4, 41, 1) 100%);}
section.ctaBlogPlataforma 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-image: linear-gradient(125deg, rgba(204, 23, 72, 1) 0%, rgba(140, 4, 41, 1) 100%); color:white;font-weight: 600;padding:15px;}
table.tablaBlogSherpa tbody td {background-color:#f9f9f9;color:black;padding:15px;}

@media(max-width:468px){
  table.tablaBlogSherpa thead th,table.tablaBlogSherpa tbody td{
    padding:10px;
    font-size:0.8em;
  }

  .ctaForm {
    display:block!important;
  }
  .ctaForm > div{
    width:100%!important;
    max-width:100%!important;
  }
}

/*listas*/
div.listadosBlog{
  position:relative;
  margin-left:35px;
}
div.listadosBlog ol,
div.listadosBlog ul {font-family: 'Poppins'; font-size: 1rem; list-style-position: outside;margin:50px 0;}
div.listadosBlog ul{
  list-style-type: none;
}
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://plataformadereclamacion.es/wp-content/uploads/2024/04/Flecha.svg);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-image:linear-gradient(#fcfcfc, #f9f9f9);min-height:380px;margin-bottom:60px;text-align:center; }
.bannerCurso .franjaSuperior {background-image:linear-gradient(125deg, rgba(204, 23, 72, 1) 0%, rgba(140, 4, 41, 1) 100%);;color:white;font-family: 'Poppins'; font-size: 1.4rem;font-weight: 600;padding:5px 15px;text-align:center;}
.bannerCurso .cuerpoBannerCurso {position:relative; font-family: 'Poppins';font-size: 1rem;display:flex;justify-content: center;}
.bannerCurso .cuerpoBannerCurso .contenido {text-align: center}
.bannerCurso .cuerpoBannerCurso .contenido .slogan {font-size: 1.2rem;margin:20px 0;border-bottom:3px solid #cc1748;color:rgb(33, 37, 41);padding-bottom:20px;}
.bannerCurso .cuerpoBannerCurso .contenido .elCurso {display:inline-block;font-size: 2.4rem;font-weight: 700;margin:20px 0;line-height: 1.2;color:#cc1748;}
.bannerCurso .cuerpoBannerCurso .contenido .textoCurso {text-align: center;padding:0 20px;}
.bannerCurso .cuerpoBannerCurso .contenido .textoCurso span {border-bottom: 1px solid #cc1748;}
.bannerCurso .cuerpoBannerCurso .contenido .textoCurso:before {content: '';}
.bannerCurso .cuerpoBannerCurso .contenido .botonBannerCurso {background-image:linear-gradient(125deg, rgba(204, 23, 72, 1) 0%, rgba(140, 4, 41, 1) 100%);;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 {display:inline-block;max-width:200px; margin-top:30px;margin-bottom:20px;}

/*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%;
}

/*CTA Form*/

.ctaForm{
  position:relative;
  display:flex;
  align-items: center;
  justify-content: space-around;
  margin:50px 0;
}

.ctaForm > div {
  display: block;
  margin:0 auto;
  box-sizing: border-box;
  width: 45%;
  max-width: 45%;
}

.ctaForm .franjaSuperior{
  color:#cc1748;
  font-size:1.4em;
  font-weight: 500;
}

.ctaForm .slogan {
  color:rgb(33, 37, 41);
}

.ctaForm .imagenRelleno{
  display: flex;
  justify-content: center;
}

.ctaForm .formulario span.wpcf7-not-valid-tip {
  display:inline-block;
}

.ctaForm .formulario p{
  margin-bottom:0.4em!important;
}

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


}