/*
 * Custom styles for MEP Academia.
 *
 * Move custom CSS rules here instead of editing the theme stylesheet directly.
 */

 /*donacion*/
.footer-donacion {
    background-color: #f8f9fa;
    padding: 30px;
    text-align: center;
    border-top: 2px solid #e9ecef;
}

.donacion {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.donacion p {
    font-size: 1.2em;
    color: #333333;
    margin-bottom: 20px;
}

.donation-links {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.mercado-pago {
    text-decoration: none;
}

.mercado-pago img {
    width: 150px;
    transition: transform 0.3s ease;
}

.mercado-pago img:hover {
    transform: scale(1.1);
}

/*banner */
.header-banner {
    display: flex;
    justify-content: center;
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	  padding:0px;
}

.banner p{
  margin:0px;
}

.banner {
    display: flex;
    gap: 10px;
    align-items: center;
}

.banner a {
    text-decoration: none;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}

.banner span {
    text-decoration: none;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}

.banner img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.banner .tiktok {
    color: #69C9D0;
}

.banner .youtube {
    color: #FF0000;
}

.banner .mercado-pago {
    color: #0033A0;
}

.lecciones-pandas {
    padding: 20px;
}


/*registrar y boton de los cursos*/
.course-summary-sidebar {
--lp-button-background-color: #4ecf5d; 
}

#checkout-account-login .lp-checkout-sign-up-link { 
font-size: 26px;

}

#checkout-account-login .lp-checkout-sign-up-link a label { 
	color: red;
    font-weight: bold;
}
/*youtube*/
.container-youtube{
position: relative;
	padding-bottom: 56.25%; /* proporción 16:9 */
	padding-top: 25px;
	height: 0;

}

.container-youtube iframe{
 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* boton en learnpress para que se vea un boton de descarga */
.boton-curso{
		display:block;
		font-size:13px;
margin-left:auto;
margin-right:auto;		
}

.single-featured-image-header{
display:none;
}

.learn-press-breadcrumb{
margin-bottom:0px;
}

#content{
padding-top:0px;
}

/* boton en learnpress aumentar gente inscripta al curso */
.meta-item-student span::before{
content:"22";
}

 
/* parte del  learn para checkout , .postid-10405*/
.postid-10490 .site-branding,
.postid-10490 #masthead,
.postid-10490 .learn-press-breadcrumb ,
.postid-8908 .site-branding,
.postid-8908 #masthead,
.postid-8908 .learn-press-breadcrumb ,
.postid-10405 .site-branding,
.postid-10405 #masthead,
.postid-10405 .learn-press-breadcrumb {
display:none;
}
/* parte del  learn para eliminar link del perfil del checkout , .postid-10405*/
.postid-10490 .author-title a[href="https://worpresspage.local/lp-profile/"],
.postid-8908 .author-title a[href="https://worpresspage.local/lp-profile/"],
.postid-10405 .author-title a[href="https://worpresspage.local/lp-profile/"],
.meta-item__value a[href="https://worpresspage.local/lp-profile/"],
.postid-8908 .author-title a[href="https://worpresspage.local/lp-profile/yuscuacademy/"],
.postid-10405 .author-title a[href="https://worpresspage.local/lp-profile/yuscuacademy/"],
.meta-item__value a[href="https://worpresspage.local/lp-profile/yuscuacademy/"] {
display:none;
}
 /* parte del  learn para agregar el boton de una leccion para volver al checkout , .postid-10405*/
.regreso-leccion  {
 
  text-align:center;
}
.boton-regreso-leccion{
 
  padding: .375rem .75rem;
  border-radius: .25rem;
  background-color: #007bff;
  color: #fff;
  transition: background-color .15s ease-in-out;
}

.boton-regreso-leccion:hover, .boton-regreso-leccion:focus {
  background-color: #0069d9;
}

.boton-regreso-leccion:active {
  background-color: #0062cc;
}
 /* parte del  learn para agregar el testiomonial de una leccion , .postid-10405*/
