/*  */
/* Estilos generales para todos los dispositivos */  
  /* Móviles */
  @media (min-width: 320px) and (max-width: 480px) {
    /* body {
      font-size: 16px;
      background-color: gray !important;
    }
    .container {
      width: 90%;
    } */

    /*  */
    .logo_main
    {
        /* backdrop-filter: blur(5px);
        filter: drop-shadow(0 0 0.75rem rgb(255, 255, 255)); */
        /* Fix-14032025: */
        position: absolute;
        /* width: 30%; */
        width: 45%;
        top: 10px;
        left: 10px;
    }
    .logo_main h1
    {
        /* opacity: 1; */
        opacity: 0;
    }
    /*  */
    .barra_images_categorias
    {
        /* width: 80%; */
        /* width: 60%; */
        width: 80%;
    }
    .image_categoria
    {
        max-width: 80%;
    }
    /*  */

    #article_franquicia
    {
        /* margin-top: var(--padding); */
        margin-top: 10px;
        margin-left: var(--padding);

        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: normal;
    }

    .caja_der_franquicia 
    {
        /* padding-right: 100px; */   
        padding-right: 30px;
        margin-top: 20px;
    }
   
    .tabla_giro_col_izq
    {
        
        font-weight: bold;
        font-size: 14px;
        text-align: right;
    }

    .tabla_giro_col_der
    {
        font-size: 14px;
        margin-left: 10px;
    }
    /*  */
    #article_contacto_form
    {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: normal;
        align-items: normal;
        align-content: normal;

        width: 100%;
        height: 100vh;
        padding-top: 20px;
    }

    #titulo_contacto
    {
        
        padding-left: 0px;
    }
    .contacto_input
    {
        /* width: 60%; */
        width: 90%;
        height: 35px;
        padding: 10px;
        border-radius: var(--border_radius);
        border: none;
        background-color: var(--gris_claro);
        color: var(--negro);
        margin-bottom: var(--padding_top);
        text-align: center;
        
    }
    #btn_enviar_form
    {
        /* width: 60%; */
        width: 90%;
        height: 35px;
        padding: 10px;
        border-radius: var(--border_radius);
        border: none;
        background-color: var(--rosa);
        color: var(--blanco);
        font-weight: bold;
        margin-bottom: var(--padding_top);
        
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: normal;
        
        cursor: pointer;
        transition: all var(--time_transition_duration_ini) ease-out;
    }
    .contacto_foto_der
    {
        display: none;
        /* height: 100vh; */
        width: 100%;
        z-index: 1;
    }
    #article_contacto_form
    {
        background-image: url("../images/contacto_foto.png") !important;
        background-repeat: no-repeat !important;
        background-size: 50%;
        background-position: bottom right;
    }

    /*  */
    .botonera_section
    {
        display: flex;
        /* flex-direction: row; */
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: normal;
    }
    .btn_header
    {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: normal;

        width: 80%;
        text-align: center;
    }
    .btn_header a
    {
        width: 100%;
        color: white;
    }

    /*  */
    /* Selector con clase (más especificidad) */
    .clientes_testimonios_row[data-aos="fade-left"] 
    {
        /* Estilos para desactivar AOS */
        animation: none !important; /* Desactiva la animación */
        opacity: 1 !important; /* Restablece la opacidad */
    }
    .clientes_testimonios_row
    {
        padding: var(--padding);
        /* width: 60%; */
        width: 100%;
        margin-bottom: var(--padding);
        padding-right: 40px;

        /* Estilos para desactivar AOS */
        animation: none !important; /* Desactiva la animación */
        opacity: 1 !important; /* Restablece la opacidad */
    }

    /*  */
    .footer_caja_der
    {
        padding-right: 20px;
    }
    
    /*  */
    .btn_contactanos_whats
    {
        /* width: 20%; */
        width: 40%;   
    }


    /*  */
    /*  */
    .titulo_section_padding_left
    {
        /* padding-left: 100px; */
        padding-left: 20px;
    }
    .titulo_section_padding_top
    {
        /* padding-top: 100px; */
        padding-top: 20px;
    }


    /*  */
    /* positions: */
    .btn_contactanos_whats_izq_infe_franquicia
    {
        /* width: 20%; */
        width: 18%;
        /* bottom: var(--padding); */
        bottom: 0;
        /* left: var(--padding_left); */
        /* left: 0; */
    }
    



  }
  
  /* Tablets */
  @media (min-width: 768px) and (max-width: 1024px) {
    body {
      font-size: 18px;
      /* background-color: blue !important; */
    }
    .container {
      width: 80%;
    }
    .column {
      width: 50%;
    }

    /*  */
    .logo_main
    {
        /* backdrop-filter: blur(5px);
        filter: drop-shadow(0 0 0.75rem rgb(255, 255, 255)); */
        /* Fix-14032025: */
        position: absolute;
        width: 45%;
        top: 10px;
        left: 10px;
    }
    .logo_main h1
    {
        opacity: 0;
    }
    /*  */
    .barra_images_categorias
    {
        /* width: 80%; */
        width: 60%;
    }
    .image_categoria
    {
        max-width: 80%;
    }
    /*  */
    .caja_der_franquicia 
    {
        /* padding-right: 100px; */   
        padding-right: 30px;
    }
   
    .tabla_giro_col_izq
    {
        
        font-weight: bold;
        font-size: 14px;
        text-align: right;
    }

    .tabla_giro_col_der
    {
        font-size: 14px;
        margin-left: 10px;
    }

    /*  */
    .clientes_testimonios_row
    {
        padding: var(--padding);
        /* width: 60%; */
        width: 100%;
        margin-bottom: var(--padding);
        padding-right: 40px;
    }

    /*  */
    .footer_caja_der
    {
        padding-right: 20px;
    }
    


    /*  */
    /*  */
    .titulo_section_padding_left
    {
        /* padding-left: 100px; */
        padding-left: 20px;
    }
    .titulo_section_padding_top
    {
        /* padding-top: 100px; */
        padding-top: 20px;
    }



    
  }
  
  /* Escritorio */
  @media (min-width: 1280px) {
   /*  body {
      font-size: 20px;
      background-color: yellow !important;
    }
    .container {
      width: 70%;
    }
    .column {
      width: 33.33%;
    } */
  }