/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@font-face{font-family:'PlaylistCaps';src:url(/themes/custom/popote_front/fonts/PlaylistCaps-regular.woff2) format('woff2'),url(/themes/custom/popote_front/fonts/PlaylistCaps-regular.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap;}@font-face{font-family:'Cabin';font-weight:400 700;font-stretch:75% 100%;font-display:optional;src:url(/themes/custom/popote_front/fonts/cabin-latin-vf.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
:root{--color-primary:#ee6157;--color-secondary:#60bc80;--color-red-dark:#cc2014;--color-green-dark:#307349;--color-beige:#f8f3ed;--color-gray-hover:#efefef;--color-gray-bg:#e3e3e3;--color-white:#ffffff;--color-black:#211E1E;--color-text:var(--color-black);--font-family-main:"Cabin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-title:"PlaylistCaps",cursive;--font-size-base:1rem;--font-size-sm:0.875rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--spacing-4:0.25rem;--spacing-8:0.5rem;--spacing-12:0.75rem;--spacing-16:1rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-48:3rem;--spacing-64:4rem;--spacing-xs:var(--spacing-4);--spacing-sm:var(--spacing-8);--spacing-md:var(--spacing-16);--spacing-lg:var(--spacing-32);--spacing-xl:var(--spacing-64);--border-radius-sm:10px;--border-radius-md:20px;--border-radius-lg:100px;--border-radius-xl:200px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--border-radius-default:30px;--border-radius-medium:20px;--grid-column-desktop:85px;--grid-gutter-desktop:20px;}
body{font-family:var(--font-family-main);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-white);margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);color:var(--color-primary);margin:0;line-height:1.2;}p{margin-bottom:var(--spacing-16);}a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast);&:hover,&:focus{text-decoration:none;}}img{max-width:100%;height:auto;}.icon{width:24px;height:24px;}.section--wrapper{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-64) 0;margin:0 auto;}.section--wrapper.twelve-cols{max-width:min(calc(100% - 20px),1240px);}.section--wrapper.ten-cols{max-width:min(calc(100% - 20px),1030px);}.section--wrapper.eight-cols{max-width:min(calc(100% - 20px),1240px);}
.cta{display:inline-flex;align-items:center;font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);border-radius:var(--border-radius-default);border-style:solid;border-width:1px;text-transform:uppercase;}.cta:hover{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary);}.cta--primary{background-color:var(--color-red-dark);border-color:var(--color-red-dark);color:var(--color-white);}.cta--secondary{background-color:var(--color-white);color:var(--color-red-dark);border-color:var(--color-red-dark);}.cta--large{min-height:60px;font-size:18px;padding:0 30px;}.cta--medium{min-height:50px;font-size:16px;padding:0 20px;}.cta--small{min-height:40px;font-size:13px;padding:0 15px;}
.hero{position:relative;width:100vw;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-white);}.hero--bg{position:absolute;inset:0;z-index:0;}.hero--bg video,.hero--bg iframe,.hero--bg img,.hero--bg .media{width:100vw;height:100vw;object-fit:cover;}.hero--overlay{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,0.4);}.hero--content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:700px;}.hero--title{font-size:clamp(2rem,5vw,4rem);font-family:var(--font-family-title);color:currentColor;}.hero--subtitle{font-size:clamp(1rem,2vw,1.25rem);margin:0 0 2rem;opacity:0.9;color:currentColor;}.hero--controls{position:absolute;bottom:2rem;left:2rem;z-index:3;display:flex;gap:0.75rem;}.hero--control{width:50px;height:50px;border-radius:50%;background:var(--color-red-dark);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;border:none;svg{width:24px;height:24px;fill:currentColor;}&:hover,&:active{background:var(--color-white);color:var(--color-red-dark);}}@media screen and (min-width:768px){.hero--control{height:60px;width:60px;svg{width:30px;height:30px;}}}
.link{display:flex;width:fit-content;border-radius:var(--border-radius-medium);padding:10px 20px;background-color:transparent;transition:background-color var(--transition-normal);align-items:center;gap:8px;color:var(--color-red-dark);font-size:1rem;text-decoration:none;font-weight:var(--font-weight-bold);}.link:hover,.link:focus{background-color:var(--color-white);}.link--arrow:hover,.link--arrow:focus{svg{transform:translateX(4px);}}.link--black{color:var(--color-black);}svg{transition:transform var(--transition-normal);}.link--arrow{gap:4px;}.link--icon{font-weight:var(--font-weight-normal);svg{fill:var(--color-primary);}}.link--legend{flex-direction:column;align-items:flex-start;gap:.5rem;color:var(--color-black);}.link--legend-title{display:flex;align-items:center;justify-content:space-between;width:100%;svg{stroke:var(--color-black);opacity:0.5;}}.link--legend-description{font-weight:var(--font-weight-normal);padding-right:30px;}
.title{font-size:2rem;line-height:1.2;font-family:var(--font-family-main);font-weight:var(--font-weight-bold);color:var(--color-primary);text-shadow:2px 2px 8px rgba(0,0,0,0.10);margin-bottom:2.5rem;em{color:var(--color-secondary);font-style:normal;position:relative;display:inline-block;&::after{content:'';position:absolute;bottom:-25px;left:0;width:110%;height:25px;background-image:url('data:image/svg+xml;utf8,<svg width="200" height="25" viewBox="0 0 200 25" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12C60 7 140 2 185 7" stroke="%2360bc80" stroke-width="5" stroke-linecap="round" vector-effect="non-scaling-stroke"/><path d="M5 20C60 15 140 10 195 15" stroke="%2360bc80" stroke-width="5" stroke-linecap="round" vector-effect="non-scaling-stroke"/></svg>');background-size:100% 100%;background-repeat:no-repeat;background-position:center;clip-path:inset(0 100% 0 0);}&.is-active::after{animation:underline-draw 0.6s cubic-bezier(0.4,0,0.2,1) 0.2s forwards;}}}.title--white{color:var(--color-white);em{color:var(--color-white);&::after{background-image:url('data:image/svg+xml;utf8,<svg width="200" height="25" viewBox="0 0 200 25" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12C60 7 140 2 185 7" stroke="%23ffffff" stroke-width="5" stroke-linecap="round" vector-effect="non-scaling-stroke"/><path d="M5 20C60 15 140 10 195 15" stroke="%23ffffff" stroke-width="5" stroke-linecap="round" vector-effect="non-scaling-stroke"/></svg>');}}}.title--center{text-align:center;}.title--tileted{transform:rotate(-1.83deg);}.title--pretitle{font-size:clamp(1rem,1vw,1.5rem);text-transform:uppercase;font-weight:var(--font-weight-medium);display:block;line-height:1;text-shadow:none;margin-bottom:5px;}.title--pretitle-green{color:var(--color-secondary);}.title--highlight-red{em{color:var(--color-primary);&::after{background-image:url('data:image/svg+xml;utf8,<svg width="200" height="25" viewBox="0 0 200 25" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12C60 7 140 2 185 7" stroke="%23ee6157" stroke-width="5" stroke-linecap="round" vector-effect="non-scaling-stroke"/><path d="M5 20C60 15 140 10 195 15" stroke="%23ee6157" stroke-width="5" stroke-linecap="round" vector-effect="non-scaling-stroke"/></svg>');}}}.title--highlight{display:inline-block;position:relative;color:var(--color-secondary);}.title--highlight svg{position:absolute;bottom:-34px;left:0;right:0;width:100%;z-index:-1;stroke:currentColor;}@keyframes underline-draw{from{clip-path:inset(0 100% 0 0);}to{clip-path:inset(0 0% 0 0);}}@media screen and (min-width:768px){.title{font-size:2.5rem;}}