<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Sections */
@import './header.css';
@import '../../blocks/banner_fadein/banner_fadein.css';
@import '../../blocks/image_sticky/image_sticky.css';
@import '../../blocks/slider_cards/slider_cards.css';
@import '../../blocks/timeline/timeline.css';
@import '../../blocks/slider_news/slider_news.css';
@import '../../blocks/hero-cards-video_modal/hero-cards-video_modal.css';
@import '../../blocks/tabs_icon/tabs_icon.css';
@import '../../blocks/slider_productos/slider_productos.css';
@import './footer.css';

/* Fonts */
@font-face {
  font-family: jakarta_extrabold;
  src: url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.ttf');
  font-weight: 900;
}
@font-face {
  font-family: jakarta_bold;
  src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf');
  font-weight: 800;
}
@font-face {
  font-family: jakarta_semibold;
  src: url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: jakarta_medium;
  src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf');
  font-weight: 600;
}
@font-face {
  font-family: jakarta_regular;
  src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf');
  font-weight: 500;
}
@font-face {
  font-family: jakarta_light;
  src: url('../fonts/PlusJakartaSans/PlusJakartaSans-Light.ttf');
  font-weight: 300;
}
@font-face {
  font-family: jakarta_extralight;
  src: url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraLight.ttf');
  font-weight: 200;
}

/* Variables */
:root {
  --blue: #1e90ff;
  --white: #ffffff;
  --white60: #FFFFFF99;
  --white24: #FFFFFF3D;
  --shadows: 0px 0px 18px 0px #A3A3A340;
  --shadows-cards: 0px 4px 4px 0px #00000040;
  --dark_green: #41631C;
  --overlay: rgba(0, 0, 0, 0.3);
  --bg_black_90: rgba(0, 0, 0, 0.9);
  --bg_back_50: rgba(0, 0, 0, 0.59);
  --mask_dark: rgba(6, 6, 6, 0.5);
  --green_soft: #B4B000;
  --background: #E7E7E7;
  --gray: #6F6F6F;
  --border: #D9D9D9;
  --transparent: rgba(255, 255, 255, 0);

  /* Breakpoints */
  --mobile: 767px;
	--tablet: 1023px;
	--desktop-sm: 1279px;
	--desktop-md: 1439px;
	--desktop-lg: 1750px;
}

/* Keyframes */
@keyframes bounce_dot {
  from {bottom: -.8rem;}
  to {bottom: -3rem;}
}

/* General settings */
html {
  box-sizing: border-box;
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-margin-top: 10rem;

  *,::after,::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
  }

  body {
    font-size: 16px;/* 1rem =&gt; 10px */
    position: relative;

    p, ul, li{
      font-family: jakarta_regular;
    }
    h1,h2,h3,h4,h5,h6{
      font-family: jakarta_extrabold;
    }

    .cnt_scroll_next{
      position: absolute;
      bottom: 10%;
      left: 0;
      width: 100%;
      text-align: center;
  
      a{
        position: relative;
  
        &amp;::after{
          content: '';
          position: absolute;
          bottom: -.8rem;
          left: 40%;
          width: 0.6rem;
          height: 0.6rem;
          background-color: var(--green_soft);
          border-radius: 50%;
          animation: bounce_dot 2s alternate backwards infinite;
        }
  
        img{
          cursor: pointer;
        }
      }
    }
  }
}

/* Components */
.btn-outline{
  border: 2px solid var(--dark_green);
  border-radius: 10rem;
  padding: 1rem;
  background-color: var(--transparent);
  font-size: 2rem;
  font-family: jakarta_medium;
  color: var(--dark_green);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  transition: .5s ease-in;
  &amp;:hover{
    background-color: var(--green_soft);
    border-color: var(--dark_green);
    color: var(--dark_green);
  }

  @media screen and (min-width: 260px) and (max-width: 767px) {
    font-size: 1.4rem;
  }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    font-size: 1.4rem;
  }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    font-size: 1.4rem;
  }
  @media screen and (min-width: 1280px) and (max-width: 1439px) {
    font-size: 1.5rem;
  }
  @media screen and (min-width: 1440px) and (max-width: 1750px) {
    font-size: 1.7rem;
  }

  img, svg{
    width: 3.4rem;
    height: 3.4rem;
    @media screen and (min-width: 1024px) and (max-width: 1279px) {
      width: 2rem;
      height: 2rem;
    }
    @media screen and (min-width: 1280px) and (max-width: 1439px) {
      width: 2.5rem;
      height: 2.5rem;
    }
    @media screen and (min-width: 1440px) and (max-width: 1750px) {
      width: 3rem;
      height: 3rem;
    }
  }
}

.css_arrows_swiper{
  background-color: var(--white);
  box-shadow: var(--shadows);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: .3s ease;

  &amp;:hover{
    background-color: red;
  }

  &amp;::after{
    content: none;
  }

  @media screen and (min-width: 260px) and (max-width: 767px){
    width: 45px;
    height: 45px;
  }
}</pre></body></html>