/* 🔹 1. Ocultar SVG en menú colapsado */ @media (max-width: 768px) { .navbar-collapse .navic { display: none !important; } }



/* =============================================================
📱 2) MOBILE — Teléfonos normales (321px – 375px)
============================================================= */
@media (min-width: 321px) and (max-width: 375px) {
    .logo{
        width: 180px;
        margin-top: 3rem;
    }
    .logonav{
        display: none;
    }
    

    #social-sidebar a.facebook { display: none; }
    #social-sidebar a.youtube { display: none; }
    #social-sidebar a.instagram { display: none; }
    #social-sidebar a.email { display: none; }
    #social-sidebar ul li .deu { width: 20px;height: 40px; }
    .flags{ width: 70px; }
    .titulo_ban1{ font-size: 35px; text-align: start; right: 10%; }
    .titulo_ban1sub{
        
        font-size: 25px;
    }
    .titulo_ban2{
        
        font-size: 15px;
    }
    .titulo_ban3{
        
        font-size: 15px;
    }
    .titulo_ban3{
        margin-top: 25px;
        font-size: 15px;
    }
    .carousel-cap{ margin-bottom: 3rem; }
    .carousel-cap .container h5 { font-size: 12px; }
    /* 🔹 Hover: expande el botón */
    #social-sidebar ul li a:hover { width: 40px;border-radius: 0 30px 30px 0; }
    .carousel-inner .back_box{ width: 100%; left:13%; bottom: 10%; font-size: 15px; text-align: center;}
    .carousel-inner .back_box i { display: none;}
    #myCarousel button { display: none;}
    .dieEifel{ margin: auto; }
    .enun{ font-size: 10px;}
    .enun2{ font-size: 50px;}



}


/* =============================================================
📱 3) MOBILE GRANDE — (376px – 425px)
============================================================= */
@media (min-width: 376px) and (max-width: 425px) {
    .logo{
        width: 180px;
        margin-top: 5rem;
    }
    .logonav{
        display: none;
    }

    #social-sidebar a.facebook { display: none; }
    #social-sidebar a.youtube { display: none; }
    #social-sidebar a.instagram { display: none; }
    #social-sidebar a.email { display: none; }
    #social-sidebar ul li .deu { width: 20px;height: 40px; }
    .flags{ width: 70px; }
    .titulo_ban1{ font-size: 35px; text-align: start; right: 10%; }
    .titulo_ban1sub{
        
        font-size: 25px;
    }
    .titulo_ban2{
        
        font-size: 15px;
    }
    .titulo_ban3{
        
        font-size: 15px;
    }
    .titulo_ban3{
        margin-top: 25px;
        font-size: 15px;
    }
    .carousel-cap{ margin-bottom: 3rem; }
    .carousel-cap .container h5 { font-size: 12px; }
    /* 🔹 Hover: expande el botón */
    #social-sidebar ul li a:hover { width: 40px;border-radius: 0 30px 30px 0; }
    .carousel-inner .back_box{ width: 100%; left:13%; bottom: 10%; font-size: 15px; text-align: center;}
    .carousel-inner .back_box i { display: none;}
    #myCarousel button { display: none;}
    .dieEifel{ margin: auto; }
    .enun{ font-size: 100px; margin: auto;}
    .sepracion{ display: none;}
    .enun2{ 
        font-size: 40px;
        font-weight: 400;
        margin-top: 2rem;
    }
    
    
    



}


/* =============================================================
📲 4) TABLET — (426px – 768px)
============================================================= */
@media (min-width: 426px) and (max-width: 768px) {
    .logo{
        top: 3rem;
        width: 180px;
    }
    .logonav{
        display: none;
    }

    #social-sidebar a.facebook { display: none; }
    #social-sidebar a.youtube { display: none; }
    #social-sidebar a.instagram { display: none; }
    #social-sidebar a.email { display: none; }
    #social-sidebar ul li .deu { width: 20px;height: 40px; }
    .flags{ width: 70px; }
    .titulo_ban1{ font-size: 35px; text-align: start; right: 10%; }
    .titulo_ban1sub{
        
        font-size: 25px;
    }
    .titulo_ban2{
        
        font-size: 15px;
    }
    .titulo_ban3{
        
        font-size: 15px;
    }
    .titulo_ban3{
        margin-top: 25px;
        font-size: 15px;
    }
    .carousel-cap{ margin-bottom: 25%; }
    .carousel-cap .container h5 { font-size: 12px; }
    /* 🔹 Hover: expande el botón */
    #social-sidebar ul li a:hover { width: 40px;border-radius: 0 30px 30px 0; }
    .carousel-inner .back_box{ width: 100%; left:6%; bottom: 10%; font-size: 15px; text-align: center;}
    .carousel-inner .back_box i { display: none;}
    #myCarousel button { display: none;}
    .dieEifel{ margin: auto; }
    .enun{ font-size: 100px; margin: auto;}
    .sepracion{ display: none;}
    



}


