/* ------------------------------
   CONTENEDOR
--------------------------------*/
.microweb-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ------------------------------
   BODY
--------------------------------*/
.microweb-body {
  font-family: montserrat, system-ui, sans-serif;
  background: #ffffff;
  color: #222;
  line-height: 1.7;
}

/* ------------------------------
   HEADER
--------------------------------*/
.microweb-header {
  background: #ffffff;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  position: sticky;
  top: 0;
  z-index: 999;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* LOGO */
.microweb-logo img {
  height: 55px;
  width: auto;
}

.microweb-logo a {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 700;
  color: #111;
  text-decoration: none;
}

/* ------------------------------
   MENÚ ESCRITORIO
--------------------------------*/
.microweb-nav {
  display: flex;
}

.microweb-menu {
  list-style: none;
  display: flex;
  gap: 35px;
  margin: 0;
  padding: 0;
}

.microweb-menu li a {
  text-decoration: none;
  color: #0056b3;
  font-weight: 500;
  font-size: clamp(1.3rem, 2vw, 1.5rem);
  padding: 10px 0;
  transition: 0.3s;
}

.microweb-menu li a:hover,
.microweb-menu .current-menu-item > a {
  color: #003366;
  border-bottom: 2px solid #003366;
}

/* ------------------------------
   BOTÓN HAMBURGUESA
--------------------------------*/
/*.microweb-burger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.microweb-burger span {
  width: 28px;
  height: 3px;
  background: #111;
  transition: 0.3s;
}

.microweb-burger.open span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.microweb-burger.open span:nth-child(2) {
  opacity: 0;
}
.microweb-burger.open span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
*/



/* Forzar menú horizontal también en móvil */
@media (max-width: 530px) {


  /* Mantener el menú visible */
  .microweb-nav {
    display: block !important;
    position: static !important;
    width: 100%;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }

  /* Mantener los items en línea */
  .microweb-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap; /* si no cabe, baja a segunda línea sin romper nada */
    justify-content: flex-end !important;
    align-items: center;
    gap: 8px; /* separación entre pestañas */
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .microweb-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .microweb-menu li a {
    display: inline-block;
    padding: 0px 0px 0 0;
    font-size: 1.25rem;
	line-height: 1.1;
  }
}


/* ------------------------------
   MENÚ MÓVIL
--------------------------------*/
/*@media (max-width: 768px) {

  .microweb-burger {
    display: flex;
  }

  .microweb-nav {
    display: none;
    position: absolute;
    top: 70px;
    right: 0;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #ddd;
    padding: 20px 0;
  }

  .microweb-nav.open {
    display: block;
  }

  .microweb-menu {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .microweb-menu li a {
    font-size: 1.3rem;
    padding: 12px;
  }
}
*/
/* Mostrar menú de escritorio también en móvil */
/*@media (max-width: 768px) {
    .microweb-nav {
        display: none !important; / Oculta icono hamburguesa /
    }

    #site-navigation,
    .main-navigation,
    .microweb-nav ul {
        display: block !important;
    }

    .microweb-nav ul li {
        display: inline-block !important;
        margin-right: 10px;
    }

    .microweb-nav ul {
        text-align: left; / Cambia a center si lo quieres centrado /
    }
}*/


/* ------------------------------
   MAIN
--------------------------------*/
.microweb-main {
  padding: 50px 0;
}

.microweb-main h1 {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.microweb-main h2 {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  margin-top: 1.8rem;
  margin-bottom: 1rem;
  margin-left: 0rem;
  font-weight: 700;
  padding-top: 10px;    /* ajusta a lo que necesites */
  padding-bottom: 10px; /* ajusta a lo que necesites */
  padding-left: 20px;
}

.microweb-main h3 {
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  margin-top: 1.5rem;
  margin-bottom: 0.8rem;
  font-weight: 600;
}

.microweb-main p,
.microweb-main ul,
.microweb-main ol {
  font-size: clamp(1.2em, 1.5vw, 1.25rem);  
  margin-left: 20px;
  margin-bottom: 1.5rem;
  line-height: 1.5;
  color: #333;
}

.microweb-main ul,
.microweb-main ol {
    padding-left: 2em;    /* sangría desde el borde del contenedor */
    margin-bottom: 1.5rem;
}

.microweb-main ul li,
.microweb-main ol li {
    margin-bottom: 0.5rem; /* espacio entre elementos de la lista */
}


/* ------------------------------
   FOOTER
--------------------------------*/
.microweb-footer {
  background: #f8f8f8;
  color: #555;
  text-align: center;
  padding: 40px 0;
  margin-top: 60px;
  border-top: 1px solid #ddd;
}

.microweb-footer p {
  margin: 0;
  font-size: 1rem;
}

/* ------------------------------
   BOTONES / LINKS
--------------------------------*/
.microweb-main a.button {
  display: inline-block;
  background: #0056b3;
  color: #fff;
  text-decoration: none;
  padding: 12px 25px;
  border-radius: 5px;
  font-weight: 500;
  transition: 0.3s;
}

.microweb-main a.button:hover {
  background: #003366;
}
/* Tamaño de imagenes en página Talleres*/
.wp-block-media-text__media img {
  width: 80%;   /* la imagen ocupará el 60% de su columna */
  height: auto;
  margin: 30px auto; /* la centra horizontalmente */
  margin-bottom: 20px;
  display: block;
}

/* ------------------------------
   RESPONSIVE GENERAL
--------------------------------*/
@media (max-width: 480px) {
  body.microweb-body .microweb-container {
    padding: 0 15px;
  }
  body.microweb-body .microweb-main h1 {
    font-size: 1.6rem; !important;
  }
  body.microweb-body .microweb-main h2 {
    font-size: 1.5rem; !important;
  }
  body.microweb-body .microweb-main h3 {
    font-size: 1.3rem;
  }
  body.microweb-body .microweb-main p,
  body.microweb-body .microweb-main ul,
  body.microweb-body .microweb-main ol {
    font-size: 1.35rem;
  }
}
@media (max-width: 600px) {
/*
 * Tamaño de imagenes en página Talleres
 */
.wp-block-media-text__media img {
  width: 50%;   /* la imagen ocupará el 60% de su columna */
  height: auto;
  margin: 30px auto; /* la centra horizontalmente */
  margin-bottom: 10px;
  display: block;
}
	
}

/* ------------------------------
   FORMULARIO INSCRIPCION
--------------------------------*/
/* Cada item ocupa su propia fila */
.wpcf7 .limitar2 .wpcf7-list-item {
    display: block;           /* cada checkbox en su propia fila */
    margin-bottom: 8px;
}

/* Label como flex para alinear checkbox + texto */
.wpcf7 .limitar2 .wpcf7-list-item label {
    display: flex;
    align-items: flex-start;  /* checkbox alineado con la primera línea del texto */
}

/* Checkbox fijo a la izquierda */
.wpcf7 .limitar2 .wpcf7-list-item input[type="checkbox"] {
    flex: 0 0 auto;
    margin-right: 8px;        /* espacio entre checkbox y texto */
    margin-top: 3px;          /* centra verticalmente con la primera línea del texto */
}

/* Texto del label multilinea */
.wpcf7 .limitar2 .wpcf7-list-item-label {
    display: block;
    line-height: 1.4;         /* opcional, espacio entre líneas */
    word-break: break-word;    /* para textos largos */
}

/*
 * Poner cada una de las opciones del checkbox en líneas separadas
 * Solo afecta a checkboxes con class: splitLines */
/* Contenedor del item */
.wpcf7-checkbox.splitLines .wpcf7-list-item {
    display: flex;
    align-items: flex-start; /* alinea checkbox y la primera línea del texto */
    gap: 6px; /* espacio entre checkbox y texto (ajusta) */
    margin-bottom: 4px; /* espacio entre opciones */
} 
/* Checkbox */
.wpcf7-checkbox.splitLines .wpcf7-list-item input[type="checkbox"] {
    margin-top: 4px; /* microajuste para alineación vertical fina */
}

/* Texto (incluyendo multilínea) */
.wpcf7-checkbox.splitLines .wpcf7-list-item-label {
    line-height: 1.3;
    display: block;
}





// Fin texto adicional


/* ATENUAR en GRIS */
/* ================*/
/* Transición suave al ocultar */
.wpcf7 .limitar2-label-hidden {
  display: none important!;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Checkbox deshabilitado dentro de grupo limitar2. Ponerlo en gris suave */
/* .wpcf7 .limitar2 label.limitar2-label-disabled {
    color: #b6b6b6;   /* Gris suave */
    cursor: not-allowed;
    opacity: 0.6;
    transition: color 0.8s ease, opacity 0.8s ease;
}*/

/* Evitar interacción dentro del label */
.wpcf7 .limitar2 label.limitar2-label-disabled * {
    pointer-events: none;
}

// Estilo para las opciones del checkbox limitados
/*.wpcf7 .limitar2 label {
    display: block;
    margin-bottom: 50px;
}*/

/* 
 * Viñetas en el formulario CF7
 * /
 
/* Aplica a tus listas dentro de CF7 */
/* Opcional: ajustar los <li> */
.wpcf7-form .wpcf7-lista li p {
    margin: 0;           /* elimina márgenes del párrafo */
    line-height: inherit;    /* ajusta al mismo que los párrafos normales */
    font-family: inherit; /* mismo tipo de letra */
    font-size: inherit;   /* mismo tamaño */
    color: inherit;       /* mismo color */
}

/* Labels dentro de CF7 */
.wpcf7-form label {
  font-weight: bold;      /* pone el texto en negrita */
  display: block;         /* asegura que padding/margin funcionen correctamente */
  margin-top: 10px;       /* separación superior entre preguntas dentro de la misma lista*/
}


/* Si quieres separar solo los labels que son "preguntas", y no los labels internos de checkboxes: */
/* Poner en negrita las labels que encabezan los campos */
.wpcf7-form > p > label {
  font-weight: bold;
  margin-top: 20px;
  display: block;
}

/* Labels de checkboxes: mantener normal */
.wpcf7-form .wpcf7-list-item-label {
    font-weight: normal; /* no negrita */
}

.formulario-personalizado .wpcf7 {
  background-color: #fafafa;
  padding: 20px 20px;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}




/*
.formulario-personalizado .wpcf7 input[type="text"],
.formulario-personalizado .wpcf7 input[type="email"],
.formulario-personalizado .wpcf7 textarea {
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
*/