/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1765836700
Updated: 2025-12-15 22:11:40

*/

/* ************************* 
Acordion "programa del curso" en cursos
**************************** */

/* Tipografía y color del contenido interno */
.sh-accordion .sh-acc-content,
.sh-accordion .sh-acc-content p,
.sh-accordion .sh-acc-content li {
  font-family: var(--e-global-typography-text-font-family), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.7;
  color: #333;
}

/* Encabezados dentro del contenido */
.sh-accordion .sh-acc-content h1,
.sh-accordion .sh-acc-content h2,
.sh-accordion .sh-acc-content h3,
.sh-accordion .sh-acc-content h4 {
  font-family: var(--e-global-typography-text-font-family);
  font-weight: 700;
  line-height: 1.35;
  margin: 18px 0 10px;
}

/* Contenedor */
.sh-accordion { border: 0; padding: 0; margin: 0; width: 100%}

/* Item sin bordes y con separación sutil */
.sh-acc-item { border: 0; margin: 12px 0; border-radius: 14px; overflow: hidden; }

/* Encabezado */
.sh-acc-summary{
  display:flex; align-items:center; gap:12px;
  cursor:pointer; padding:5px 22px; font-weight:700; 
  background:#fff; list-style:none; border:0;
  border-radius:14px;
}
.sh-acc-summary::-webkit-details-marker{ display:none; }

/* “Puntito” convertido en flecha */
.sh-acc-bullet{
  width:10px; height:10px; display:inline-block; flex:0 0 10px;
  border-right:2px solid var(--e-global-color-primary); 
  border-bottom:2px solid var(--e-global-color-primary);
  transform: rotate(-45deg);           /* >  (cerrado) */
  transition: transform .2s ease;
}

/* Título */
.sh-acc-title{ flex:1; font-size: 18px; font-weight: 600; font-family: var(--e-global-typography-text-font-family); color: var( --e-global-color-text ); padding: 5px; }

/* Estado seleccionado (abierto) */
.sh-acc-item[open] .sh-acc-summary{
  position: relative;
  overflow: hidden;
}

/* Overlay con color global + opacidad */
.sh-acc-item[open] .sh-acc-summary::before{
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--e-global-color-primary);
  opacity: 0.4; /* 👈 ajustá acá */
  z-index: 0;
}

/* Contenido arriba del overlay */
.sh-acc-item[open] .sh-acc-summary > *{
  position: relative;
  z-index: 1;
}

/* Bullet abierto */
.sh-acc-item[open] .sh-acc-bullet{
  transform: rotate(45deg);
}

/* Contenido: más padding, sin borde */
.sh-acc-content{
  overflow: hidden;
  transition: height 300ms ease, opacity 300ms ease;
  will-change: height;
  padding: 20px 10px;                 /* <- clave */
  box-sizing: content-box;    /* altura no incluye padding */
}

.sh-acc-inner {
  padding: 0px;   /* el mismo que venías usando */
}

.ue-item-text {
	font-size: 18px;
	font-weight: 300;
	font-family: var(--e-global-typography-text-font-family);
}

/* Listas internas prolijas */
.sh-acc-content ul{ margin:12px 0 0 18px; }
.sh-acc-content li{ margin:6px 0; }

.sh-accordion .sh-acc-content li { 
  margin: 6px 0; 
}


/* Quitar márgenes “fantasma” al inicio/fin del bloque */
.sh-accordion .sh-acc-content > *:first-child { margin-top: 0; }
.sh-accordion .sh-acc-content > *:last-child  { margin-bottom: 0; }

/* Flecha gira al abrir inmediatamente */
.sh-acc-item.is-opening .sh-acc-bullet,
.sh-acc-item[open]       .sh-acc-bullet { transform: rotate(45deg); }

/* Flecha vuelve inmediatamente cuando el item entra en modo cierre */
.sh-acc-item.is-closing .sh-acc-bullet { 
  transform: rotate(-45deg);
}


/* Mientras se está cerrando, colapsamos padding para que no haga escalón */
.sh-acc-item.is-closing .sh-acc-content{
  padding-top: 0;
  padding-bottom: 0;
}


/* La flecha gira si el item está abierto O en proceso de abrirse */
.sh-acc-item.is-opening .sh-acc-bullet,
.sh-acc-item[open]       .sh-acc-bullet { transform: rotate(45deg); }


/* La flecha puede animar, pero arranca en el click porque la seteamos inline */
.sh-acc-bullet{
  transition: transform 160ms ease; /* opcional */
}


/* ************************* 
Accordion FAQ (variant="faq")
**************************** */

/* Contenedor FAQ */
.sh-accordion--faq{
  width: 100%;
}

/* Cada item sin caja ni fondo */
.sh-accordion--faq .sh-acc-item{
  margin: 0;
  border-radius: 0;
}

/* Header tipo FAQ: texto izquierda, icono derecha */
.sh-accordion--faq .sh-acc-summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
  background: transparent;
  border-radius: 0;
  border-bottom: 1px solid var(--e-global-color-primary); /* 👈 color línea */
}

/* Eliminar overlay azul al abrir */
.sh-accordion--faq .sh-acc-item[open] .sh-acc-summary::before{
  display: none;
}

/* Título FAQ */
.sh-accordion--faq .sh-acc-title{
  font-size: 18px;
  font-weight: 500;
  padding: 0;
}

/* Bullet pasa a la derecha */
.sh-accordion--faq .sh-acc-bullet{
  order: 2;
  width: 14px;
  height: 14px;
  border: none;
  position: relative;
  flex: 0 0 14px;
  margin-left: 16px;
  
  transform: none !important;   /* 👈 CLAVE */
  transition: none;             /* 👈 CLAVE */
}

/* Icono "+" */
.sh-accordion--faq .sh-acc-bullet::before,
.sh-accordion--faq .sh-acc-bullet::after{
  content: "";
  position: absolute;
  background-color: #111;
}

.sh-accordion--faq .sh-acc-bullet::before{
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.sh-accordion--faq .sh-acc-bullet::after{
  height: 100%;
  width: 2px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

/* Al abrir: "+" pasa a "–" */
.sh-accordion--faq .sh-acc-item[open] .sh-acc-bullet::after{
  opacity: 0;
}

/* Contenido FAQ más limpio */
.sh-accordion--faq .sh-acc-content{
  padding: 14px 0 22px;
}

.sh-accordion--faq .sh-acc-inner{
  padding: 0;
}