@charset "utf-8";
/* CSS Document */
/* Estilos CSS optimizados */
      body {
        background-color: #00b2e6 !important;
        margin: 0;
        padding: 0;
        min-height: 100vh;
        font-family: 'Arial', sans-serif;
        color: #fff;
        overflow-x: hidden;
      }
      
      .container {
        max-width: 100%;
        padding: 20px;
      }
      
      .logo {
        padding: 0.5rem;
        text-align: left;
      }
      
      .logo img {
        max-width: 250px;
        height: auto;
        filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2));
      }
      
      .pronto {
        padding-left: 2rem;
      }
      
      .pronto h4, .pronto h5, .pronto h6 {
        text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
      }
      
      .pronto h6 {
        margin-bottom: 1rem;
      }
      
      .ecofiltro {
        position: relative;
        text-align: center;
      }
      
      .ecofiltro img {
        max-width: 80%;
        height: auto;
      }
      
      .ecofiltro img:first-child {
        filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.3));
      }
      
      .ecofiltro img:last-child {
        position: absolute;
        top: 68%;
        left: 80%;
        transform: translate(-50%, -50%);
        width: 70%;
        max-width: 420px;
        z-index: 1;
        filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.3));
      }
      
      .banderas {
        padding-top: 5rem;
        padding-bottom: 2rem;
      }
      
      .banderas img {
        max-width: 75%;
        height: auto;
        filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.2));
      }
      
      /* Media Queries para responsive */
      @media (max-width: 1200px) {
        .pronto {
          padding-top: 8rem;
        }
      }
      
      @media (max-width: 992px) {
        .pronto {
          padding-top: 5rem;
        }
        
        .ecofiltro img:last-child {
          width: 70%;
        }
      }
      
      @media (max-width: 768px) {
        .pronto {
          padding-top: 3rem;
          padding-left: 1rem;
        }
        
        .logo img {
          max-width: 200px;
        }
        
        .ecofiltro img:last-child {
          position: relative;
          top: auto;
          left: auto;
          transform: none;
          margin-top: -50px;
          margin-bottom: 2rem;
          width: 60%;
        }
        
        .banderas {
          padding-top: 3rem;
        }
      }
      
      @media (max-width: 576px) {
        .pronto {
          padding-top: 2rem;
        }
        
        .logo img {
          max-width: 180px;
        }
        
        .banderas {
          padding-top: 2rem;
        }
        
        .banderas .texto {
          text-align: center !important;
          margin-bottom: 1rem;
        }
      }