/* ============================================================
   FIRMA ELECTRÓNICA
   Frame Figma: frame-firma-electronica
   Página: /firma-electronica/
   Ruta imágenes: assets/images/firma-electronica/
   ============================================================ */

/* ── HERO ── */
.correo-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 0 !important;
}

.correo-hero__imagen {
  position: relative;
  width: 100%;
}

.correo-hero__imagen picture {
  display: block;
  width: 100%;
}

.correo-hero__imagen img {
  width: 100%;
  height: auto;
  display: block;
  background: linear-gradient(135deg, #336198, #0e2666);
}

.correo-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(45, 53, 60, 0.18);
  z-index: 1;
}

.correo-hero__contenido {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 0 !important;
  padding-inline: 2rem;
}

.page-template-template-firma-electronica .andes-main-wrap {
  padding-top: 0 !important;
}

@media (max-width: 1024px) {
  .correo-hero__imagen img { min-height: 380px; object-fit: cover; object-position: center top; }
}

@media (max-width: 480px) {
  .correo-hero__imagen img { height: 420px; object-fit: cover; object-position: center top; }
}

/* ── HERO TEXTO ── */
.correo-hero__texto {
  max-width: 640px;
}

.correo-hero__titulo {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 35px;
  line-height: 52.5px;
  letter-spacing: 0;
  color: #ffffff;
  text-align: left;
  margin: 0 0 20px 0;
}

.correo-hero__subtitulo {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 28.5px;
  letter-spacing: 0;
  color: #ffffff;
  text-align: left;
  max-width: 493px;
  margin: 0 0 104px 0;
}

.correo-hero__subtitulo--negrita {
  font-weight: 600;
}

.correo-hero__acreditacion {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 19px;
  line-height: 28.5px;
  letter-spacing: 0;
  color: #ffffff;
  text-align: left;
  margin: 0 0 14px 0;
}

.correo-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
  background: #afd81a;
  border-radius: 20px;
  width: 248px;
  height: 33px;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.correo-hero__btn:hover,
.correo-hero__btn:focus {
  opacity: 0.88;
  color: #ffffff;
}

.page-template-template-firma-electronica .correo-hero {
  margin-top: 100px;
}

@media (max-width: 1024px) {
  .page-template-template-firma-electronica .correo-hero { margin-top: 72px; }
  .correo-hero__titulo { font-size: 26px; line-height: 39px; }
  .correo-hero__subtitulo { font-size: 14px; line-height: 21px; max-width: 100%; margin-bottom: 78px; }
  .correo-hero__acreditacion { font-size: 14px; line-height: 21px; }
  .correo-hero__btn { font-size: 14px; width: 186px; height: 44px; }
}

@media (max-width: 480px) {
  .page-template-template-firma-electronica .correo-hero { margin-top: 64px; }
  .correo-hero__texto { max-width: 100%; }
  .correo-hero__titulo { font-size: 19px; line-height: 29px; }
  .correo-hero__subtitulo { font-size: 10px; line-height: 15px; max-width: 100%; margin-bottom: 57px; }
  .correo-hero__acreditacion { font-size: 10px; line-height: 15px; }
  .correo-hero__btn { font-size: 11px; width: 160px; height: 44px; }
}

/* ── SECCIÓN PAQUETES ── */
.correo-paquetes {
  padding: 80px 0 60px;
  background: #ffffff;
}

.correo-paquetes__titulo {
  font-family: "Montserrat", "Poppins", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #0d2666;
  text-align: center;
  letter-spacing: 0;
  margin: 0 0 50px 0;
}

.correo-paquetes__layout {
  display: grid;
  grid-template-columns: 412px 1fr;
  gap: 12rem;
  align-items: start;
}

.correo-paquetes__logo { margin-bottom: 37px; }
.correo-paquetes__logo img { width: 100%; max-width: 354px; height: auto; }

.correo-cards__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

