@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);
:root {

    /* Colors */
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --success-color: #28a745;
    --info-color: #17a2b8;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --light-color: #f8f9fa;
    --dark-color: #343a40;
    --white-color: #fff;
    --black-color: #000;
    --gray-color: #6c757d;
    --gray-dark-color: #343a40;

    /* Spacing */
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 1rem;
    --spacing-4: 1.5rem;
    --spacing-5: 3rem;

    /* Breakpoints */
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    /* Typography */
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-md: 1rem;
    --font-size-sm: 0.875rem;
    --font-size-xs: 0.75rem;

    /* Font weight */
    --font-weight-normal: 400;
    --font-weight-bold: 700;

    /* Line height */
    --line-height-base: 1.5;

    /* Border radius */
    --border-radius: 0.25rem;

    /* Transition */
    --transition: all 0.3s ease;

    /*navbar height*/
    --navbar-height: auto;

    /*sidebar width*/
    --sidebar-width: 100px;

}


html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    background-color: #f0f0f0;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #007bff;
}

a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}

.global__loader___ENU1b {
    color: yellow;
}
:root {
  --primary-color: #298172;
  --second-color: #f9f9f9;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.navigation-bar__cuerpo___umFry {
  background-color: var(--second-color);
  min-height: 100vh;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: auto;
}

.navigation-bar__header___GK5Nq {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 0px;
  display: flex;
  align-items: center;
  z-index: 100;
  height: 10vh;
}

.navigation-bar__logo___qR1ra {
  width: 33.3%;
  display: flex;
  justify-content: center;
  height: 100px;
}

.navigation-bar__logo___qR1ra h2 {
  font-size: 2em;
  color: var(--primary-color);
  pointer-events: none;
}

.navigation-bar__navigation___FUy_x {
  display: flex;
  width: 33.3%;
  justify-content: center;
}

.navigation-bar__navigation___FUy_x a{
  text-decoration: none;
  font-size: 18px;
  color: var(--primary-color);
  padding: 6px 15px;
  border-radius: 20px;
  margin: 0 10px;
  font-weight: 600;
}

.navigation-bar__navigation___FUy_x a:hover,
a.navigation-bar__active___Pgf5F {
  background-color: var(--primary-color);
  color: var(--second-color);
  text-decoration: none;
}

