/* ============================================
   BANNER HOME - SLIDES (ACTUALIZADO)
   ============================================ */

.home-banner { width: 100%; height: 60vh; min-height: 400px; max-height: 80vh; position: relative; overflow: hidden; background: #1a1a1a; margin: 0; padding: 0; }
.home-banner .swiper { width: 100%; height: 100%; position: relative; }
.home-banner .swiper-wrapper { height: 100% !important; }
.home-banner .swiper-slide { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex !important; align-items: center; justify-content: flex-start; width: 100%; height: 100% !important; padding: 0 60px; }
.home-banner .slide-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1; pointer-events: none; }

/* ============================================
   CONTENIDO DEL SLIDE
   ============================================ */
.home-banner .slide-content {position: relative;z-index: 2;padding: 20px;max-width: 700px;width: 100%;color: #ffffff;pointer-events: none;margin-left: 50px;}
.home-banner .slide-content * { pointer-events: auto; }
.home-banner .slide-content h1{font-size: 20px;margin-bottom: 5px;}
.home-banner .slide-content h2{font-size: 50px;line-height: 1.2;}
.home-banner .slide-content p{font-size: 15px;line-height: 1.5;}
.botones-slider {display: flex;justify-content: flex-start;}
.botones-slider a{margin-right: 30px;}
.botones-slider a:last-child{margin-right:0;}

/* ============================================
   BOTONES DEL SLIDE
   ============================================ */
.home-banner .slide-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; }
.home-banner .slide-btn {display: inline-flex;align-items: center;justify-content: center;padding: 5px 30px;border-radius: 7px;text-decoration: none !important;transition: all 0.5s ease;cursor: pointer;border: 2px solid transparent;min-width: 140px;text-align: center;background: var(--blanco);font-size: 14px;line-height: 1.5;}
.home-banner .slide-btn:hover{background: var(--rojo900);color: var(--blanco);}

/* ============================================
   NAVEGACIÓN
   ============================================ */
.home-banner .swiper-button-next { color: #ffffff; background: rgba(0,0,0,0.4); width: 50px; height: 50px; border-radius: 50%; transition: all 0.3s ease; backdrop-filter: blur(5px); border: 2px solid rgba(255,255,255,0.15); }
.home-banner .swiper-button-prev { color: #ffffff; background: rgba(0,0,0,0.4); width: 50px; height: 50px; border-radius: 50%; transition: all 0.3s ease; backdrop-filter: blur(5px); border: 2px solid rgba(255,255,255,0.15); }
.home-banner .swiper-button-next:hover { background: rgba(255,255,255,0.2); transform: scale(1.1); }
.home-banner .swiper-button-prev:hover { background: rgba(255,255,255,0.2); transform: scale(1.1); }
.home-banner .swiper-button-next::after { font-size: 18px; font-weight: 700; }
.home-banner .swiper-button-prev::after { font-size: 18px; font-weight: 700; }

/* Paginación */
.home-banner .swiper-pagination { bottom: 25px !important; }
.home-banner .swiper-pagination-bullet { background: rgba(255,255,255,0.5); opacity: 1; width: 12px; height: 12px; transition: all 0.3s ease; }
.home-banner .swiper-pagination-bullet-active { background: #ffffff; width: 30px; border-radius: 6px; }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 992px) {
    .home-banner { height: 50vh; min-height: 350px; }
    .home-banner .swiper-slide { padding: 0 30px; }
    .home-banner .slide-content { max-width: 90%; }
    .home-banner .slide-title { font-size: clamp(2rem, 5vw, 3rem); }
    .home-banner .slide-subtitle { font-size: clamp(0.9rem, 1.5vw, 1.2rem); }
}

@media (max-width: 768px) {
    .home-banner { height: 45vh; min-height: 300px; }
    .home-banner .swiper-slide { padding: 0 20px; align-items: center; justify-content: center; }
    .home-banner .slide-content {max-width: 100%;text-align: center !important;margin-left:0;width: 100%;padding: 10px;}
    .home-banner .slide-title { font-size: 1.8rem; }
    .home-banner .slide-subtitle { font-size: 0.9rem; }
    .home-banner .slide-buttons { justify-content: center; }
    .home-banner .slide-btn { padding: 5px 20px; font-size: 14px; min-width: 120px; }
    .home-banner .swiper-button-next { display: none; }
    .home-banner .swiper-button-prev { display: none; }
    .home-banner .slide-content h2{font-size: 30px}
    .home-banner .slide-content h2 br{display: none}
    .botones-slider{justify-content: center;}
}

@media (max-width: 480px) {
    .home-banner { height: 40vh; min-height: 250px; }
    .home-banner .swiper-slide { padding: 0 15px; }
    .home-banner .slide-title { font-size: 1.5rem; }
    .home-banner .slide-subtitle { font-size: 0.8rem; }
    .home-banner .slide-btn {min-width: 100px; }
    .home-banner .swiper-pagination-bullet { width: 8px; height: 8px; }
    .home-banner .swiper-pagination-bullet-active { width: 20px; }
    .home-banner .slide-content h2{font-size: 25px}
}

/* ============================================
   ANIMACIONES
   ============================================ */
.home-banner .swiper-slide-active .slide-content { animation: fadeInUp 0.8s ease forwards; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }