main{flex:1;display:flex;align-items:center;width:100%;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:1}.fade-out{opacity:0}.quienes-somos-explain-container{display:flex;width:100%;background-color:var(--secondary-whited);transition:all .4s ease;justify-content:center;min-height:290px;.quienes-somos-explain-content{width:100%;max-width:914px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:all .4s ease;.quienes-somos-explain-text-container{opacity:2;color:var(--text-color);z-index:2;display:flex;flex-direction:column;align-items:flex-end;max-width:684px;margin-right:310px;gap:30px;transition:all .4s ease;.quienes-somos-explain-text-title{font-family:var(--serif-font);opacity:100%;font-size:30px}.quienes-somos-explain-text-description{font-family:var(--sans-serif-font);font-size:18px;line-height:24px}}svg{position:absolute;width:700px;right:-20px;top:20px;path{fill:var(--white-color);transition:all .4s ease}}}}.quienes-somos-header-container{width:100%;display:flex;justify-content:center;.quienes-somos-header-content{width:100%;max-width:1185px;display:flex;justify-content:flex-end;position:relative;.quienes-somos-title{font-family:var(--serif-font);color:var(--primary-color);opacity:.65;font-size:180px;line-height:120%;font-weight:400;transition:all .4s ease}.quienes-somos-header-description{position:absolute;left:10%;bottom:30%;width:50%;max-width:642px;background-color:var(--background-color);padding:20px;font-family:var(--sans-serif-font);color:var(--text-color);font-size:18px;line-height:150%;height:135;transition:all .4s ease}}}.quienes-somos-accordion-section-container{width:100%;display:flex;justify-content:center;padding:40px 0;.quienes-somos-accordion-section-content{max-width:833px;display:flex;flex-direction:column;align-items:center;width:100%;.quienes-somos-accordion-section-title{color:var(--text-color);font-weight:700;font-family:var(--serif-font);font-size:30px;transition:all .4s ease}.accordion-container{display:flex;flex-direction:column;width:100%;.accordion-controller{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin-top:30px;position:relative;margin-bottom:50px;.accordion-controller-line{width:80%;height:3px;background-color:var(--primary-color);position:absolute;bottom:22px;left:70px;transition:all .4s ease}.accordion-element{display:flex;flex-direction:column;gap:20px;align-items:center;.accordion-element-title{font-family:var(--serif-font);color:var(--text-color);font-weight:400;transition:all .4s ease}.accordion-element-button{width:50px;height:50px;background-color:var(--primary-color);transition:all .4s ease;border-radius:50%;position:relative;overflow:visible;z-index:2;cursor:pointer;.accordion-active-pointer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;opacity:0;background-color:var(--background-color);border:3px solid var(--accent-color);border-radius:50%;padding:7px;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease-in-out forwards;.accordion-active-pointer-circle{background-color:var(--accent-color);width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .4s ease}}}}}.accordion-content-wrapper{transition:opacity .3s ease-in-out;.accordion-content{width:100%;max-width:833px;min-height:230px;background-color:var(--primary-transparented-white);display:flex;justify-content:center;align-items:center;column-gap:30px;transition:all .4s ease;.accordion-square-icon{display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease-in-out;.accordion-square-title{color:var(--text-color);font-family:var(--serif-font);font-size:30px;transition:all .4s ease}}.accordion-square-text{color:var(--text-color);font-family:var(--sans-serif-font);font-size:16px;max-width:400px;transition:opacity .3s ease-in-out;transition:all .4s ease}}}}}}.our-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0 80px;gap:30px;.our-contact-title{font-family:var(--serif-font);color:var(--text-color);font-size:30px;font-weight:700;transition:all .4s ease}.our-email{font-family:var(--sans-serif-font);color:var(--text-color);font-size:20px;font-weight:500;border-bottom:none;transition:color .4s ease;transition:all .4s ease;&:hover{color:var(--accent-color);border-bottom:2px solid var(--accent-color);transition:all .4s ease}}}.dark{main{.quienes-somos-header-container{.quienes-somos-header-content{.quienes-somos-title{transition:all .4s ease}.quienes-somos-header-description{background-color:var(--black-bg);color:var(--white-color);transition:all .4s ease}}}.quienes-somos-explain-container{background-color:var(--primary-color);.quienes-somos-explain-content{svg{path{fill:var(--black-bg);transition:all .4s ease}}.quienes-somos-explain-text-container{color:var(--white-color);transition:all .4s ease}}}.quienes-somos-accordion-section-container{.quienes-somos-accordion-section-content{.quienes-somos-accordion-section-title{color:var(--white-color);transition:all .4s ease}.accordion-container{.accordion-controller{.accordion-element{.accordion-element-title{color:var(--white-color);transition:all .4s ease}.accordion-element-button{background-color:var(--secondary-color);transition:all .4s ease;.accordion-active-pointer{background-color:var(--black-bg);transition:all .4s ease}}}.accordion-controller-line{background-color:var(--secondary-color);transition:all .4s ease}}.accordion-content-wrapper{.accordion-content{background-color:var(--secondary-color);transition:all .4s ease;.accordion-square-icon{svg{path,line{fill:var(--white-color);transition:all .4s ease}line,circle{stroke:var(--white-color);transition:all .4s ease}}.accordion-square-title{color:var(--white-color);transition:all .4s ease}}.accordion-square-text{color:var(--white-color);transition:all .4s ease}}}}}}.our-contact{.our-contact-title,.our-email{color:var(--white-color);transition:all .4s ease}.our-email:hover{color:var(--accent-color)}}}}@media (max-width:767px){main{.quienes-somos-header-container{.quienes-somos-header-content{padding-bottom:150px;.quienes-somos-title{font-size:70px}.quienes-somos-header-description{font-size:12px;bottom:0}}}.quienes-somos-explain-container{.quienes-somos-explain-content{min-height:350px;padding:30px 40px;svg{width:400px;height:auto;right:-50px}.quienes-somos-explain-text-container{margin-right:0;align-items:flex-start;.quienes-somos-explain-text-title{font-size:20px}.quienes-somos-explain-text-description{font-size:16px}}}}.quienes-somos-accordion-section-container{.quienes-somos-accordion-section-content{.accordion-container{.accordion-controller{.accordion-element{.accordion-element-title{display:none}.accordion-element-button{width:25px;height:25px;.accordion-active-pointer{width:35px;height:35px;padding:2px;.accordion-active-pointer-circle{width:25px;height:25px;svg{width:20px}}}}}.accordion-controller-line{bottom:10px;left:33px}}.accordion-content-wrapper{.accordion-content{flex-direction:column;box-sizing:border-box;padding:30px;.accordion-square-text{text-align:center;line-height:28px}}}}}}}}@media (max-width:1023px) and (min-width:768px){main{.quienes-somos-header-container{.quienes-somos-header-content{.quienes-somos-title{font-size:100px}.quienes-somos-header-description{font-size:12px;bottom:20%}}}.quienes-somos-explain-container{.quienes-somos-explain-content{min-height:350px;padding:30px 40px;svg{width:400px;height:auto;right:-50px}.quienes-somos-explain-text-container{margin-right:20%;.quienes-somos-explain-text-title{font-size:20px}.quienes-somos-explain-text-description{font-size:16px}}}}.quienes-somos-accordion-section-container{.quienes-somos-accordion-section-content{.accordion-container{.accordion-controller{.accordion-element{.accordion-element-button{width:35px;height:35px;.accordion-active-pointer{width:45px;height:45px;padding:2px;.accordion-active-pointer-circle{width:35px;height:35px;svg{width:25px}}}}}.accordion-controller-line{bottom:15px;left:65px}}.accordion-content-wrapper{.accordion-content{box-sizing:border-box;padding:30px;.accordion-square-text{text-align:center;line-height:28px}}}}}}}}