.elementor-13955 .elementor-element.elementor-element-a07311b{--display:flex;}.elementor-13955 .elementor-element.elementor-element-25e48b9{--display:flex;}.elementor-13955 .elementor-element.elementor-element-e11237a{--display:flex;}.elementor-13955 .elementor-element.elementor-element-6bc445e{--display:flex;}.elementor-13955 .elementor-element.elementor-element-145879c{--display:flex;}.elementor-13955 .elementor-element.elementor-element-4ba81b3{--display:flex;}.elementor-13955 .elementor-element.elementor-element-9af4d6f{--display:flex;}/* Start custom CSS */<!-- ==========================================
     0. GLOBALES: CSS BASE Y SMOOTH SCROLL (MODERNO)
=========================================== -->
<style>
/* TIPOGRAFÍA Y VARIABLES BENTO */
@font-face {
  font-family: 'Montserrat';
  src: url('https://girorecicla.cl/wp-content/uploads/2026/07/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

:root {
  /* Nueva Paleta de Colores Generación Circular */
  --giro-yellow: #FFCC00;
  --giro-green-dark: #01583F;
  --giro-green-light: #CDF548;
  --giro-beige: #FBF2ED;
  --giro-pink: #FEB3D2;
  --giro-black: #000000;
  --giro-white: #FFFFFF;
  
  /* Fuentes */
  --body-font: 'Montserrat', sans-serif;
  --header-font: 'Montserrat', sans-serif;
  
  /* Radios Bento Box */
  --bento-radius-xl: 40px;
  --bento-radius-lg: 32px;
  --bento-radius-md: 20px;
  --bento-radius-sm: 12px;
  --pill-radius: 50px;
}

body {
  font-family: var(--body-font);
  color: var(--giro-black);
  background-color: var(--giro-beige); /* Fondo general beige */
  line-height: 1.6;
  margin: 0;
}

a { text-decoration: none; color: inherit; transition: all 0.3s ease; }
h1, h2, h3, h4, h5, h6 { font-family: var(--header-font); font-weight: 800; margin-top: 0; }

/* CLASE BASE BENTO BOX (Sin borde negro, solo fondo y sombra sutil) */
.giro-bento-container {
  width: 95%;
  max-width: 1300px;
  margin: 0 auto 24px auto; 
}

.bento-box {
  background-color: var(--giro-white);
  border-radius: var(--bento-radius-lg);
  padding: 50px;
  border: none; /* Adiós borde negro */
  box-shadow: 0 10px 30px rgba(0,0,0,0.04); /* Sombra suave para despegar del fondo beige */
  position: relative;
  overflow: hidden;
}

/* ETIQUETAS Y BOTONES */
.pill-badge {
  display: inline-block;
  padding: 8px 20px;
  border-radius: var(--pill-radius);
  font-weight: 800;
  font-size: 0.85rem;
  text-transform: uppercase;
  border: none;
  margin-bottom: 20px;
}

.giro-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 36px;
  border-radius: var(--pill-radius);
  font-weight: 800;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none; 
}

.giro-btn-primary { 
  background-color: var(--giro-green-light); 
  color: var(--giro-black); 
}
.giro-btn-primary:hover { 
  background-color: var(--giro-yellow); 
  transform: translateY(-4px); 
  box-shadow: 0 6px 15px rgba(0,0,0,0.1); 
}

.giro-btn-secondary { 
  background-color: var(--giro-white); 
  color: var(--giro-black); 
}
.giro-btn-secondary:hover { 
  background-color: var(--giro-black); 
  color: var(--giro-white); 
}

/* UTILIDADES DE COLOR */
.bg-green-light { background-color: var(--giro-green-light); color: var(--giro-black); }
.bg-green-dark { background-color: var(--giro-green-dark); color: var(--giro-white); }
.bg-pink { background-color: var(--giro-pink); color: var(--giro-black); }
.bg-yellow { background-color: var(--giro-yellow); color: var(--giro-black); }
.text-center { text-align: center; }

/* RESPONSIVE GENERAL */
@media (max-width: 768px) {
  .giro-bento-container { margin-bottom: 16px; }
  .bento-box { padding: 30px 20px; border-radius: var(--bento-radius-md); }
  .giro-btn { width: 100%; padding: 14px 20px; }
}
</style>

<script>
jQuery(document).ready(function($) {
    $('a[href*="#"]').not('[href="#"]').not('[href="#0"]').click(function(event) {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
                event.preventDefault();
                /* Reducimos el offset porque la barra ya no es flotante y no tapará el contenido */
                var offset = 40; 
                $('html, body').animate({ scrollTop: target.offset().top - offset }, 800, 'swing'); 
            }
        }
    });
});
</script>/* End custom CSS */