.section-title h3{font-size:16px;font-weight:600}.section-title h4{font-size:14px;font-weight:500}.coffee-header-section{position:relative;display:flex}.coffee-info-container{margin-top:2em;width:100%}.coffee-info-container .coffee-info{margin:2em 0;display:flex;row-gap:.8em;width:100%;column-gap:2em}h1.page-title{font-size:28px;font-weight:700}.producer-image-container img.dotted-circle{position:absolute;top:-10em;right:-10em;width:55%}.mask{-webkit-mask-image:url(/images/elements/hero-sec-mask.svg);-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:url(/images/elements/hero-sec-mask.svg);mask-position:center center;mask-repeat:no-repeat;mask-size:cover}#masked{background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;background-position:300px 10%;z-index:-1;margin-top:-4em}.mask-bg{-webkit-mask-image:url(/images/elements/here-sec-mask.svg);-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:url(/images/elements/here-sec-mask.svg);mask-position:center center;mask-repeat:no-repeat;mask-size:cover}.producers-container{margin:1em 0;display:grid;grid-template-columns:.5fr 1fr;align-items:center}.producers-container .avatar-list{margin-left:1.5em;display:flex}.producers-container .avatar-list .avatar{width:60px;height:60px;border-radius:100%;overflow:hidden;margin-left:-1.5em}.producers-container .see-more{justify-content:flex-end}.see-more span{font-weight:600;cursor:pointer}.producers-container .producer-info{display:flex;width:100%;align-items:flex-start;justify-content:center;flex-direction:column}.producers-container .producers-data{margin-top:1em}.producer-info .data{display:flex;column-gap:1em;align-items:center}.producer-info .description{margin:1em 0;border-bottom:1px solid #e3e3e3;padding:1em 0;width:100%}.producer-info p.title{margin:2px 0;font-weight:500}.score-container{margin:1em 0}.score-container h2{display:flex;column-gap:10px;width:100%}.widget{min-height:60px;background-color:#000;display:flex;align-items:center;justify-content:center;color:#fff;padding:10px;border-radius:5px;font-size:12px}.widget.score{display:flex;flex-direction:column}.widget.score p{font-size:18px;font-weight:600}.widget.sensory{width:100%;justify-content:flex-start}.coffee-sensory-data-section{flex-direction:column;display:flex}.coffee-sensory-data-section .sensory-attributes{display:grid;grid-template-columns:1fr 1fr;row-gap:35px;column-gap:50px;margin-bottom:4em;margin-top:1em}.coffee-sensory-data-section .attribute-widget{display:flex;flex-direction:column;justify-content:flex-end}.coffee-production-data-section .card-grid-container{display:grid;grid-template-columns:1fr 1fr;column-gap:1em;row-gap:1em;margin-bottom:2em}.card-grid-container .producer{display:flex;width:100%;column-gap:1em;align-items:center}.avatar,.card-grid-container .producer .avatar{width:50px;height:50px;border-radius:100%;overflow:hidden}.coffee-process-card{padding:15px;margin-bottom:30px;border-radius:5px}.coffee-process-card,.process-widget{box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.process-widget{display:flex;align-items:flex-start;column-gap:1em;padding:20px 10px;border-radius:10px;cursor:pointer;background-color:#f3ede6}.process-widget:hover{background-color:#918181}.info-content{margin:1em 0}.process-widget .icon{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px dashed #000;border-radius:100%}.process-widget .description p{font-size:13px}.process-widget .description .process-value{font-weight:600}.properties-list-container{margin-top:1em;display:grid;grid-template-columns:1fr;column-gap:15px;row-gap:15px;position:relative}.property-card{height:200px;width:100%;padding:20px;border-radius:5px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);background-color:#000;display:flex;align-items:flex-end;justify-content:flex-start;background-size:cover;background-position:50% 50%;position:relative;cursor:pointer;overflow:hidden}img.prop-image{position:absolute;top:0;left:0;height:auto;min-height:100%;width:100%;margin-top:-50%}.property-data{color:#f3ede6;z-index:1;width:100%}.property-data-title h2,.property-data-title h3{color:#f3ede6}.property-data .responsibles-container{display:flex;justify-content:space-between;column-gap:10px;row-gap:10px;flex-wrap:wrap}.producer-card{display:flex;column-gap:10px;align-items:center;border-radius:5px;min-width:260px}.producer-card h3{color:#141312}.producer-card.header h3{color:#f3ede6}.producer-card.active{background-color:#b9afda;color:#fff}.producer-card.active:before{position:absolute;content:"";width:4px;height:100%;top:0;left:0;background:#141312;border-radius:5px 0 0 5px}.property-card h4{font-size:18px;color:#fff;font-weight:600;z-index:1}.producer-desc{margin-left:20px;position:relative}.producer-desc:before{position:absolute;content:"";width:4px;height:100%;top:0;left:-14px;background:#141312;border-radius:5px}.producers-desc-list{margin-bottom:2em;display:flex;column-gap:10px}@media (max-width:768px){#masked{bottom:40%;background-position:100px 50%}.mask-bg{-webkit-mask-image:url(/images/elements/here-sec-mask-mobile.svg);-webkit-mask-position:60%}.coffee-header-section{min-height:unset}h1.page-title{font-size:21px}.coffee-info-container{min-width:100%}.coffee-info-container .coffee-info{display:grid;grid-template-columns:1fr;row-gap:0}.coffee-production-data-section .card-grid-container{grid-template-columns:1fr}.coffee-production-data-section .card-grid-container::-webkit-scrollbar{width:.5em;color:transparent}.coffee-sensory-data-section{grid-template-columns:1fr;margin-top:1em}.properties-list-container{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}.properties-list-container::-webkit-scrollbar{width:.5em;color:transparent}.property-card{min-width:75vw;height:190px!important;padding:15px}.property-data .divider{margin:7px 0}.coffee-process-card{min-width:75vw}img.prop-image{margin-top:0!important}.coffee-sensory-data-section .sensory-attributes,.producers-desc-list{grid-template-columns:1fr}.producers-desc-list{display:grid;row-gap:10px}.property-data-title{flex-direction:column;justify-content:flex-start;align-items:flex-start!important;row-gap:1em}}@media (min-width:768px) and (max-width:920px){#masked{bottom:20%}}@media (min-width:1366px) and (max-width:1920px){.mask-bg{-webkit-mask-image:url(/images/elements/here-sec-mask-mobile.svg);-webkit-mask-position:60%}.coffee-header-section{min-height:50vh}#masked{margin-top:-50em}}