/* =========================================================================
   Global Origins · Sistema base (todas las paginas)
   Sistema visual tomado de la propuesta (bolsa Magma): blanco, crema y
   carbon, lava como acento, titulares Anton en mayusculas, cuerpo Nunito.
   Todo el estado inicial de las animaciones depende de html.go-js: si el
   script no corre, la pagina se ve completa y quieta.
   ========================================================================= */

:root{
  --go-fondo:#FFFFFF;
  --go-crema:#FFF1E0;
  --go-crema2:#FDE6CE;
  --go-carbon:#17110D;
  --go-carbon2:#211914;
  --go-tinta:#141414;
  --go-lava:#E43C12;
  --go-lava2:#B8300B;
  --go-miel:#FFDA41;
  --go-texto:#5F544B;
  --go-texto-claro:#C6B8AB;
  --go-linea:rgba(20,20,20,.12);
  --go-linea-clara:rgba(255,255,255,.14);
  --go-r:32px;
  --go-r2:20px;
  --go-display:"Anton",Impact,"Arial Narrow",sans-serif;
  --go-cuerpo:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --go-ease:cubic-bezier(.16,1,.3,1);
  --go-gutter:clamp(14px,1.6vw,22px);
}

/* Lenis (desplazamiento suave) */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}

body.go-site{background:var(--go-fondo);color:var(--go-texto);font-family:var(--go-cuerpo);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}

.go-page{position:relative}
.go-page *,.go-page *::before,.go-page *::after{box-sizing:border-box}
.go-page img{max-width:100%;height:auto;display:block}
.go-page a{text-decoration:none}
.go-page p{margin:0;text-wrap:pretty}
.go-page strong{color:var(--go-tinta);font-weight:800}
.go-page .wp-block-group{margin-top:0;margin-bottom:0}
.go-page .go-wrap{margin-inline:auto}
.go-page figure{margin:0}

.go-page h1,.go-page h2,.go-page h3{font-family:var(--go-display);font-weight:400;text-transform:uppercase;letter-spacing:.004em;color:var(--go-tinta);margin:0;text-wrap:balance}
.go-page h1{font-size:clamp(2.9rem,6vw,6.1rem);line-height:.94}
.go-page h2{font-size:clamp(2.3rem,5.4vw,4.9rem);line-height:.96}
.go-page h3{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.02}
.go-page h1 em,.go-page h2 em{font-style:normal;color:var(--go-lava)}

.go-wrap{width:min(1320px,calc(100% - 2 * var(--go-gutter) - 24px));margin-inline:auto}
.go-section{padding:clamp(80px,11vw,160px) 0}

.go-site .go-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--go-lava2);margin-bottom:22px}
.go-site .go-eyebrow::before{content:"";width:28px;height:9px;flex:none;background:repeating-linear-gradient(115deg,var(--go-lava) 0 5px,transparent 5px 10px)}
.go-dark .go-eyebrow,.go-hero .go-eyebrow{color:var(--go-lava)}
.go-site .go-lead{font-size:clamp(16.5px,1.35vw,19px);max-width:48ch;line-height:1.6}