.correo-card {
  background: #f5f5f5;
  border-radius: 17px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  min-height: 208px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.correo-card__badge {
  background: linear-gradient(135deg, #AFD81A 0%, #d4f05a 100%);
  border-radius: 0 0 50% 50%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px 40px;
}

.correo-card__numero {
  font-family: "Montserrat", "Poppins", sans-serif;
  font-weight: 700 !important;
  font-size: 34px;
  line-height: 1;
  color: #ffffff !important;
  letter-spacing: 0;
}

.correo-card__unidad {
  font-family: "Montserrat", "Poppins", sans-serif;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 1;
  color: #ffffff !important;
  letter-spacing: 0;
}

.correo-card__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 8px 14px;
  gap: 6px;
}

.correo-card__precio {
  font-family: "Montserrat", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  color: #0d2666;
  text-align: center;
  margin: 0;
}

.correo-card__vigencia {
  font-family: "Montserrat", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #0d2666;
  text-align: center;
  margin: 0;
}

.correo-card--centrada {
  grid-column: 1 / -1;
  justify-self: center;
  width: 176px;
}

.correo-card-link {
  display: block;
  text-decoration: none;
}

@media (min-width: 1025px) {
  .correo-card-link:hover .correo-card {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 1024px) {
  .correo-card-link:hover .correo-card { transform: none; box-shadow: none; }
}

/* ─ COLUMNA DERECHA ─ */
.correo-paquetes__subtitulo {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 31.5px;
  color: #0d2666;
  text-align: left;
  margin: 0 0 32px 0;
}

.correo-paquetes__pasos {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  counter-reset: paso;
}

.correo-paquetes__pasos li {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 17.7px;
  line-height: 26.6px;
  color: #000000;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  counter-increment: paso;
}

.correo-paquetes__pasos li::before {
  content: counter(paso);
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #c6e34f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #ffffff;
  line-height: 1;
}

.correo-paquetes__formulario {
  background: #f5f5f5;
  border-radius: 18px;
  padding: 27px 28px 30px;
  max-width: 489px;
}

.correo-formulario__titulo {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 26px;
  color: #0d2666;
  text-align: center;
  margin: 0 0 20px 0;
}

.correo-formulario__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.correo-formulario__campo {
  width: 100%;
  height: 29px;
  border: 0.91px solid #44535f;
  border-radius: 9px;
  background: #ffffff;
  padding: 0 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22.7px;
  color: #44535f;
  box-sizing: border-box;
  outline: none;
}

.correo-formulario__campo::placeholder { color: #44535f; opacity: 0.8; }
.correo-formulario__campo:focus { border-color: #0d2666; }

.correo-formulario__autorizo {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 17px;
  color: #44535f;
  cursor: pointer;
}

.correo-formulario__autorizo input[type="checkbox"] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin-top: 1px;
  cursor: pointer;
  accent-color: #0a3c83;
}

.correo-formulario__btn {
  align-self: flex-end;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #ffffff;
  background: #0a3c83;
  border: none;
  border-radius: 18px;
  width: 109px;
  height: 36px;
  cursor: pointer;
  transition: opacity 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.correo-formulario__btn:hover,
.correo-formulario__btn:focus { opacity: 0.88; }

/* ── RESPONSIVE PAQUETES ── */
@media (max-width: 1024px) {
  .correo-paquetes__titulo { font-size: 24px; line-height: 29px; }
  .correo-paquetes__layout { grid-template-columns: 1fr; gap: 2rem; }
  .correo-cards__grid { gap: 45px; grid-template-columns: 1fr 1fr; }
  /* H15 — tipografía de tarjeta NO se reduce aquí; se deja igual que Correo
     (34/13/25/12) hasta 768px. La reducción responsive la gobierna la regla
     global de Correo (@768 → 26px, @480 → 19px). */
  .correo-paquetes__subtitulo { font-size: 16px; line-height: 24px; }
  .correo-paquetes__pasos li { font-size: 13px; line-height: 20px; }
  .correo-formulario__titulo { font-size: 13px; line-height: 20px; }
  .correo-formulario__campo { font-size: 12px; }
  .correo-paquetes__formulario { max-width: 100%; }
}

@media (max-width: 480px) {
  .correo-paquetes { padding: 48px 0 40px; }
  .correo-paquetes__titulo { font-size: 18px; line-height: 22px; text-align: left; }
  .correo-paquetes__layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .correo-cards__grid { grid-template-columns: 1fr; gap: 20px; }
  .correo-card__badge { min-height: 80px; }
  .correo-card__numero { font-size: 19px; }
  .correo-card__unidad { font-size: 7px; }
  .correo-card__precio { font-size: 14px; line-height: 18px; }
  .correo-card__vigencia { font-size: 7px; }
  .correo-paquetes__subtitulo { font-size: 12px; line-height: 18px; text-align: left; }
  .correo-paquetes__pasos li { font-size: 10px; line-height: 15px; }
  .correo-formulario__titulo { font-size: 10px; line-height: 15px; }
  .correo-formulario__campo { font-size: 11px; height: 26px; }
  .correo-formulario__autorizo { font-size: 9px; line-height: 14px; }
  .correo-formulario__btn { font-size: 11px; width: 100px; height: 44px; }
  .correo-paquetes__formulario { padding: 20px 16px 24px; }
  .correo-paquetes__pasos { margin-bottom: 24px; }
}

/* ============================================================
   ECOSISTEMA
   ============================================================ */
.correo-ecosistema {
  padding: 5rem 0 4rem;
  background: #ffffff;
}

.correo-ecosistema__titulo {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: clamp(1.3rem, 2.2vw, 2rem);
  color: #0d2666;
  text-align: center;
  margin: 0 0 2.5rem;
}

.correo-ecosistema__ventana {
  background: transparent;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(14, 38, 102, 0.12);
  position: relative;
}

.correo-eco-tabs {
  position: absolute;
  top: 1rem;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #ffffff;
  border-radius: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  width: fit-content;
  max-width: calc(100% - 3rem);
  overflow-x: auto;
  scrollbar-width: none;
}

.correo-eco-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 30px;
  background: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.3s ease, color 0.3s ease;
}

.correo-eco-tab:hover { background: #eef3fb; color: #0d2666; }
.correo-eco-tab--activo { background: #afd81a; color: #ffffff; }
.correo-eco-tab--activo:hover { background: #9cc318; color: #ffffff; }

.correo-eco-cuerpo {
  position: relative;
  min-height: 700px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #0e2666;
}

.correo-eco-cuerpo__foto {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: right center !important;
  display: block !important;
  z-index: 0 !important;
}

.correo-eco-cuerpo__info {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  padding: 3.5rem 3rem !important;
  max-width: 760px !important;
  height: auto !important;
}

.correo-eco-cuerpo__nombre {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

.correo-eco-cuerpo__texto {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 19px !important;
  line-height: 28.5px !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  margin: 0 !important;
  max-width: 702px !important;
}

.correo-eco-cuerpo__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #afd81a;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 1.0625rem;
  border-radius: 20px;
  width: 199px;
  height: 36px;
  text-decoration: none;
  align-self: flex-start;
  transition: opacity 0.3s ease;
}

.correo-eco-cuerpo__btn:hover { opacity: 0.85; color: #ffffff; }

.correo-eco-cuerpo__logo {
  position: absolute !important;
  bottom: 2rem !important;
  right: 2.5rem !important;
  z-index: 3 !important;
  width: 195px !important;
  height: auto !important;
  display: block !important;
  background: transparent !important;
}

.correo-ecosistema .andes-container {
  max-width: 1400px;
  width: 100%;
  padding-inline: 1rem;
}

@media (max-width: 1024px) {
  .correo-eco-cuerpo { min-height: 400px; align-items: flex-start; }
  .correo-eco-cuerpo__info { padding: 80px 2rem 2rem 2.5rem !important; }
  .correo-eco-cuerpo__nombre { font-size: 18px !important; }
  .correo-eco-cuerpo__texto { font-size: 15px !important; }
  .correo-eco-cuerpo__logo { width: 140px !important; bottom: 1rem !important; right: 1rem !important; }
}

@media (max-width: 480px) {
  .correo-eco-tabs {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border-radius: 0;
    gap: 0.3rem;
    padding: 0.75rem 1rem;
    -webkit-overflow-scrolling: touch;
  }
  .correo-eco-tab { font-size: 0.6875rem; padding: 0.35rem 0.75rem; }
  .correo-eco-cuerpo { min-height: 380px; align-items: flex-start; }
  .correo-eco-cuerpo__foto { object-position: center center !important; }
  .correo-eco-cuerpo__info { padding: 1.5rem 1rem 1rem 1.5rem !important; }
  .correo-eco-cuerpo__nombre { font-size: 14px !important; }
  .correo-eco-cuerpo__texto { font-size: 12px !important; line-height: 18px !important; }
  .correo-eco-cuerpo__btn { width: auto; min-width: 160px; height: 44px; font-size: 0.875rem; }
  .correo-eco-cuerpo__logo { width: 120px !important; bottom: 1rem !important; right: 1rem !important; }
}

/* ── CLIENTES ── */
.andes-clientes {
  padding: 4rem 0;
  background: #ffffff;
}

.andes-clientes__titulo {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: #0e2666;
  margin-bottom: 2rem;
  text-align: left;
}

.andes-clientes__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
  align-items: center;
}

.andes-cliente-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.andes-cliente-logo img {
  width: 100%;
  max-width: 180px;
  height: 80px;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.3s ease;
}

.andes-cliente-logo img:hover { filter: grayscale(0%); opacity: 1; }

@media (max-width: 1024px) {
  .andes-clientes__grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 768px) {
  .andes-clientes__grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
}

@media (max-width: 480px) {
  .andes-clientes__grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
}


/* ── PRUEBA GRATUITA ── */
.fe-prueba {
  background: linear-gradient(90deg, #93cde9 0%, #4f92c8 52%, #336198 100%);
  border-radius: 24px;
  margin-inline: 2rem;
  padding: 3rem 0 1rem 0;
  margin-bottom: 4rem;
}

.fe-prueba__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}

/* Columna izquierda */
.fe-prueba__titulo {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0;
  color: #ffffff;
  margin: 0 0 1.5rem 0;
}

.fe-prueba__subtitulo {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15.13px;
  line-height: 100%;
  letter-spacing: 0;
  color: #ffffff;
  margin: 0 0 2rem 0;
}

.fe-prueba__lista {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.fe-prueba__lista-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #ffffff;
}

.fe-prueba__card-circuito {
  background: #ffffff;
  border-radius: 12px;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.fe-prueba__card-circuito-logo {
  flex-shrink: 0;
  object-fit: contain;
}

.fe-prueba__card-circuito-texto {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: #000000;
  margin: 0;
}

/* Columna derecha: formulario */
.fe-prueba__col-der {
  background: #f5f5f5;
  border-radius: 18px;
  padding: 2rem;
  margin-bottom: -8rem;
  position: relative;
  z-index: 2;
  max-width: 480px;
  justify-self: end;
}

.fe-prueba__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fe-prueba__form .fe-prueba__input,
.fe-prueba__form input[type="text"],
.fe-prueba__form input[type="email"],
.fe-prueba__form input[type="tel"],
.fe-prueba__form select {
  width: 100% !important;
  height: 29px !important;
  padding: 0 18px !important;
  border: 1px solid #44535f !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #44535f !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.fe-prueba__input::placeholder { color: #44535f; opacity: 0.8; }
.fe-prueba__input:focus { border-color: #0d2666; }

select.fe-prueba__input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2344535F' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
  cursor: pointer;
}

.fe-prueba__input::placeholder { color: #44535f; opacity: 1; }
.fe-prueba__input:focus { border-color: #0d2666; }

.fe-prueba__autorizo {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.5;
  color: #44535f;
  cursor: pointer;
}

.fe-prueba__autorizo input[type="checkbox"] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: #0a3c83;
  cursor: pointer;
}

.fe-prueba__btn {
  align-self: center;
  width: 109px;
  height: 36px;
  background: #0a3c83;
  border: none;
  border-radius: 18px;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: opacity 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fe-prueba__btn:hover { opacity: 0.88; }

/* Sección siguiente no tape el formulario */
.fe-prueba + section {
  margin-top: 8rem;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .fe-prueba {
    margin-inline: 1rem;
    padding: 2.5rem 0 1rem 0;
  }
  .fe-prueba__layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .fe-prueba__titulo { font-size: 30px; }
  .fe-prueba__col-der {
    margin-bottom: 0;
  }
  .fe-prueba + section {
    margin-top: 2rem;
  }
}

@media (max-width: 480px) {
  .fe-prueba {
    margin-inline: 0.5rem;
    border-radius: 16px;
    padding: 2rem 0 1rem 0;
  }
  .fe-prueba__titulo { font-size: 24px; }
  .fe-prueba__subtitulo { font-size: 13px; }
  .fe-prueba__lista-item { font-size: 13px; }
  .fe-prueba__col-der {
    padding: 1.25rem;
    margin-bottom: 0;
    max-width: 100%;
    justify-self: stretch;
  }
  .fe-prueba__form .fe-prueba__input,
  .fe-prueba__form input[type="text"],
  .fe-prueba__form input[type="email"],
  .fe-prueba__form input[type="tel"],
  .fe-prueba__form select { height: 40px !important; }
  .fe-prueba__btn { height: 44px; }
  .fe-prueba + section {
    margin-top: 2rem;
  }
}

.fe-prueba__card-circuito-logo {
  flex-shrink: 0;
  object-fit: contain;
  width: 210px !important;
  height: auto !important;
}

/* ============================================================
   FE-STATS — Figma 4019:11706 | 1397×814px
   3 cards con porcentaje en donut ring. BEM: fe-stats
   Hover: fondo de card → azul oscuro, texto → blanco
   Responsive: 1440px(3col) | 768px(2col) | 320px(1col)
   ============================================================ */

/* ── SECCIÓN ── */
.fe-stats {
  background: #EDEDED;
  border-radius: 20px;
  margin-inline: 2rem;
  padding: 70px 0 80px;
  margin-bottom: 4rem;
}

/* ── HEADING — Group 266 (4019:11730): ícono + texto ── */
.fe-stats__heading {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 48px;
}

/* Ícono sostenible: Ellipse 15, fill #B8DB24, 48×48px */
.fe-stats__heading-icon {
  flex-shrink: 0;
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #B8DB24;
}

/* Montserrat Regular 400 · 35px · lh 42.7px · #2D353C */
.fe-stats__heading-texto {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 35px;
  line-height: 42.7px;
  letter-spacing: 0;
  color: #2D353C;
  margin: 0;
}

/* ── GRID DE CARDS — Frame 397 (4019:11733) ── */
.fe-stats__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 110px;
  max-width: 1100px;
  margin-inline: auto;
}

/* ── CARD — Frame 393/395/396, bg #fff, radius 16px ── */
.fe-stats__card {
  background: #ffffff;
  border-radius: 16px;
  padding: 47px 31px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  cursor: pointer;
  outline: none;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.fe-stats__card:hover,
.fe-stats__card:focus-visible {
  background: linear-gradient(180deg, #3F79AC 0%, #0D2666 100%);
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* ── DONUT RING — Ellipse 42
   Gradient: #3F79AC → #242E52 (conic-gradient aproxima el
   gradiente vertical lineal de Figma)
   Track: #D9D9D9
   Inner hole: innerRadius Figma 0.8355 → inset 8.22% ── */
.fe-stats__ring {
  position: relative;
  flex-shrink: 0;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: conic-gradient(
    from 90deg,
    #3F79AC 0%,
    #242E52 var(--ring-pct, 90%),
    #D9D9D9 var(--ring-pct, 90%)
  );
  display: flex;
  align-items: center;
  justify-content: center;
}

.fe-stats__ring::before {
  content: '';
  position: absolute;
  inset: 8.22%;
  background: #ffffff;
  border-radius: 50%;
  z-index: 1;
  transition: background 0.3s ease;
}

.fe-stats__card:hover .fe-stats__ring::before,
.fe-stats__card:focus-visible .fe-stats__ring::before {
  background: linear-gradient(180deg, #3F79AC 0%, #0D2666 100%);
}

/* ── PORCENTAJE — Montserrat Medium 500 · 34px · #28385E ── */
.fe-stats__porcentaje {
  position: relative;
  z-index: 2;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 1;
  letter-spacing: 0;
  color: #28385E;
  transition: color 0.3s ease;
}

/* ── DESCRIPCIÓN — Montserrat Regular 400 · 22px · #000 ── */
.fe-stats__descripcion {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 26.6px;
  letter-spacing: 0;
  color: #000000;
  text-align: center;
  margin: 0;
  max-width: 190px;
  transition: color 0.3s ease;
}

.fe-stats__card:hover .fe-stats__ring,
.fe-stats__card:focus-visible .fe-stats__ring {
  background: conic-gradient(
    from var(--ring-from, 90deg),
    #ffffff 0%,
    #ffffff var(--ring-pct, 90%),
    rgba(255,255,255,0.3) var(--ring-pct, 90%)
  );
}

.fe-stats__card:hover .fe-stats__porcentaje,
.fe-stats__card:focus-visible .fe-stats__porcentaje,
.fe-stats__card:hover .fe-stats__descripcion,
.fe-stats__card:focus-visible .fe-stats__descripcion {
  color: #ffffff !important;
}

/* ── RESPONSIVE — Tablet 1024px: 2 columnas
   Escala proporcional 0.75x
   ── */
@media (max-width: 1024px) {
  .fe-stats {
    margin-inline: 1rem;
    padding: 50px 0 60px;
  }
  .fe-stats__heading {
    gap: 16px;
    margin-bottom: 36px;
  }
  .fe-stats__heading-icon {
    width: 36px;
    height: 36px;
  }
  .fe-stats__heading-texto {
    font-size: 19px;
    line-height: 23.2px;
  }
  .fe-stats__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .fe-stats__card {
    padding: 33px 20px;
    gap: 22px;
  }
  .fe-stats__ring {
    width: 90px;
    height: 90px;
  }
  .fe-stats__porcentaje {
    font-size: 18px;
  }
  .fe-stats__descripcion {
    font-size: 12px;
    line-height: 14.6px;
    max-width: 160px;
  }
}

/* ── RESPONSIVE — Mobile 320px: 1 columna
   Escala proporcional 320/1440 = 0.222 con mínimos de legibilidad
   ── */
@media (max-width: 480px) {
  .fe-stats {
    margin-inline: 0.5rem;
    border-radius: 16px;
    padding: 36px 0 44px;
  }
  .fe-stats__heading {
    flex-direction: column;
    text-align: center;
    gap: 12px;
    margin-bottom: 28px;
  }
  .fe-stats__heading-icon {
    width: 28px;
    height: 28px;
  }
  .fe-stats__heading-texto {
    font-size: 14px;
    line-height: 17px;
  }
  .fe-stats__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .fe-stats__card {
    padding: 24px 16px;
    gap: 16px;
  }
  .fe-stats__ring {
    width: 80px;
    height: 80px;
  }
  .fe-stats__porcentaje {
    font-size: 14px;
  }
  .fe-stats__descripcion {
    font-size: 11px;
    line-height: 13.4px;
    max-width: 160px;
  }
}

/* ── BENEFICIOS FIRMA ELECTRÓNICA ── */
.fe-beneficios {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 80px 0;
  margin-bottom: 3rem;
  min-height: 700px;
  max-height: 800px;
}

.fe-beneficios__imagen {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: right center !important;
  display: block !important;
  z-index: 0 !important;
}

.fe-beneficios__cols {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.fe-beneficios__imagen-col {
  display: none;
}

.fe-beneficios__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-items: stretch;
}

.fe-beneficios__items::-webkit-scrollbar {
  display: none;
}

.fe-beneficio-item {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: rgba(255, 255, 255, 0.15);
  border: 0.9px solid rgba(255, 255, 255, 0.3);
  border-radius: 17.33px;
  padding: 18.06px;
  backdrop-filter: blur(4px);
  box-sizing: border-box;
}

.fe-beneficio-item__header {
  display: flex;
  align-items: center;
  gap: 14px;
}

.fe-beneficio-item__icono-wrap {
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.fe-beneficio-item__icono-wrap picture {
  display: contents;
}

.fe-beneficio-item__icono-wrap img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  display: block;
}

.fe-beneficio-item__titulo {
  font-family: "Montserrat", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 22.58px;
  line-height: 27.52px;
  color: #ffffff;
  letter-spacing: 0;
  margin: 0;
  text-align: left;
}

.fe-beneficio-item__lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.fe-beneficio-item__lista li {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 18.06px;
  line-height: 27.1px;
  color: rgba(255, 255, 255, 0.9);
  padding-left: 24px;
  position: relative;
  list-style: none;
}

.fe-beneficio-item__lista li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("../assets/images/firma-electronica/Maskgroup.webp");
  background-size: contain;
  background-repeat: no-repeat;
}

/* Título sobre imagen derecha */
.fe-beneficios__imagen-texto {
  position: absolute;
  bottom: 20rem;
  right: 12rem;
  z-index: 3;
  max-width: 500px;
}

.fe-beneficios__titulo {
  font-family: "Montserrat", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #ffffff;
  text-align: right;
  margin: 0;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .fe-beneficios {
    padding: 60px 0;
    min-height: 0;
    max-height: none;
    background-color: #0d2666;
  }
  .fe-beneficios__imagen-texto {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: 100%;
    padding: 0 2rem 3rem;
    z-index: 2;
  }
  .fe-beneficios__titulo {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  .fe-beneficios__cols {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .fe-beneficios__items {
    max-height: none;
    overflow-y: visible;
  }
  .fe-beneficio-item {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.35);
  }
  .fe-beneficio-item__titulo {
    font-size: 16.94px;
    line-height: 20.64px;
  }
  .fe-beneficio-item__lista li {
    font-size: 13.55px;
    line-height: 20.33px;
  }
}

@media (max-width: 480px) {
  .fe-beneficios {
    padding: 32px 0;
    min-height: 0;
    max-height: none;
    background-color: #0d2666;
  }
  .fe-beneficios__imagen-texto {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: 100%;
    padding: 0 1rem 2.5rem;
    z-index: 2;
  }
  .fe-beneficios__titulo {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
  }
  .fe-beneficios__cols {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-inline: 1rem;
  }
  .fe-beneficios__items {
    grid-template-columns: 1fr;
    gap: 12px;
    max-height: none;
    overflow-y: visible;
  }
  .fe-beneficio-item {
    gap: 8px;
    padding: 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
  .fe-beneficio-item__header {
    gap: 10px;
  }
  .fe-beneficio-item__icono-wrap {
    width: 32px;
    height: 32px;
  }
  .fe-beneficio-item__icono-wrap img {
    width: 32px;
    height: 32px;
  }
  .fe-beneficio-item__titulo {
    font-size: 14px;
    line-height: 18px;
  }
  .fe-beneficio-item__lista li {
    font-size: 12px;
    line-height: 18px;
    padding-left: 20px;
  }
}


/* ============================================================
   CASOS DE USO — FIRMA ELECTRÓNICA
   Breakpoints: 320px | 768px | 1440px
   ============================================================ */

/* ── SECCIÓN ── */
.fe-casos {
  padding: 80px 0;
  background: #ffffff;
}

/* ── LAYOUT 2 COLUMNAS ── */
.fe-casos__layout {
  display: grid;
  grid-template-columns: 430px 1fr;
  gap: 80px;
  align-items: start;
}

/* ── IMAGEN ── */
.fe-casos__imagen-col {
  border-radius: 20px;
  overflow: hidden;
  position: sticky;
  top: 2rem;
  transition: height 0s;
}

.fe-casos__imagen {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 20px;
  object-fit: cover;
  transition: height 0s, opacity 0.3s ease;
}


/* ── CONTENIDO DERECHO ── */
.fe-casos__titulo {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  color: #0d2666;
  text-align: right;
  margin: 0 0 1rem 0;
}

.fe-casos__subtitulo {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #44535f;
  text-align: right;
  margin: 0 0 2rem 0;
}

/* ── ACORDEÓN ── */
.fe-casos__acordeon {
  display: flex;
  flex-direction: column;
}

.fe-casos__item {
  border-bottom: 1px solid #e8e8e8;
  background: transparent !important;
}

.fe-casos__item:first-child {
  border-top: 1px solid #e8e8e8;
}

.fe-casos__item--activo {
  background: transparent !important;
}

.fe-casos__cabecera {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
  padding: 1.125rem 0;
  background: transparent !important;
  border: none;
  cursor: pointer;
  text-align: right;
}

.fe-casos__cabecera:hover {
  background: transparent !important;
}

.fe-casos__item-titulo {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #2d353c;
  text-align: right;
  transition: color 0.3s ease;
  order: 1;
  flex: 1;
}

.fe-casos__item--activo .fe-casos__item-titulo {
  font-weight: 600;
  color: #0d2666;
}

.fe-casos__plus {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 6px;
  border: 1.5px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: transparent;
  transition: all 0.3s ease;
  order: 0;
}

.fe-casos__plus::before {
  content: '+';
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 300;
  color: #cccccc;
}

.fe-casos__item--activo .fe-casos__plus {
  background: #a8cc11;
  border-color: #a8cc11;
}

.fe-casos__item--activo .fe-casos__plus::before {
  content: '−';
  color: #ffffff;
}

/* ── CUERPO ACORDEÓN ── */
.fe-casos__cuerpo {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.fe-casos__item--activo .fe-casos__cuerpo {
  max-height: 500px;
}

.fe-casos__lista {
  list-style: none;
  padding: 0 0 1.25rem 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fe-casos__lista li {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: #44535f;
  text-align: right;
  padding: 4px 0;
}

/* ── RESPONSIVE TABLET 768px ── */
@media (max-width: 1024px) {
  .fe-casos {
    padding: 60px 0;
  }
  .fe-casos__layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .fe-casos__imagen-col {
    position: relative;
    top: auto;
    max-width: 430px;
    margin-inline: auto;
  }
  .fe-casos__titulo {
    font-size: 28px;
  }
  .fe-casos__subtitulo {
    font-size: 14px;
  }
  .fe-casos__item-titulo {
    font-size: 15px;
  }
  .fe-casos__lista li {
    font-size: 14px;
  }
}

/* ── RESPONSIVE MOBILE 320px ── */
@media (max-width: 480px) {
  .fe-casos {
    padding: 40px 0;
  }
  .fe-casos__layout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .fe-casos__imagen-col {
    max-width: 100%;
    border-radius: 12px;
  }
  .fe-casos__imagen {
    border-radius: 12px;
  }
  .fe-casos__titulo {
    font-size: 22px;
  }
  .fe-casos__subtitulo {
    font-size: 13px;
  }
  .fe-casos__cabecera {
    padding: 0.875rem 0;
    gap: 0.75rem;
  }
  .fe-casos__item-titulo {
    font-size: 13px;
  }
  .fe-casos__plus {
    width: 22px;
    height: 22px;
    min-width: 22px;
  }
  .fe-casos__plus::before {
    font-size: 1rem;
  }
  .fe-casos__lista li {
    font-size: 12px;
  }
}

/* ── NORMAS ── */
.fe-normas {
  padding: 27px 0;
}

.fe-normas__container {
  max-width: 1304px;
  margin: 0 auto;
  padding: 0 20px;
}

.fe-normas__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 68px 131px;
}

/* Card base (insignia izquierda) */
.fe-normas__card {
  display: flex;
  align-items: stretch;
  min-height: 157px;
}

.fe-normas__badge {
  background: #D3E7F1;
  border-radius: 14px;
  width: 237px;
  min-width: 237px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 20px;
  position: relative;
  z-index: 1;
}

.fe-normas__body {
  background: #F5F5F5;
  border-radius: 14px;
  flex: 1;
  display: flex;
  align-items: center;
  padding: 16px 24px 16px 68px;
  margin-left: -43px;
}

.fe-normas__law {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 25px;
  color: #000;
  text-align: center;
  line-height: 1.22;
  display: block;
}

.fe-normas__year {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 25px;
  color: #000;
  text-align: center;
  line-height: 1.22;
  display: block;
}

.fe-normas__desc {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.47;
  color: #000;
  margin: 0;
}

/* Card variante derecha (insignia derecha) */
.fe-normas__card--right .fe-normas__body {
  margin-left: 0;
  margin-right: -43px;
  padding: 16px 68px 16px 24px;
}

.fe-normas__card--right .fe-normas__desc {
  text-align: right;
}

/* Card variante centrada (insignia arriba) */
.fe-normas__card--center {
  grid-column: 1 / -1;
  flex-direction: column;
  align-items: center;
  width: 466px;
  margin: 0 auto;
  min-height: 192px;
}

.fe-normas__card--center .fe-normas__badge {
  width: 100%;
  min-width: 0;
  height: 86px;
  border-radius: 14px;
  flex-direction: row;
  gap: 16px;
}

.fe-normas__card--center .fe-normas__body {
  width: 100%;
  margin-left: 0;
  margin-top: -27px;
  padding: 43px 24px 24px;
}

.fe-normas__card--center .fe-normas__desc {
  text-align: center;
}

/* ── NORMAS TABLET 768px ── */
@media (max-width: 1024px) {
  .fe-normas__container {
    padding: 0 40px;
  }
  .fe-normas__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .fe-normas__card {
    min-height: auto;
  }
  .fe-normas__badge {
    width: 178px;
    min-width: 178px;
  }
  .fe-normas__body {
    padding: 12px 18px 12px 51px;
    margin-left: -32px;
  }
  .fe-normas__card--right .fe-normas__body {
    margin-right: -32px;
    padding: 12px 51px 12px 18px;
  }
  .fe-normas__law,
  .fe-normas__year {
    font-size: 19px;
  }
  .fe-normas__desc {
    font-size: 12px;
  }
  .fe-normas__card--center {
    width: 100%;
  }
  .fe-normas__card--center .fe-normas__badge {
    height: 65px;
  }
  .fe-normas__card--center .fe-normas__body {
    margin-top: -20px;
    padding: 32px 18px 18px;
  }
}

/* ── NORMAS MOBILE 320px ── */
@media (max-width: 480px) {
  .fe-normas {
    padding: 20px 0;
  }
  .fe-normas__container {
    padding: 0 16px;
  }
  .fe-normas__grid {
    gap: 16px;
  }
  .fe-normas__card,
  .fe-normas__card--right {
    flex-direction: column;
    align-items: stretch;
  }
  .fe-normas__badge {
    width: 100%;
    min-width: 0;
    height: 64px;
    flex-direction: row;
    gap: 12px;
    border-radius: 14px 14px 0 0;
  }
  .fe-normas__body {
    width: 100%;
    margin-left: 0;
    margin-top: -14px;
    padding: 28px 16px 16px;
    border-radius: 14px;
  }
  .fe-normas__card--right .fe-normas__badge {
    order: -1;
  }
  .fe-normas__card--right .fe-normas__body {
    margin-right: 0;
    margin-top: -14px;
    padding: 28px 16px 16px;
  }
  .fe-normas__card--right .fe-normas__desc {
    text-align: left;
  }
  .fe-normas__law,
  .fe-normas__year {
    font-size: 14px;
  }
  .fe-normas__desc {
    font-size: 12px;
  }
  .fe-normas__card--center {
    width: 100%;
    min-height: auto;
  }
  .fe-normas__card--center .fe-normas__badge {
    height: 64px;
    border-radius: 14px 14px 0 0;
  }
  .fe-normas__card--center .fe-normas__body {
    margin-top: -14px;
    padding: 28px 16px 16px;
  }
}


/* ── PAQUETES FIRMA ELECTRÓNICA — TÍTULO Y SUBTÍTULO ── */
.fe-paquetes__titulo {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 40.77px;
  line-height: 51.65px;
  letter-spacing: 0;
  color: #2D353C;
  text-align: left;
  margin: 0 0 16px 0;
}

.fe-paquetes__subtitulo {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 21.07px;
  letter-spacing: 0;
  color: #2D353C;
  text-align: left;
  margin: 0 0 40px 0;
}

.fe-paquetes__subtitulo strong {
  font-weight: 700;
}

@media (max-width: 1024px) {
  .fe-paquetes__titulo { font-size: 30px; line-height: 38px; }
  .fe-paquetes__subtitulo { font-size: 12px; line-height: 18px; }
}

@media (max-width: 480px) {
  .fe-paquetes__titulo { font-size: 22px; line-height: 28px; }
  .fe-paquetes__subtitulo { font-size: 11px; line-height: 16px; }
}