.testimonial-card{
  width:90%;
  margin:50px auto;
  padding:30px;
  background:#ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
  box-sizing: border-box;
}
.testimonial-card .info-testimonial, .testimonial-card .profile{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.testimonial-card .info-testimonial img{
   
}
.testimonial-card .info-testimonial p{
  font-size:14px;
  line-height:22px;
  text-align: center;
  color:#4b4b4b;
}
.testimonial-card .profile{margin-top:30px;}
.testimonial-card .profile img{
   
  border-radius:50%;
}
.testimonial-card .profile h4, .testimonial-card .profile p{
   margin:0;
}
.testimonial-card .profile h4{
   font-size:18px;
   font-weight:600;
   margin-top:10px;
   color:#131313;
}
.testimonial-card .profile p{
   font-size:16px;
   margin-top:5px;
   color:#525252;
}

.course-summary-sidebar .lp-course-buttons button.button-enroll-course {
  color: #000;
}

#content .lp-content-area,#content .wrap, #content #primary {
	max-width:1500px !important; 
}

#content .wrapper-profile-header,#dashboard-general-statistic,#content .entry-header, #wpadminbar p, .site-branding {
	display:none !important; 
}

#profile-content, #profile-sidebar{
	padding-top:0px !important; 
}
 
/* lecciones css de excel*/
.lecciones-excel {
  font-family: Arial, sans-serif;
}

.lecciones-excel header {
  background-color: #4CAF50;
  color: white;
  padding: 20px;
  text-align: center;
}

.lecciones-excel nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.lecciones-excel nav ul li {
  display: inline;
  margin-right: 20px;
}

.lecciones-excel nav ul li a {
  text-decoration: none;
  color: white;
  font-weight: bold;
}

.lecciones-excel nav ul li a:hover {
  text-decoration: underline;
}

.lecciones-excel main {
  padding: 20px;
}

.lecciones-excel section {
  margin-bottom: 30px;
}

.lecciones-excel h2 {
  color: #4CAF50;
}

.lecciones-excel p {
  line-height: 1.6;
}

.lecciones-excel ul {
  margin-top: 0;
}

.lecciones-excel footer {
  background-color: #4CAF50;
  color: white;
  text-align: center
}
/* lecciones css de python*/
.lecciones-python {
  font-family: Arial, sans-serif;
}

.lecciones-python header {
  background-color: #3670a0; /* Color principal de Python */
  color: white;
  padding: 20px;
  text-align: center;
}

.lecciones-python nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.lecciones-python nav ul li {
  display: inline;
  margin-right: 20px;
}

.lecciones-python nav ul li a {
  text-decoration: none;
  color: white;
  font-weight: bold;
}

.lecciones-python nav ul li a:hover {
  text-decoration: underline;
}

.lecciones-python main {
  padding: 20px;
}

.lecciones-python section {
  margin-bottom: 30px;
}

.lecciones-python h2 {
  color: #3670a0; /* Color principal de Python */
}
.lecciones-python .hidden {
  display: none;
}


.lecciones-python p {
  line-height: 1.6;
}

.lecciones-python ul {
  margin-top: 0;
}

.lecciones-python footer {
  background-color: #3670a0; /* Color principal de Python */
  color: white;
  text-align: center;
  padding: 10px 0;
}


.lecciones-python #ejercicio {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

/* Estilos para la sección de práctica y ejemplos */
.lecciones-python #practica,
.lecciones-python #ejemplos {
  background-color: #306998; /* Color principal de Python */
  color: #fff; /* Texto en blanco para resaltar */
  padding: 20px;
  border-radius: 5px;
}

.lecciones-python #practica h2,
.lecciones-python #ejemplos h2 {
  color: #fff; /* Texto en blanco para resaltar */
}

.lecciones-python #practica p,
.lecciones-python #ejemplos p {
  color: #fff; /* Texto en blanco para resaltar */
}

.lecciones-python #practica ul,
.lecciones-python #ejemplos ul {
  list-style-type: none;
  padding: 0;
}

.lecciones-python #practica ul li,
.lecciones-python #ejemplos ul li {
  margin-bottom: 10px;
}

.lecciones-python #practica code,
.lecciones-python #ejemplos code {
  background-color: #f4f4f4;
  padding: 2px 5px;
  border-radius: 4px;
  color: #306998; /* Cambio de color del texto del código */
}

.lecciones-python #practica button,
.lecciones-python #ejemplos button {
  background-color: #fff; /* Fondo blanco para botones */
  color: #306998; /* Texto en color Python */
  border: 2px solid #fff; /* Borde blanco */
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}

.lecciones-python #practica button:hover,
.lecciones-python #ejemplos button:hover {
  background-color: #306998; /* Cambio de color al pasar el ratón */
  color: #fff;
}

.hidden {
  display: none;
}

/*redes sociales */
.lecciones-python #redes-sociales {
    background-color: #306998; /* Azul oscuro, color representativo de Python */
    color: #fff;
    padding: 20px;
    text-align: center;
}

