/* ============================================================
   crt-card-intro.css — Card de introducción / CRT
   ------------------------------------------------------------
   Extraído de imei.css. Hoja autosuficiente para el bloque de
   texto introductorio que va debajo del título del apartado.

   Se usa en apartados con UNA sola línea de descripción.

   Fragmento que estiliza:
     <div class="crt-usuarias__card">
       <p class="crt-usuarias__texto">Texto del área.</p>
     </div>
   ============================================================ */

.crt-usuarias__card {
  width: 100%;
  max-width: 1164px;
  min-height: 92px;
  margin: 30px auto 30px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 25px;
  gap: 10px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px 0px #00000040;
  border: 1px solid #017977;
}

/* En IMEI la regla del texto cuelga de .crt-contenido. Se conserva
   igual, y abajo va la misma sin ese ancestro para los apartados
   que no lo tienen. Al ser menos específica, en IMEI no cambia nada. */
.crt-contenido .crt-usuarias__texto {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #1B3F42;
  margin: 0;
  text-align: left;
}

.crt-usuarias__texto {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #1B3F42;
  margin: 0;
  text-align: left;
}

/* ==============================================================
    RESPONSIVE - TABLET (768px)
   ============================================================== */
@media (max-width: 768px) {
  .crt-usuarias__card {
    padding: 25px 20px;
  }
}

/* ==============================================================
    RESPONSIVE - MOBILE (480px)
   ============================================================== */
@media (max-width: 480px) {
  .crt-usuarias__card {
    padding: 20px 16px;
    margin: 20px auto;
    min-height: auto;
  }

  .crt-contenido .crt-usuarias__texto,
  .crt-usuarias__texto {
    font-size: 15px;
    line-height: 1.5;
  }
}