/* *************************************** */
/* ********* TITULO Y SUBTITULO ************ */
/* *************************************** */

.queescfdi {
  width: 49.5rem;                 /* 792 ÷ 16 */
  height: 13.5451793671rem;       /* 216.72286987304688 ÷ 16 */
  gap: 1.2325rem;                 /* 19.72 ÷ 16 */
  height: auto;
  padding: 1.25rem; /* 20px */
  gap: 1.2325rem; /* 19.72px → aproximado */
  opacity: 1;
  margin: 0 auto; /* centra horizontalmente */
  text-align: center;
  font-family: 'Quicksand', sans-serif;
}

.main-desc{
  font-size: 26px;
}



.main-titlecfdi{

  font-weight: 700;
  font-style: Bold;
  font-size: 56px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #003899;
  font-family: 'Quicksand', sans-serif;
}




/* *************************************** */
/* ************ BENEFICIOS *************** */
/* *************************************** */

.textoCFDI{
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}




/* ======= Responsive overrides para #queescfdi ======= */

/* Asegura caja y fuente base consistente */
.queescfdi, .queescfdi * { box-sizing: border-box; }


/* Evitar tamaños fijos en el subtcontenedor */
.minotariacfdi{
max-width: 792px;
width: 100%;
margin: 0 auto;
padding: 0.75rem 0;
}


/* PARRAFO: tamaño escalable y mejor interlineado para legibilidad */
.textoCFDI {
font-weight: 400;
font-style: normal;
font-size: clamp(1rem, 2.2vw, 1.625rem); /* 16px -> 26px */
line-height: 1.35;
margin: 1rem 0;
text-align: center;
color: #222;
}

/* Eliminar saltos forzados por <br> en desktop (si quieres control de líneas natural) */
@media (min-width: 901px) {
.textoCFDI br { display: none; }
}

/* Mostrar los <br> en pantallas pequeñas/medianas si el texto queda muy largo */
@media (max-width: 900px) {
.textoCFDI br { display: inline; }
}

/* Ajustes para tabletas */
@media (max-width: 900px) {
.queescfdi { width: 92%; padding: 1rem; }
.main-title { font-size: clamp(1.6rem, 6.2vw, 2.6rem); }
.textoCFDI  { font-size: clamp(0.95rem, 2.6vw, 1.15rem); }
}

/* Ajustes para móviles */
@media (max-width: 600px) {
.queescfdi { padding: 0.75rem; width: 96%; }
.main-title { font-size: clamp(1.3rem, 8vw, 1.9rem); }
.textoCFDI  { font-size: clamp(0.9rem, 4.2vw, 1rem); margin: 0.75rem 0; }
.minotariacfdi { padding-top: 0.4rem; padding-bottom: 0.4rem; }
}

/* Ajustes para móviles muy pequeños */
@media (max-width: 480px) {
.main-title { font-size: 22px; }
.textoCFDI  { font-size: 0.95rem; }
.main-desc{
  font-size: 14px;
}
}

@media (max-width: 375px) {
  .main-title { font-size: 22px; }
  .textoCFDI  { font-size: 0.95rem; }
  .main-desc{
    font-size: 14px;
  }
  }


/* Utilidades para espaciado (por si quieres reemplazar los divs con height) */
.space-lg { margin-top: 1.25rem; }
.space-md { margin-top: 0.75rem; }
.space-sm { margin-top: 0.5rem; }