/* Footer mobile responsive fixes */

/* Tablet (600px-767px) */
@media (min-width: 600px) and (max-width: 767px) {
  .heading-title {
    margin-top: 25px !important;
  }
  .heading-title h1 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}

/* Mobile landscape (480px-599px) */
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .heading-title {
    margin-top: 25px !important;
  }
  .heading-title h1 {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  
  /* Hero background mobile fix - Servicios only */
  .hero-area.style_two[style*="servicios/heroservicios"] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/assets/images/servicios/heromovil.png') !important;
    background-size: cover !important;
    background-position: center !important;
  }
  
  /* Hero content responsive - Servicios */
  .hero-area.style_two[style*="servicios/heroservicios"] .hero-content.style_two {
    margin-top: 80px !important;
  }
  
  .hero-area.style_two[style*="servicios/heroservicios"] .hero-title h3 {
    font-size: 38px !important;
    line-height: 48px !important;
  }
  
  .hero-area.style_two[style*="servicios/heroservicios"] .hero-content.style_two p {
    font-size: 18px !important;
    line-height: 28px !important;
  }
  
  /* Hero background mobile fix - Recursos only */
  .hero-area.style_two[style*="recursos/herorecursos"] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/assets/images/recursos/herorecursosmovil.png') !important;
    background-size: cover !important;
    background-position: center !important;
  }
  
  /* Hero content responsive - Recursos */
  .hero-area.style_two[style*="recursos/herorecursos"] .hero-content.style_two {
    margin-top: 80px !important;
  }
  
  .hero-area.style_two[style*="recursos/herorecursos"] .hero-title h3 {
    font-size: 38px !important;
    line-height: 48px !important;
  }
  
  .hero-area.style_two[style*="recursos/herorecursos"] .hero-title h3 span {
    font-size: 42px !important;
  }
  
  .hero-area.style_two[style*="recursos/herorecursos"] .hero-content.style_two p {
    font-size: 18px !important;
    line-height: 28px !important;
  }
  
  /* Fix button and text overflow in CaracteristicasServicios */
  .pixelevo-right {
    margin-top: 20px;
  }
  
  .pixelevo-btn.style_four a {
    font-size: 12px !important;
    padding: 10px 20px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .pixelevo-btn a i {
    right: -45px !important;
    width: 45px !important;
    height: 45px !important;
    line-height: 42px !important;
  }
  
  p.pixeleno-des {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  
  /* HeaderAbout responsive text */
  .breadcrumb_nosotros h2.breadcrumb_title {
    font-size: 32px !important;
    line-height: 42px !important;
    margin-bottom: 20px !important;
  }
  
  .breadcrumb_nosotros p.breadcrumb_description {
    font-size: 14px !important;
    line-height: 22px !important;
    margin-bottom: 20px !important;
  }
}

/* Mobile portrait (320px-479px) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .heading-title {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
  }
  .heading-title h1 {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  
  .row.align-items-center.pb-67 {
    padding-bottom: 30px !important;
  }
  
  .footer-log {
    margin-bottom: 15px;
  }
  
  /* Hero background mobile fix - Servicios only */
  .hero-area.style_two[style*="servicios/heroservicios"] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/assets/images/servicios/heromovil.png') !important;
    background-size: cover !important;
    background-position: center !important;
  }
  
  /* Hero content responsive - Servicios */
  .hero-area.style_two[style*="servicios/heroservicios"] .hero-content.style_two {
    margin-top: 100px !important;
  }
  
  .hero-area.style_two[style*="servicios/heroservicios"] .hero-title h3 {
    font-size: 25px !important;
    line-height: 35px !important;
  }
  
  .hero-area.style_two[style*="servicios/heroservicios"] .hero-content.style_two p {
    font-size: 16px !important;
    line-height: 26px !important;
  }
  
  /* Hero background mobile fix - Recursos only */
  .hero-area.style_two[style*="recursos/herorecursos"] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/assets/images/recursos/herorecursosmovil.png') !important;
    background-size: cover !important;
    background-position: center !important;
  }
  
  /* Hero content responsive - Recursos */
  .hero-area.style_two[style*="recursos/herorecursos"] .hero-content.style_two {
    margin-top: 100px !important;
  }
  
  .hero-area.style_two[style*="recursos/herorecursos"] .hero-title h3 {
    font-size: 25px !important;
    line-height: 35px !important;
  }
  
  .hero-area.style_two[style*="recursos/herorecursos"] .hero-title h3 span {
    font-size: 36px !important;
  }
  
  .hero-area.style_two[style*="recursos/herorecursos"] .hero-content.style_two p {
    font-size: 16px !important;
    line-height: 26px !important;
  }
  
  /* Fix button and text overflow in CaracteristicasServicios */
  .pixelevo-right {
    margin-top: 20px;
  }
  
  .pixelevo-btn.style_four a {
    font-size: 11px !important;
    padding: 8px 16px !important;
    white-space: normal !important;
    display: block !important;
    text-align: center !important;
  }
  
  .pixelevo-btn a i {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    border: none !important;
    margin-left: 5px !important;
  }
  
  p.pixeleno-des {
    font-size: 13px !important;
    line-height: 20px !important;
  }
  
  .section-main-title h1 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  /* HeaderAbout responsive text */
  .breadcrumb_nosotros h2.breadcrumb_title {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 15px !important;
  }
  
  .breadcrumb_nosotros p.breadcrumb_description {
    font-size: 13px !important;
    line-height: 20px !important;
    margin-bottom: 15px !important;
    padding: 0 10px !important;
  }
  
  .breadcrumb_nosotros ul.breadcrumb_list_menu li {
    font-size: 14px !important;
  }
}