.elementor-629 .elementor-element.elementor-element-fce13c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-77fbe278 *//* =======================================================
   1. MÓVILES PEQUEÑOS Y ESTÁNDAR (PANTALLAS HASTA 480px)
   ======================================================= */
@media screen and (max-width: 480px) {
  /* Ajustes para teléfonos compactos (iPhone SE, Galaxy A, etc.) */
  .rrs-eyebrow {
    text-align: center;
}

.rrs h1, .rrs h2, .rrs h3, .rrs-modal h3 {
    font-family: var(--rrs-font-heading);
    color: var(--rrs-dark);
    margin: 0;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.15;
    text-transform: none;
    text-align: center;
}

}

/* =======================================================
   2. MÓVILES GENERALES Y VERTICAL (PANTALLAS HASTA 767px)
   ======================================================= */
@media screen and (max-width: 767px) {
  /* Regla general recomendada para todos los móviles */
  .rrs-eyebrow {
    text-align: center;
}

.rrs h1, .rrs h2, .rrs h3, .rrs-modal h3 {
    font-family: var(--rrs-font-heading);
    color: var(--rrs-dark);
    margin: 0;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.15;
    text-transform: none;
    text-align: center;
}

.rrs-hero__text {
    text-align: center;
}

}

/* =======================================================
   3. TABLETS VERTICAL / MÓVILES EN HORIZONTAL (768px a 1024px)
   ======================================================= */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .rrs-eyebrow {
    text-align: center;
}

.rrs h1, .rrs h2, .rrs h3, .rrs-modal h3 {
    font-family: var(--rrs-font-heading);
    color: var(--rrs-dark);
    margin: 0;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.15;
    text-transform: none;
    text-align: center;
}

.rrs-hero__text {
    text-align: center;
    max-width: 100% !important;
}


}

/* =======================================================
   4. BONUS: DISPOSITIVOS TÁCTILES (SIN HOVER)
   ======================================================= */
@media (hover: none) and (pointer: coarse) {
  /* Elimina efectos hover que a veces se quedan "pegados" en pantallas táctiles */
  .nwr-rental-card:hover {
    transform: none;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  }

  .nwr-btn,
  .nwr-filter-btn {
    min-height: 44px; /* Tamaño de botón mínimo recomendado para el pulgar */
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  
  .rrs-hero__text {

    text-align: center;
    max-width: 100% !important;
}

  
}/* End custom CSS */