.navigation-bar__nav_active___vRQax {
  width: 33.3%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.navigation-bar__search___MV9Ds {
  width: 100%;
  max-width: 360px;
  background-color: var(--second-color);
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.navigation-bar__search___MV9Ds img {
  position: absolute;
  right: 14px;
  left: auto;
  width: 22px;
  height: 22px;
  pointer-events: none;
}

.navigation-bar__search_input___NJG5T {
  width: 100%;
  height: 100%;
  padding: 0 44px 0 16px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border: none;
  background-color: #f9f9f9;
  font-size: 17px;
  color: var(--primary-color);
}

.navigation-bar__search_input___NJG5T:focus {
  outline-color: var(--primary-color);
}

.navigation-bar__icon___T2YS4{
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 0;
  overflow: visible;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.navigation-bar__productoencarrito___a3bSb{
  width: 100%;
  height: 100%;
  display: flex;
}

.navigation-bar__info_product_carrito___HSCr8{
  width: 10000px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.navigation-bar__eliminados___DyzNM{
  width: 50%;
  height: 30%;
  border-radius: 20px;
  background-color: #6c69f9;
}

.navigation-bar__img_product_carrito___g78po{
  width: 50%;
}

.navigation-bar__submenu___UjuX3 {
  position: relative;
}

.navigation-bar__submenu___UjuX3 .navigation-bar__carrito___rIOfe{
  display: none;
}

.navigation-bar__submenu___UjuX3:hover .navigation-bar__carrito___rIOfe {
  display: block;
  position: absolute;
  right: 0;
  backdrop-filter: blur(10px);
  top: 100%;
  z-index: 1;
  background-color: #4e4b5076;
  padding: 20px;
  width: 400px;
  border-end-end-radius: 25px;
  border-top-left-radius: 25px;
  border-end-start-radius: 25px;
  min-height: 200px;
}

.navigation-bar__borrar___fDW5r {
  background-color: var(--primary-color);
  border-radius: 50%;
  padding: 5px 10px;
  text-decoration: none;
  color: #fff;
  font-weight: 800;
}

.navigation-bar__btn_3___vsquR{
  display: inline-block;
  padding: 10px 25px;
  font-size: 14px;
  color: #f9f9f9;
  border: 1px solid #f9f9f9;
  border-radius: 25px;
  text-decoration: none;
}

.navigation-bar__btn_3___vsquR:hover{
  background-color: var(--primary-color);
  color: #f9f9f9;
  border: none;
  text-decoration: none;
}

.navigation-bar__botones___TqlWL {
    display: flex;
    height: 60px;
    height: 100px;
    align-items: center;
    gap: 10px;
}

.navigation-bar__botones___TqlWL p{
  color: #f9f9f9;
  font-size: 22px;
  font-weight: 700;
}
.navigation-bar__cantidad___JNRz4{
  display: flex;
  background-color: #298172;
  margin-top: 150px;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.navigation-bar__cantidades___OxUSI a{
  padding: 5px 10px;
  text-decoration: none;
  color: #f9f9f9;
  background-color: #298172;
}

.navigation-bar__search_cont___JHWGN{
  display: none;
  top: 100px;
  right: 50px;
  width: 400px;
  border-radius: 20px;
  min-height: 200px;
  background-color: #f9f9f9;
  position: absolute;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

#navigation-bar__form___lDGGt {
  flex: 1 1 auto;
  min-width: 0;
}

.navbar-logic__form___SqT2C {
    display: flex;
    flex-direction: column;
    width: 300px;
    height: 350px;
    margin: 50px auto;
    padding: 20px;
    border-radius: 20px;
    background-color: white;
    justify-content: space-evenly;

}

/* Estilo para la ventana modal */
.navbar-logic__backgroundOpacity___pjaSs {
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 1;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 20px;
  }
  
  .navbar-logic__form___SqT2C {
    background-color: #fefefe;
    margin-left: 80px;
    margin-right: 40px;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
  }
  
  .navbar-logic__Login___DnjdN {
    text-align: center;
  }
  
  .navbar-logic__label___wcEzF {
    display: block;
    margin-top: 10px;
  }
  
  .navbar-logic__input-email___XBA3j,
  .navbar-logic__input-password___XHl2E {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  
  .navbar-logic__button-send___ar3wh {
    width: 100%;
    padding: 10px;
    background-color: #298172;
    color: white;
    border: none;
    cursor: pointer;
  }
  
  .navbar-logic__button-send___ar3wh:hover {
    background-color: #45a049;
  }
  
  .navbar-logic__divRight___TkwH0 {
    text-align: center;
    margin-top: 20px;
    margin-left: 30px;
  }
  
  .navbar-logic__registerBtn___rWhRW {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
    
  }
  
  .navbar-logic__registerBtn___rWhRW:hover {
    background-color: #298172;
    color: #fefefe;
  }
  


.navbar-logic__backgroundOpacity___pjaSs {
    background-color: rgba(41, 129, 114, 0.5);
    color: white;
    display: flex;
    /* gap: 10px; */
    justify-content: space-evenly;
}

.navbar-logic__divRight___TkwH0 {
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    margin-right: 20%;
    font-size: larger;
    gap: 20px;
}

.navbar-logic__Login___DnjdN {
    font-family: 'Poppins';
    align-self: center;
    /* margin-bottom: 10px; */
    color: #226559;
}

.navbar-logic__registerBtn___rWhRW {
    align-self: flex-start;
    padding: 5px 2.5px;
    border: none;
    border-radius: 30px;
    color: #226559;
    background-color: white;
    cursor: pointer;
    width: 130px;
    align-self: center;
    font-weight: 600;
    font-size: 17px;
    margin-top: 10px;
}

.navbar-logic__label___wcEzF {
    margin-bottom: 5px;
    color: #226559;
    font-family: 'Poppins';
}

.navbar-logic__input-email___XBA3j,
.navbar-logic__input-password___XHl2E {
    /* margin-bottom: 10px; */
    padding: 5px;
    border:rgba(135, 216, 202, 0.5) ;
    border-radius: 10px;
    background-color: rgba(135, 216, 202, 0.5);
    width: 90%;
    align-self: center;
}

.navbar-logic__button-send___ar3wh {
    padding: 10px 5px;
    border: none;
    border-radius: 30px;
    background-color: #226559;
    color: white;
    cursor: pointer;
    width: 130px;
    align-self: center;
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;

}

.navbar-logic__button-send___ar3wh:hover {
    background-color: #298172;
}



.navbar-logic__productoencarrito___W0Pjk{
  width: 100%;
  height: 100%;
  display: flex;
}

.navbar-logic__info_product_carrito___RhEyi{
  width: 10000px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.navbar-logic__eliminados___jITr5{
  background-color: var(--primary-color);
  position: absolute;
  border-radius: 20px;
  color: #fff;
  padding: 0 20px;
  right: 0;
}

.navbar-logic__img_product_carrito___BrNIm{
  width: 40%;
}

.navbar-logic__img_product_carrito___BrNIm img{
  width: 100%;
  height: 100%;
}

.navbar-logic__submenu___LD24P {
  position: relative;
}

.navbar-logic__submenu___LD24P .navbar-logic__carrito___naJZs{
  display: none;
}

.navbar-logic__submenu___LD24P:hover .navbar-logic__carrito___naJZs {
  display: block;
  position: absolute;
  right: 0;
  backdrop-filter: blur(10px);
  top: 100%;
  z-index: 1;
  background-color: #4e4b5076;
  padding: 20px;
  width: 400px;
  border-end-end-radius: 25px;
  border-top-left-radius: 25px;
  border-end-start-radius: 25px;
  min-height: 200px;
}

.navbar-logic__borrar___cdZdj {
  background-color: var(--primary-color);
  border-radius: 50%;
  padding: 5px 10px;
  text-decoration: none;
  color: #fff;
  font-weight: 800;
}

.navbar-logic__btn_3___s_fwh{
  display: inline-block;
  padding: 10px 25px;
  font-size: 14px;
  color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 25px;
  margin-top: 15px;
}

.navbar-logic__btn_3___s_fwh:hover{
  background-color: var(--primary-color);
}

.navbar-logic__info_product_carrito___RhEyi{
  width: 60%;
}

.navbar-logic__producto_carrito___zT0Ii{
  width: 100%;
  position: relative;
  height: 120px;
}

.navbar-logic__producto_carrito_img_text___NWuVF{
  display: flex;
  width: 100%;  
  height: 80%;
}

/* Modal overrides for login/register popup */
.navbar-logic__modalOverlay___YNBQm {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.55);
  padding: 24px;
}

.navbar-logic__modalContent___eTmK0 {
  position: relative;
  width: min(1120px, 96vw);
  min-height: 580px;
  max-height: calc(100vh - 32px);
  background-color: rgba(41, 129, 114, 0.92);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10vh;
  overflow: auto;
  color: #fff;
}

.navbar-logic__form___SqT2C {
  width: min(500px, 100%);
  margin: 0;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  box-sizing: border-box;
  flex: 1 1 auto;
}

.navbar-logic__divRight___TkwH0 {
  margin: 0;
  flex: 0 0 280px;
  color: #fff;
}

.navbar-logic__divRight___TkwH0 h2,
.navbar-logic__divRight___TkwH0 p {
  color: #fff;
}

.navbar-logic__modalClose___pffJC {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #ffffff;
  color: #226559;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 860px) {
  .navbar-logic__modalContent___eTmK0 {
    flex-direction: column;
    align-items: stretch;
  }

  .navbar-logic__divRight___TkwH0 {
    flex: 0 0 auto;
    margin-right: 0;
    text-align: center;
  }
}

:root {
  --primary-color: #298172;
  --second-color: #f9f9f9;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.style__cuerpo___MWPOR {
  background-color: var(--second-color);
  min-height: 100vh;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: auto;
}

.style__header___vaGx2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 0px;
  display: flex;
  align-items: center;
  z-index: 100;
  height: 10vh;
}

.style__logo___R1kpK {
  width: 33.3%;
  display: flex;
  justify-content: center;
  height: 100px;
}

.style__logo___R1kpK h2 {
  font-size: 2em;
  color: var(--primary-color);
  pointer-events: none;
}

.style__navigation___AfoIP {
  display: flex;
  width: 33.3%;
  justify-content: center;
}

.style__navigation___AfoIP a{
  text-decoration: none;
  font-size: 18px;
  color: var(--primary-color);
  padding: 6px 15px;
  border-radius: 20px;
  margin: 0 10px;
  font-weight: 600;
}

.style__navigation___AfoIP a:hover,
a.style__active___S7wno {
  background-color: var(--primary-color);
  color: var(--second-color);
}

.style__nav_active___jCgE8 {
  width: 33.3%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.style__search___Dez6O {
  width: 70%;
  background-color: var(--second-color);
  height: 50px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 20px;
  position: relative;
}

.style__search___Dez6O img {
  position: absolute;
  left: 88%;
}

.style__search_input___CmBwj {
  width: 100%;
  height: 100%;
  padding: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border: none;
  background-color: #f9f9f9;
  font-size: 17px;
  color: var(--primary-color);
}

.style__search_input___CmBwj:focus {
  outline-color: var(--primary-color);
}

.style__icon___qecQK{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.style__parallax___XlDq2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.style__text___a5ZeX {
  position: absolute;
  font-size: 5em;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.style__parallax___XlDq2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

.style__sec___xHWpt{
    background-color: #003329;
    padding: 100px;
} 

main{
  /* position: relative; */
  display: flex;
  flex-direction: column;
  
}

.style__separation___L6Hh9{
  /* position: absolute; */
  
  background-color: #f9f9f9;
  margin: 0;
  height: auto;
  width: 100vw;
  
}

.style__about___K04qr{
    width: 100vw;
    height: 80vh;
    background-color: #f9f9f9;
    display: flex;
    gap: 100px;
    justify-content: center;
  }
  
  .style__about_txt___GeTYb{
    margin-left: 10%;
    width: 35%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 13vh;
  }
  
  .style__about_title___fLkHd{
    font-size: 100px;
    font-weight: 600;
    border-bottom: 4px solid #359381;
    color: var(--primary-color);
  }
  
  
  
  .style__about_img___osFsW{
    background-color: #003329;
    height: 70%;
    width: 25%;
    position: relative;
  }
  
  .style__about_img___osFsW img{
    position: absolute;
    top: -20px;
    left: -20px;
    width: 100%;
    height: 100%;
  }
  

.style__statistics___FZdvd{
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 20px;
  height: 25%;
}

.style__statistics___FZdvd p{
  background-color: var(--primary-color);
  width: 124px;
  height: 124px;
  border-radius: 62px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--second-color);
}

.style__cont_txt___GKWhB{
  color: var(--primary-color);
  text-align: justify;
  font-size: 18px;
}

.style__btn1___pewUA{
  background-color: #003329;
  color: #f9f9f9;
  padding: 15px;
  text-decoration: none;
  border-radius: 30px;
  align-self: self-start;
  margin-top: 2%;
}
.style__slider___ydQPi {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  width: 100%;
  padding: 20px 8px;
  position: relative;
  gap: 12px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.style__slider___ydQPi::-webkit-scrollbar {
  display: none;
}

.style__slider___ydQPi .style__product___fNfL8 {
  transition: 0.5s;
  flex: 0 0 calc((100% - 24px) / 3);
  min-width: 260px;
}

.style__products___jJMiY{
  height: 130vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f9f9f9; 
}

.style__products___jJMiY h2{
  text-align: center;
  width: 30%;
  color: #003329;
}


.style__category___OqJBe{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 100px;
  margin-top: 50px;
}

.style__category___OqJBe button{
  background-color: #003329;
  height: 150px;
  width: 150px;
  border-radius: 50%;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.style__text_product_top___BXq3k{
  margin-top: 100px;
  align-self: self-start;
  margin-left: 10%;
  font-weight: 800;
  color: #003329;
  font-size: 30px;
}

.style__top_product___KlC8p{
  width: 90vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60vh;
  gap: 8px;
}

.style__arrows___sPGV1 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #298172;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.style__arrows___sPGV1 img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.style__cards___S3oue {
  width: 100%;
  max-width: calc(100% - 110px);
  overflow: hidden;
}

.style__card___uP1Q6{
  position: relative;
  width: 100%;
  max-width: 312.96px;
  height: 360px;
  border-radius: 32px;
  background-color: #298172;
  box-shadow: 0 14px 30px rgba(0, 51, 41, 0.25);
  overflow: hidden;
}

.style__card_prodct___p0kuJ{
  position: relative;
  background-color: #003329;
  border-radius: 32px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px 16px;
}

.style__card_prodct___p0kuJ img{
  width: 100%;
  height: 190px;
  border-radius: 24px;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
}
.style__title_product___PlcpC{
  color: #f9f9f9;
  font-size: 21px;
  font-weight: 600;
  width: 100%;
  margin: 0;
  padding: 0 4px;
  text-align: center;
  line-height: 1.25;
  min-height: 52px;
}

.style__producct_info___MaPrd{
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.style__producct_info___MaPrd p{
  margin: 0;
  color: #f9f9f9;
  font-size: 20px;
  font-weight: 700;
}

.style__btn2___eitk4{
  background-color: #298172;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  padding: 8px 14px;
  color: #f9f9f9;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.style__btn2___eitk4:hover{
  background-color: #3aa493;
}

.style__cards___S3oue{
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.style__artles___TUKGi{
  background-color: #00251F;
  width: 100%;
  height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4%;
}


.style__algunos_comentarios___A1SgB{
  background-color: #275b52;
  width: 80%;
  height: 28%;
  display: flex;
  align-items: center;
  border-radius: 18px;
  overflow: hidden;
}

.style__perfil_comentario___Wiacf{
  background-color:white;
  width: 20%;
  height: 90%;
  margin-left: 50px;
  border-radius: 12px;
  overflow: hidden;
}

.style__perfil_comentario___Wiacf img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.style__comentarios_text___pHW_l{
  margin-left: 50px;
  padding-right: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 90%;
  width: 75%;
}

.style__artles_ttitle___dTOew{
  color: #f9f9f9;
  font-size: 30px;
  font-weight: 700;
}

.style__arles_txt___V1hfW{
  color: #f9f9f9;
}

.style__btn3___zEhIq{
  background-color: #00251F;
  color: #f9f9f9;
  text-decoration: none;
  align-self: flex-end;
  margin-top: 10px;
  margin-right: 10px;
  padding: 5px;
  border-radius: 40px;
}


.style__pie_pagina___YAW2d {
  display: flex;
  flex-direction: row;
  height: 40vh;
  background-color: #359381;
  justify-content: center;
  padding: 20px;
}

.style__pie_pagina___YAW2d .style__logo___R1kpK {
  object-fit: scale-down;
  object-position: center;
  height: 90%;
  margin-right: 10%;
  margin-top: 30px;
}

.style__pie_pagina___YAW2d h2 {
  color: antiquewhite;
  font-weight: 400;
}

.style__pie_pagina___YAW2d div {
  margin: 10px;
}

.style__pie_pagina___YAW2d ul li {
  color: #faebd7;
  list-style: none;
  padding-top: 5px;
}

.style__Socials___Ka05e img {
  height: 50px;
  width: auto;
}

.style__cantidad___qA7sU{
  display: flex;
  margin-left: 10px;
  align-items: center;
  gap: 5px;
}
.style__botones_cantidad___W1uSV{
  padding: 5px 10px;
  font-weight: 700;
  text-decoration: none;
  color: #f9f9f9;
  background-color: #298172;
}


.home__visible___aELtZ {
    display: block;
}

.home__hidden___AkkWb {
    display: none;
}

.home__loader___HFUcP {
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 30px;
    clip-path: inset(0 3ch 0 0); /* Esto significa que el texto se va a mostrar de 3 en 3 caracteres */
    animation: home__l4___oIpdA 1s steps(4) infinite;
}

.home__loader___HFUcP:before {
    content: "Cargando..."
}

@keyframes home__l4___oIpdA {
    to {
        clip-path: inset(0 -1ch 0 0)
    }
}
.reports__some-value___RqNE8 {
    color: red;
}
.navigation-bar__container___bR77d {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: var(--spacing-2);
    background-color: #f8f9fa;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    height: 100%;
    gap: var(--spacing-2)
}

.navigation-bar__container___bR77d img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.navigation-bar__container___bR77d p {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: var(--color-text);
}
aside.sidebar-menu__sidebar-menu___Iab29 {
    background-color: rgba(76, 175, 80, 0.4);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    height: 100%;
}

aside.sidebar-menu__sidebar-menu___Iab29 > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: var(--spacing-2);
    height: 100%;
    gap: var(--spacing-1);
    padding-top: 50px;
}

aside.sidebar-menu__sidebar-menu___Iab29 > ul > li {
    list-style: none;
    width: 100%;
    transition: var(--transition);
}

aside.sidebar-menu__sidebar-menu___Iab29 > ul > li > button {
    color: black;
    font-size: 1.2rem;
    padding: 1rem;
    text-decoration: none;
    border: 0;
    background-color: transparent;
    text-align: left;
    cursor: pointer;
}

.sidebar-menu__active___lty4I,
aside.sidebar-menu__sidebar-menu___Iab29 > ul > li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.dashboard-layout__container___HVcMF {
    display: grid;
    grid-template-areas: "sidebar navbar"
                        "sidebar main";
    grid-template-columns: minmax(var(--sidebar-width), auto) 1fr;
    grid-auto-rows: var(--navbar-height) 1fr;
    height: 100vh;
}

.dashboard-layout__sidebar___fzjL5 {
    grid-area: sidebar;
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.dashboard-layout__navbar___HU09G {
    grid-area: navbar;
}

.dashboard-layout__main___QZI5g {
    grid-area: main;
    padding: var(--spacing-3);
}
.settings__some-class___qpo07{
    color: red;
}
.users__page-title___tJxg4 {
    font-size: var(--font-size-base);
    color: var(--info-color);
    margin-bottom: 20px;
}

.users__hidden___jtqMf {
    display: none;
}

.users__loader___Piosb {
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 30px;
    clip-path: inset(0 3ch 0 0); /* Esto significa que el texto se va a mostrar de 3 en 3 caracteres */
    animation: users__l4___t6mPb 1s steps(4) infinite;
}

.users__loader___Piosb:before {
    content: "Cargando..."
}

@keyframes users__l4___t6mPb {
    to {
        clip-path: inset(0 -1ch 0 0)
    }
}

.users__user-info___pqMtM {
    margin-top: 20px;
}

.users__user-table___GIv61, .users__user-details-table___oZ7hJ {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.users__user-table___GIv61 th, .users__user-table___GIv61 td, .users__user-details-table___oZ7hJ th, .users__user-details-table___oZ7hJ td {
    border: 1px solid #ddd;
    padding: 8px;
}

.users__user-table___GIv61 th, .users__user-details-table___oZ7hJ th {
    background-color: var(--info-color);
    color: white;
}

.users__user-table___GIv61 tr:nth-child(even), .users__user-details-table___oZ7hJ tr:nth-child(even) {
    background-color: #f2f2f2;
}

.users__user-table___GIv61 tr:hover, .users__user-details-table___oZ7hJ tr:hover {
    background-color: #ddd;
}

.users__user-table___GIv61 th, .users__user-details-table___oZ7hJ th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
}

.users__btn-see-more___uDxV_ {
    background-color: var(--info-color);
    color: white;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
}

.users__btn-see-more___uDxV_:hover {
    background-color: darken(var(--info-color), 10%);
}

.forum__container___GOWay {
    max-width: 1200px;
    padding: 0 15px;
}

.forum__bg-red___FMJ8t {
    background-color: red;
}

.forum__bg-green____5G2O {
    background-color: green;
}
.register__my-div___xBouB {
    background-color: red;
}

.register__my-border___qhcEP {
    border: 1px solid black;
}
.profile__container___ZOo3k {
    background-color: green;
}
:root {
  --primary-color: #298172;
  --dark-color: #003329;
  --bg-color: #f9f9f9;
}

* {
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.about-us__aboutPage___Rwvmr {
  min-height: 100vh;
  width: 100%;
  padding: 120px 6vw 80px;
  background: linear-gradient(180deg, #eef8f6 0%, var(--bg-color) 30%, #ffffff 100%);
  color: var(--dark-color);
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.about-us__hero___BvWZW {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
  align-items: center;
}

.about-us__badge___tlkPd {
  display: inline-flex;
  padding: 8px 14px;
  border-radius: 999px;
  background-color: rgba(41, 129, 114, 0.14);
  border: 1px solid rgba(41, 129, 114, 0.3);
  color: var(--primary-color);
  margin-bottom: 12px;
  font-weight: 600;
}

.about-us__heroText___diI6X h1 {
  font-size: clamp(1.9rem, 4vw, 3.3rem);
  line-height: 1.1;
  margin-bottom: 10px;
}

.about-us__heroText___diI6X p {
  line-height: 1.65;
}

.about-us__actions___ySVq1 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.about-us__primaryBtn___pEB06,
.about-us__secondaryBtn___QgY_A {
  border: none;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 600;
  cursor: pointer;
}

.about-us__primaryBtn___pEB06 {
  background-color: var(--dark-color);
  color: #fff;
}

.about-us__secondaryBtn___QgY_A {
  background-color: var(--primary-color);
  color: #fff;
}

.about-us__heroImageWrap___yGEFG {
  background-color: var(--dark-color);
  border-radius: 28px;
  padding: 12px;
}

.about-us__heroImage___mBOf_ {
  width: 100%;
  height: 320px;
  border-radius: 20px;
  object-fit: cover;
}

.about-us__gridSection___y9RUB {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 16px;
}

.about-us__card___NpjuH {
  background-color: #ffffff;
  border: 1px solid #dbeee9;
  border-radius: 18px;
  padding: 20px;
}

.about-us__card___NpjuH h2 {
  margin: 0 0 8px;
}

.about-us__card___NpjuH p,
.about-us__card___NpjuH li {
  line-height: 1.6;
}

.about-us__card___NpjuH ul {
  margin: 0;
  padding-left: 18px;
}

.about-us__impact___LWPBS {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 18px;
}

.about-us__impactImage___P4r9U {
  background-color: var(--dark-color);
  border-radius: 20px;
  padding: 10px;
}

.about-us__impactImage___P4r9U img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  max-height: 320px;
  border-radius: 14px;
  object-fit: cover;
}

.about-us__impactText___qQon0 {
  background-color: #ffffff;
  border: 1px solid #dbeee9;
  border-radius: 20px;
  padding: 22px;
}

.about-us__impactText___qQon0 h2 {
  margin-bottom: 10px;
}

.about-us__impactText___qQon0 p {
  line-height: 1.65;
  margin-bottom: 8px;
}

.about-us__stats___EzgvN {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 12px;
}

.about-us__stats___EzgvN article {
  background-color: var(--dark-color);
  color: #fff;
  border-radius: 18px;
  padding: 18px;
}

.about-us__value___jLUHE {
  font-size: 1.7rem;
  font-weight: 700;
}

.about-us__closing___KbIgf {
  background-color: var(--dark-color);
  color: #fff;
  border-radius: 24px;
  padding: 20px;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 16px;
  align-items: center;
}

.about-us__closing___KbIgf img {
  width: 100%;
  border-radius: 14px;
  height: 200px;
  object-fit: cover;
}

.about-us__closing___KbIgf p {
  line-height: 1.6;
}

@media (max-width: 980px) {
  .about-us__hero___BvWZW,
  .about-us__impact___LWPBS,
  .about-us__closing___KbIgf {
    grid-template-columns: 1fr;
  }

  .about-us__gridSection___y9RUB {
    grid-template-columns: 1fr;
  }

  .about-us__stats___EzgvN {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }
}

@media (max-width: 640px) {
  .about-us__aboutPage___Rwvmr {
    padding: 96px 20px 52px;
  }

  .about-us__heroImage___mBOf_ {
    height: 240px;
  }

  .about-us__stats___EzgvN {
    grid-template-columns: 1fr;
  }
}

:root {
  --primary-color: #298172;
  --dark-color: #003329;
  --bg-color: #f9f9f9;
}

* {
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.style__services___UayBz {
  width: 100%;
  min-height: 100vh;
  background: radial-gradient(circle at 0% 0%, #e6f4f1 0%, var(--bg-color) 48%);
  color: var(--dark-color);
  padding: 120px 6vw 80px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.style__hero___Qrege {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 32px;
  align-items: center;
}

.style__heroText___OQuzF h1 {
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.1;
  margin-bottom: 16px;
}

.style__badge___WYz3p {
  display: inline-flex;
  background-color: rgba(41, 129, 114, 0.14);
  color: var(--primary-color);
  border: 1px solid rgba(41, 129, 114, 0.3);
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 600;
  margin-bottom: 18px;
}

.style__subtitle___qfd8t {
  font-size: 1.03rem;
  line-height: 1.65;
  max-width: 640px;
}

.style__actions___mhopK {
  margin-top: 22px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.style__primaryBtn___JWOc0,
.style__secondaryBtn___GnR8s,
.style__cardBtn___Cny4F {
  border: none;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.style__primaryBtn___JWOc0:hover,
.style__secondaryBtn___GnR8s:hover,
.style__cardBtn___Cny4F:hover {
  transform: translateY(-1px);
  opacity: 0.92;
}

.style__primaryBtn___JWOc0 {
  background-color: var(--dark-color);
  color: var(--bg-color);
}

.style__secondaryBtn___GnR8s {
  background-color: var(--primary-color);
  color: var(--bg-color);
}

.style__heroImageWrap___qp9_4 {
  background-color: var(--dark-color);
  border-radius: 30px;
  padding: 12px;
  box-shadow: 0 20px 40px rgba(0, 51, 41, 0.2);
}

.style__heroImage___pHBEE {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 22px;
}

.style__kpis___xVIe4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 16px;
}

.style__kpiCard___USO9l {
  background-color: var(--dark-color);
  color: var(--bg-color);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 12px 28px rgba(0, 51, 41, 0.15);
}

.style__kpiValue___dX5eL {
  font-size: 1.8rem;
  font-weight: 700;
}

.style__kpiLabel___IELks {
  opacity: 0.92;
}

.style__insights___j1jIN {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 24px;
}

.style__insightImage___TsmX5 {
  background-color: var(--dark-color);
  border-radius: 24px;
  padding: 10px;
}

.style__insightImage___TsmX5 img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  object-fit: cover;
  border-radius: 16px;
}

.style__insightText___rCjvx {
  background-color: #ffffff;
  border: 1px solid #dbeee9;
  border-radius: 24px;
  padding: 28px;
}

.style__insightText___rCjvx h2 {
  margin-bottom: 14px;
  font-size: clamp(1.5rem, 2.8vw, 2.2rem);
}

.style__insightText___rCjvx p {
  line-height: 1.65;
  margin-bottom: 14px;
}

.style__list___aKWg8 {
  margin-left: 18px;
  display: grid;
  gap: 10px;
}

.style__catalog___rro8_ {
  background-color: var(--dark-color);
  border-radius: 28px;
  padding: 30px;
  color: var(--bg-color);
}

.style__catalog___rro8_ h2 {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
}

.style__catalog___rro8_ > p {
  opacity: 0.9;
  margin-top: 8px;
}

.style__cards___qWMAH {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 18px;
}

.style__card___jvU1g {
  background-color: #21564d;
  border-radius: 24px;
  padding: 12px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.style__cardImageWrap___f9BDU {
  background-color: #fff;
  border-radius: 18px;
  padding: 10px;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style__cardImage___LyT4x {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.style__card___jvU1g h3 {
  font-size: 1.2rem;
  margin: 0;
}

.style__cardBtn___Cny4F {
  align-self: flex-start;
  background-color: var(--primary-color);
  color: var(--bg-color);
}

@media (max-width: 1060px) {
  .style__hero___Qrege,
  .style__insights___j1jIN {
    grid-template-columns: 1fr;
  }

  .style__kpis___xVIe4 {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }

  .style__cards___qWMAH {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 700px) {
  .style__services___UayBz {
    padding: 96px 20px 56px;
    gap: 28px;
  }

  .style__heroImage___pHBEE {
    height: 240px;
  }

  .style__kpis___xVIe4,
  .style__cards___qWMAH {
    grid-template-columns: 1fr;
  }

  .style__insightText___rCjvx,
  .style__catalog___rro8_ {
    padding: 20px;
  }
}


/*# sourceMappingURL=main.cca598ceaf7e6965f1d0.css.map*/