/* ---------- Botones ---------- */
.go-site .wp-block-buttons.go-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.go-site .go-btn{margin:0}
.go-site .go-btn .wp-block-button__link{position:relative;display:inline-flex;align-items:center;gap:12px;padding:18px 30px;border-radius:100px;font-family:var(--go-cuerpo);font-size:15.5px;font-weight:800;letter-spacing:.01em;line-height:1;border:1.5px solid transparent;overflow:hidden;isolation:isolate;transition:color .3s ease,border-color .3s ease,transform .35s var(--go-ease);will-change:transform}
.go-site .go-btn .wp-block-button__link::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--go-ease)}
.go-site .go-btn .wp-block-button__link::after{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .4s var(--go-ease)}
.go-site .go-btn .wp-block-button__link:hover::before{transform:translateY(0)}
.go-site .go-btn .wp-block-button__link:hover::after{transform:translateX(4px)}
.go-site .go-btn .wp-block-button__link:active{transform:scale(.97)}
.go-site .go-btn--lava .wp-block-button__link{background:var(--go-lava);color:#fff}
.go-site .go-btn--lava .wp-block-button__link::before{background:var(--go-crema)}
.go-site .go-btn--lava .wp-block-button__link:hover{color:var(--go-tinta)}
.go-site .go-btn--line .wp-block-button__link{background:transparent;color:var(--go-crema);border-color:rgba(255,241,224,.4)}
.go-site .go-btn--line .wp-block-button__link::before{background:var(--go-crema)}
.go-site .go-btn--line .wp-block-button__link:hover{color:var(--go-tinta);border-color:var(--go-crema)}
.go-site .go-btn--ink .wp-block-button__link{background:var(--go-tinta);color:#fff}
.go-site .go-btn--ink .wp-block-button__link::before{background:var(--go-lava)}
.go-site .go-btn--cream .wp-block-button__link{background:var(--go-crema);color:var(--go-tinta)}
.go-site .go-btn--cream .wp-block-button__link::before{background:var(--go-lava)}
.go-site .go-btn--cream .wp-block-button__link:hover{color:#fff}

/* ---------- Granos de cafe ---------- */
.granos{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;--caida:900px}
.grano{position:absolute;top:-70px;width:26px;opacity:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));animation:go-caer linear infinite;will-change:transform}
.grano svg,.deco svg{width:100%;height:auto;display:block}
@keyframes go-caer{
  0%{transform:translate3d(0,0,0) rotate(0deg);opacity:0}
  7%{opacity:var(--op,.75)}
  88%{opacity:var(--op,.75)}
  100%{transform:translate3d(var(--dx,24px),var(--caida),0) rotate(var(--giro,520deg));opacity:0}
}
.deco{position:absolute;pointer-events:none;z-index:1;opacity:.9;animation:go-flotar 7s ease-in-out infinite}
@keyframes go-flotar{0%,100%{transform:translateY(-8px) rotate(var(--r,0deg))}50%{transform:translateY(10px) rotate(calc(var(--r,0deg) + 8deg))}}

/* =========================================================================
   Cabecera (Blocksy) — barra flotante oscura
   ========================================================================= */
body.go-site #header{position:fixed;top:14px;left:0;right:0;z-index:90;padding-inline:calc(var(--go-gutter) + 12px);pointer-events:none;transition:transform .6s var(--go-ease),opacity .4s ease}
body.go-site #header > [data-device]{pointer-events:auto;max-width:1320px;margin-inline:auto;background:rgba(23,17,13,.72);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,241,224,.1);border-radius:100px;box-shadow:0 20px 50px -30px rgba(0,0,0,.6);transition:background .4s ease}
body.go-site #header [data-row]{background:transparent !important;border:0 !important;box-shadow:none !important;--height:70px !important;--shrink-height:70px !important;min-height:0}
body.go-site #header [data-row] > .ct-container-fluid,body.go-site #header [data-row] > .ct-container{height:70px !important;min-height:0 !important;padding-inline:20px 12px !important}
body.go-site #header .site-logo-container img{max-height:58px !important;width:auto !important;height:auto !important}
body.go-site #header .ct-menu-link{--menu-item-height:70px}
body.go-site #header .menu > li > .ct-menu-link::before{display:none !important}
body.go-site #header .ct-menu-link{color:var(--go-crema) !important;font-family:var(--go-cuerpo);font-size:14.5px !important;font-weight:700 !important;letter-spacing:.01em;text-transform:none !important;position:relative}
body.go-site #header .menu > li > .ct-menu-link::after{content:"";position:absolute;left:var(--menu-item-padding,12px);right:var(--menu-item-padding,12px);bottom:calc(50% - 16px);height:2px;background:var(--go-lava);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--go-ease)}
body.go-site #header .menu > li > .ct-menu-link:hover::after,body.go-site #header .menu > li.current-menu-item > .ct-menu-link::after{transform:scaleX(1);transform-origin:left}
body.go-site #header .ct-icon,body.go-site #header .ct-header-trigger,body.go-site #header .ct-header-search,body.go-site #header .ct-header-cart{color:var(--go-crema) !important;--theme-icon-color:var(--go-crema);--theme-icon-hover-color:var(--go-lava)}
body.go-site #header .ct-icon,body.go-site #header [data-id="cart"] svg{fill:var(--go-crema) !important;color:var(--go-crema) !important}
body.go-site #header [data-id="cart"]:hover svg{fill:var(--go-lava) !important}
body.go-site #header .ct-label{color:var(--go-crema)}
body.go-site #header .gt_switcher,body.go-site #header .gtranslate_wrapper a,body.go-site #header .menu-item-gtranslate a,body.go-site #header [class*="gt-menu"] a,body.go-site #header .gt-current-lang{color:var(--go-crema) !important}
body.go-site.go-head-hidden #header{transform:translateY(-130%);opacity:0}
body.go-site.go-head-solid #header > [data-device]{background:rgba(23,17,13,.9)}
body.go-site:not(.go-home) #header > [data-device]{background:rgba(23,17,13,.95)}

/* Barra de progreso */
.go-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--go-lava);z-index:120;pointer-events:none;transform:scaleX(0);transform-origin:left}

/* =========================================================================
   Cierre con infolettre
   ========================================================================= */
.go-close{padding:clamp(60px,8vw,110px) var(--go-gutter) 0}
.go-close__card{position:relative;background:var(--go-carbon);border-radius:var(--go-r);overflow:hidden;padding:clamp(60px,9vw,140px) clamp(24px,5vw,80px);text-align:center;isolation:isolate}
.go-close__card > *{position:relative;z-index:2}
.go-close__card > .granos{position:absolute;inset:0;z-index:0}
.go-close__card .go-eyebrow{justify-content:center}
.go-close__card h2{color:var(--go-crema);max-width:16ch;margin-inline:auto}
.go-close__card .go-lead{color:var(--go-texto-claro);margin:22px auto 0;max-width:46ch}
.go-page .go-close__link{margin-top:26px;font-size:15px}
.go-page .go-close__link a{color:var(--go-crema);font-weight:800;border-bottom:1.5px solid var(--go-lava);padding-bottom:2px;transition:color .3s ease}
.go-page .go-close__link a:hover{color:var(--go-lava)}