/* =============================================================
💻 5) NOTEBOOK PEQUEÑO — (769px – 1024px)
============================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
    .logo{
        top: 3rem;
        width: 180px;
    }
    .logonav{
        display: none;
    }

    #social-sidebar a.facebook { width: 30px;height: 40px; }
    #social-sidebar a.youtube { width: 30px;height: 40px; }
    #social-sidebar a.instagram { width: 30px;height: 40px; }
    #social-sidebar a.email { width: 30px;height: 40px; }
    #social-sidebar ul li .deu { width: 30px;height: 40px; }
    .flags{ width: 70px; }
    .titulo_ban1{ font-size: 35px; text-align: start; right: 10%; }
    .titulo_ban1sub{
        
        font-size: 25px;
    }
    .titulo_ban2{
        
        font-size: 15px;
    }
    .titulo_ban3{
        
        font-size: 15px;
    }
    .titulo_ban3{
        margin-top: 25px;
        font-size: 15px;
    }
    .carousel-cap{ margin-bottom: 25%; }
    .carousel-cap .container h5 { font-size: 12px; }
    /* 🔹 Hover: expande el botón */
    #social-sidebar ul li a:hover { width: 100px;border-radius: 0 30px 30px 0; }
    .carousel-inner .back_box{ width: 40%;  bottom: 10%; font-size: 15px; text-align: center;}
    .carousel-inner .back_box i { display: none;}
    #myCarousel button { display: none;}
    .enun{ font-size: 10px;}
    



}



/* =============================================================
💻 6) NOTEBOOK 15" — (1025px – 1366px)
============================================================= */
@media (min-width: 1025px) and (max-width: 1366px) {
    .logo{
        top: 3rem;
        width: 180px;
    }
    .logonav{
        display: none;
    }

    #social-sidebar a.facebook { width: 30px;height: 40px; }
    #social-sidebar a.youtube { width: 30px;height: 40px; }
    #social-sidebar a.instagram { width: 30px;height: 40px; }
    #social-sidebar a.email { width: 30px;height: 40px; }
    #social-sidebar ul li .deu { width: 30px;height: 40px; }
    .flags{ width: 70px; }
    .titulo_ban1{ font-size: 35px; text-align: start; right: 10%; }
    .titulo_ban1sub{
        
        font-size: 25px;
    }
    .titulo_ban2{
        
        font-size: 15px;
    }
    .titulo_ban3{
        
        font-size: 15px;
    }
    .titulo_ban3{
        margin-top: 25px;
        font-size: 15px;
    }
    .carousel-cap{ margin-bottom: 25%; }
    .carousel-cap .container h5 { font-size: 12px; }
    /* 🔹 Hover: expande el botón */
    #social-sidebar ul li a:hover { width: 100px;border-radius: 0 30px 30px 0; }
    .carousel-inner .back_box{ width: 40%;  bottom: 10%; font-size: 15px; text-align: center;}
    .carousel-inner .back_box i { display: none;}
    #myCarousel button { display: none;}
    .enun{ font-size: 120px;}
    
}


/* =============================================================
🖥️ 7) DESKTOP — (1367px – 1440px)
============================================================= */
@media (min-width: 1367px) and (max-width: 1440px) {
    .logo{
        top: 3rem;
        width: 180px;
    }
    .logonav{
        display: none;
    }

    #social-sidebar a.facebook { width: 30px;height: 40px; }
    #social-sidebar a.youtube { width: 30px;height: 40px; }
    #social-sidebar a.instagram { width: 30px;height: 40px; }
    #social-sidebar a.email { width: 30px;height: 40px; }
    #social-sidebar ul li .deu { width: 30px;height: 40px; }
    .flags{ width: 70px; }
    .titulo_ban1{ font-size: 35px; text-align: start; right: 10%; }
    .titulo_ban1sub{
        
        font-size: 25px;
    }
    .titulo_ban2{
        
        font-size: 15px;
    }
    .titulo_ban3{
        
        font-size: 15px;
    }
    .titulo_ban3{
        margin-top: 25px;
        font-size: 15px;
    }
    .carousel-cap{ margin-bottom: 25%; }
    .carousel-cap .container h5 { font-size: 12px; }
    /* 🔹 Hover: expande el botón */
    #social-sidebar ul li a:hover { width: 100px;border-radius: 0 30px 30px 0; }
    .carousel-inner .back_box{ width: 40%;  bottom: 10%; font-size: 15px; text-align: center;}
    .carousel-inner .back_box i { display: none;}
    #myCarousel button { display: none;}
    .enun{ font-size: 150px;}
    
    
}


/* =============================================================
🖥️ 8) FULL HD — (1441px – 1920px)
============================================================= */
@media (min-width: 1441px) and (max-width: 1920px) {
    
}


/* =============================================================
🖥️ 9) ULTRA WIDE / 4K — (1921px +)
============================================================= */
@media (min-width: 1921px) {
    /* estilos aquí */
}