/* =========================================================
   MODULO: DIRIGIDO A
   ========================================================= */

/* ===== CONTENEDOR GENERAL ===== */
.dirigidoa {
  width: 100%;
  
  /* Márgenes externos solicitados */
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;

  display: flex;
  justify-content: center;

  /* Pequeño padding lateral de seguridad en pantallas chicas */
  padding-left: 16px;
  padding-right: 16px;

  box-sizing: border-box;
}


/* ===== CARD AMARILLA ===== */
.dirigidoa__card {

  /* Color base: #FFEA00 */
  /* Si quieres cambiar la opacidad, modifica el último valor (0.5) */
  background-color: rgba(255, 234, 0, 0.5);

  /* Redondeado solicitado */
  border-radius: 12px;

  /* Ancho máximo recomendado para buena lectura */
  /* Puedes cambiar 980px si necesitas más ancho */
  max-width: 980px;
  width: 100%;

  /* Paddings DESKTOP solicitados */
  /* Cambia 38px si quieres más o menos espacio vertical */
  padding-top: 38px;
  padding-bottom: 38px;

  /* Laterales automáticos → controlados por max-width */
  padding-left: 40px;
  padding-right: 40px;

  text-align: center;
  box-sizing: border-box;
}


/* =========================================================
   TIPOGRAFÍA
   ========================================================= */

/* ---- Título H2 "Dirigido a:" ---- */
.dirigidoa__title {
  font-weight: 700;          /* Negritas */
  font-size: 24px;           /* Tamaño solicitado */
  line-height: 120%;         /* Line height solicitado */
  margin: 0 0 18px 0;        /* Espacio inferior */
  font-family: 'Nexa-Regular'
}


/* ---- Descripción editable (Rich Text o Text) ---- */
.dirigidoa__description {
  font-weight: 400;          /* Sin negritas */
  font-size: 18px;
  line-height: 120%;
  margin: 0 0 26px 0;        /* Espacio inferior */
  font-family: 'Nexa-Regular';
}

/* Si el campo es Rich Text, HubSpot mete <p> internos */
.dirigidoa__description p {
  margin: 0;
}


/* ---- Pregunta H3 ---- */
.dirigidoa__question {
  font-weight: 700;          /* Negritas */
  font-size: 20px;
  line-height: 120%;
  margin: 0 0 10px 0;
  font-family: 'Nexa-Regular'
}


/* ---- Respuesta SI / NO ---- */
.dirigidoa__answer {
  font-weight: 400;          /* Sin negritas */
  font-size: 18px;
  line-height: 120%;
  margin: 0;
  font-family: 'Nexa-Regular'

  /* Puedes quitar esto si no quieres ligera separación de letras */
  letter-spacing: 0.5px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

  .dirigidoa__card {

    /* Paddings mobile solicitados */
    /* Cambia 15px si quieres más aire en celular */
    padding-top: 15px;
    padding-bottom: 15px;

    padding-left: 20px;
    padding-right: 20px;
  }

  /* Si quieres reducir ligeramente tamaños en móvil,
     puedes activar esto (opcional):

  .dirigidoa__title {
    font-size: 22px;
  }

  .dirigidoa__description {
    font-size: 16px;
  }

  .dirigidoa__question {
    font-size: 18px;
  }

  .dirigidoa__answer {
    font-size: 16px;
  }

  */
}