.lecciones-python .redes-sociales {
    margin-top: 10px;
}

.lecciones-python .redes-sociales a {
    display: inline-block;
    margin: 0 10px;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff; /* Fondo blanco por defecto */
    color: #333;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
}

.lecciones-python .redes-sociales a:hover {
    background-color: #666; /* Gris oscuro al pasar el ratón */
    color: #fff; /* Texto blanco al pasar el ratón */
}

.lecciones-python .boton-instagram {
    background-color: #833AB4; /* Violeta, color de Instagram */
}

.lecciones-python .boton-youtube {
    background-color: #FF0000; /* Rojo, color de YouTube */
}
/* respuestass a comentarios*/
.comment-list {
    list-style: none;
    padding-left: 0;
}

.comment-body {
    border: 1px solid #d1d5da;
    border-radius: 5px;
    margin-bottom: 1.5em;
    padding: 1em;
    background-color: #f9f9f9;
}

.comment-body .comment-author .fn {
    font-weight: bold;
    color: #3572A5; /* Python blue */
}

.comment-body .comment-author img {
    border-radius: 50%;
    margin-right: 1em;
}

.comment-body .comment-meta {
    font-size: 0.875em;
    color: #6a737d;
}

.comment-body .comment-metadata a {
    color: #3572A5; /* Python blue */
    text-decoration: none;
}

.comment-body .comment-metadata a:hover {
    text-decoration: underline;
}

.comment-content {
    margin-top: 0.5em;
    font-size: 1em;
    color: #24292e;
}

.comment-body a.comment-reply-link {
    display: inline-block;
    margin-top: 0.5em;
    padding: 0.5em 1em;
    background-color: #3572A5; /* Python blue */
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

.comment-body a.comment-reply-link:hover {
    background-color: #244a73; /* Darker blue */
}

.comment-body a.comment-reply-link svg {
    margin-right: 0.5em;
}

.children {
    margin-left: 2em;
    border-left: 2px solid #d1d5da;
    padding-left: 1em;
}

.comment-author.vcard a.url {
    color: #3572A5; /* Python blue */
    text-decoration: none;
}

.comment-author.vcard a.url:hover {
    text-decoration: underline;
}

.comment-author img {
    border: 2px solid #3572A5; /* Python blue */
    padding: 2px;
}

.comment-meta .edit-link a {
    color: #3572A5; /* Python blue */
    text-decoration: none;
}

.comment-meta .edit-link a:hover {
    text-decoration: underline;
}

/*lecciones css en pandas*/
/* Estilos generales */
.lecciones-pandas body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8f9fa;
    color: #333;
}

.lecciones-pandas h1, .lecciones-pandas h2, .lecciones-pandas h3, .lecciones-pandas h4 {
    color: #1a5276;
}
.lecciones-pandas h1 {
    color: #fff;
	 margin-bottom: 0.75em;
}
/* Encabezado */
.lecciones-pandas header {
    background-color: #1a5276;
    color: white;
    padding: 20px;
    text-align: center;
}

 

.lecciones-pandas nav   {
    
    padding-top: 50;
}

.lecciones-pandas nav ul {
    list-style: none;
    padding: 0;
}

.lecciones-pandas nav ul li {
    display: inline;
    margin-right: 15px;
}

.lecciones-pandas nav ul li a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.lecciones-pandas nav ul li a:hover {
    text-decoration: underline;
}

/* Secciones */
.lecciones-pandas section {
    padding: 20px;
    margin: 10px 0;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.lecciones-pandas section h2 {
    border-bottom: 2px solid #1a5276;
    padding-bottom: 10px;
}

.lecciones-pandas ul {
    padding-left: 20px;
}

.lecciones-pandas pre {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
    overflow-x: auto;
}

/* Botones */
.lecciones-pandas button {
    background-color: #1a5276;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
	
	
    border-radius: 5px;
}

.lecciones-pandas button:hover {
    background-color: #154360;
}

/* Estilos del contenedor de YouTube */
.lecciones-pandas .container-youtube {
    text-align: center;
    margin: 20px 0;
}



/* Sección de ejercicios */
.lecciones-pandas .hidden {
    display: none;
}

.lecciones-pandas #info pre {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
    overflow-x: auto;
    margin-bottom: 10px;
}

/* Enlaces */
.lecciones-pandas a {
    color: #1a5276;
    text-decoration: none;
}

.lecciones-pandas a:hover {
    text-decoration: underline;
}