/* WPForms (infolettre) dentro del cierre */
.go-close .wpforms-container{max-width:560px;margin:36px auto 0 !important}
.go-close .wpforms-form{display:flex;align-items:flex-start;gap:10px;background:rgba(255,241,224,.07);border:1px solid var(--go-linea-clara);border-radius:100px;padding:8px}
.go-close .wpforms-field-container{flex:1;display:flex;gap:8px;min-width:0}
.go-close .wpforms-field{padding:0 !important;flex:1;min-width:0}
.go-close .wpforms-field-label,.go-close .wpforms-field-sublabel,.go-close .wpforms-field-description{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.go-close .wpforms-field input{width:100% !important;max-width:none !important;height:52px !important;background:transparent !important;border:0 !important;box-shadow:none !important;color:var(--go-crema) !important;font-family:var(--go-cuerpo) !important;font-size:15.5px !important;padding:0 18px !important;border-radius:100px !important}
.go-close .wpforms-field input::placeholder{color:rgba(255,241,224,.55)}
.go-close .wpforms-field input:focus{outline:2px solid var(--go-lava) !important;outline-offset:0}
.go-close .wpforms-submit-container{padding:0 !important;margin:0 !important}
.go-close button.wpforms-submit{height:52px !important;border-radius:100px !important;background:var(--go-lava) !important;color:#fff !important;border:0 !important;font-family:var(--go-cuerpo) !important;font-weight:800 !important;font-size:15px !important;padding:0 26px !important;cursor:pointer;transition:background .3s ease !important}
.go-close button.wpforms-submit:hover{background:var(--go-lava2) !important}
.go-close .wpforms-error,.go-close label.wpforms-error{color:#FFB199 !important;font-size:13px}
.go-close .wpforms-confirmation-container-full{background:rgba(255,241,224,.08) !important;border:1px solid var(--go-linea-clara) !important;color:var(--go-crema) !important;border-radius:var(--go-r2)}
@media(max-width:620px){
  .go-close .wpforms-form{flex-direction:column;border-radius:var(--go-r2)}
  .go-close .wpforms-field-container{flex-direction:column;width:100%}
  .go-close .wpforms-submit-container,.go-close button.wpforms-submit{width:100% !important}
}

/* =========================================================================
   Pie (Blocksy)
   ========================================================================= */
body.go-site #footer{background:var(--go-carbon) !important;margin:clamp(14px,1.6vw,22px);border-radius:var(--go-r);color:var(--go-texto-claro);overflow:hidden}
body.go-site #footer [data-row]{background:transparent !important;border-color:var(--go-linea-clara) !important}
body.go-site #footer,body.go-site #footer p,body.go-site #footer .widget-title,body.go-site #footer h2,body.go-site #footer h3{color:var(--go-texto-claro)}
body.go-site #footer a{color:var(--go-crema) !important;transition:color .25s ease}
body.go-site #footer a:hover{color:var(--go-lava) !important}

/* =========================================================================
   Movimiento generico
   ========================================================================= */
.go-js .go-rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--go-ease),transform .9s var(--go-ease)}
.go-js .go-rv.in{opacity:1;transform:none}
.go-js .go-tr{clip-path:inset(0 0 100% 0);transform:translate3d(0,.5em,0);transition:clip-path 1.2s var(--go-ease),transform 1.2s var(--go-ease)}
.go-js .go-tr.in{clip-path:inset(-.2em -.2em -.3em -.2em);transform:none}
.go-js.go-ready .go-hero .go-tr{clip-path:inset(-.2em -.2em -.3em -.2em);transform:none;transition-delay:.45s}
.go-js .go-mask{clip-path:inset(12% 8% 12% 8% round var(--go-r));transition:clip-path 1.3s var(--go-ease)}
.go-js .go-mask.in{clip-path:inset(0 0 0 0 round var(--go-r))}

/* Cursor que acompana sobre los cafes */
.go-cursor{position:fixed;left:0;top:0;z-index:130;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:var(--go-lava);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:.02em;pointer-events:none;transform:translate3d(var(--cx,-200px),var(--cy,-200px),0) scale(0);transition:transform .45s var(--go-ease)}
.go-cursor span{transform:translateY(4px);opacity:0;transition:opacity .3s ease,transform .45s var(--go-ease)}
.go-cursor.on{transform:translate3d(var(--cx),var(--cy),0) scale(1);transition:transform .15s linear}
.go-cursor.on span{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .go-js .go-rv,.go-js .go-hero *,.go-js .go-bags__stage,.go-js .go-hero__card{opacity:1 !important;transform:none !important;clip-path:none !important}
  .go-tr{clip-path:none !important;transform:none !important}
  .granos,.deco,.go-progress,.go-cursor{display:none}
  .go-ticker__row,.go-gallery__row{animation:none !important}
}