/** Shopify CDN: Minification failed

Line 2167:2 Expected percentage but found "0"
Line 4113:0 Unexpected ","

**/
/*@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');*/

/*día de la madre borrar*/
.gm-menu-installed .gm-menu.gm-menu-181234 .gm-item.gm-level-0 > .gm-target[href="/pages/dia-de-la-madre"] > .gm-text {
    color: #E15C31 !important;
}
/*Estilos 2026*/
article.precio-comparado-carrito {
    text-decoration: line-through;
    font-size: 0.8em;
    margin-right: 10px;
    color: #e15c31;
}
@media screen and (max-width:980px){
[class*="__product-grid-padding"].gradient.color-scheme-1 {
    padding-top: 70px;
}

}
.header-menu.left-menu>ul>li:first-child>a:after {
    content: " ▾";
    font-size: 0.7em;
    vertical-align: 1px;
}
/* Aquí había `.product-sago product-recommendations.related-products
   .card__inner.gradient.ratio { height: 430px }`: forzaba la foto de los
   recomendados a 430px para que saliera vertical con `image_ratio: square`.
   El anclaje del botón de añadir (sago-overrides.css, 31/08) calcula con
   `--ratio-percent`, y con la altura forzada el botón quedaba 113px por
   encima del pie de la foto a 1440. Fuera la altura; la proporción vertical
   sale ahora de la plantilla (`image_ratio: adapt`, como en la rejilla de
   colección). P de REVISION-SILVIA-02-09.md. */


/* Aquí vivía un bloque rotulado "BLACK FRIDAY BORRAR" que inyectaba con un
   ::before el texto "BLACK DAYS" a 50px, y a 90px !important en ≥1280px, sobre
   el titular del slideshow de portada. Hoy no se veía por casualidad: el
   selector pide .slideshow__text--center y la home sirve --left desde que
   alguien alineó la diapositiva a la izquierda desde el editor. O sea que
   estaba desactivado por accidente, y volvería a salir en cuanto alguien
   centrara el texto otra vez. Se quita: es contenido de campaña muerto, y el
   propio comentario decía BORRAR.
   Llevaba también un font-size:29px para el titular en móvil, atado al mismo
   selector muerto, que se va con él.

   Lo que NO se va es el min-height del slideshow: su selector es
   `[id$="__slideshow_iDPdw7"]`, que sí casa, y al quitarlo con el resto del
   bloque la portada en móvil pasó de 492 px de alto a 390. Se devuelve aquí,
   fuera del bloque de campaña, que es donde nunca debió estar. */
@media screen and (max-width: 980px) {
  div[id^='Slider-'][id$='__slideshow_iDPdw7'] {
    min-height: 65vh !important;
  }
}


/*Estilos 2025 Mayo*/
/*Genéricos generales*/

::after {
    box-shadow: none !important;
}
h2.h1 {
    position:relative;
    /* Tenía font-size:30px y font-family:'TT Hoves Pro Mono'. Los dos se van a
       la escala: la familia de titular ahora es Garamond y sale de
       --font-heading-family, y el tamaño de h1 de --sago-t-4xl. Esta regla le
       ganaba a las dos porque custom.css se carga después de
       sago-overrides.css. Ver assets/sago-overrides.css. */
}
.color-scheme-1.gradient .card__inner.color-scheme-2{
      height: 30vw;
      max-height: 500px;
}
h2.h1 strong {
    position:relative;
}

/*h2.h1:not(.rich-text__heading) strong:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 3px;
    width: 100%;
    height: 2px;
    background-color: #e15c31;  
}*/
/* Aquí estaba el subrayado naranja de los titulares. Los títulos que SaGó
   escribe en el editor van entre <strong>, así que esta regla y su gemela de
   más abajo (`h1 strong`) subrayaban prácticamente todos. El brief lo quita:
   «el subrayado en web se lee como un enlace»; si se quiere el naranja,
   propone un trazo corto o un garabato como acento. T de REVISION-SILVIA-02-09.md (brief). */

body {
    line-height: 1.3em;
  overflow-x: hidden;
}
div.rich-text__text {
    line-height: 1.4em;
   /* font-size: 14px;*/
}


/* User profile */
.customer-profile {
    display: flex;
    flex-direction: column;
}
.customer-profile form {
    margin-top: -12px;
    margin-bottom: 40px;
}

.customer-profile form div {
    margin-bottom: 5px;
}

/* footer */
.sago-footer .sago-left .footer-block__image-wrapper img {
    height: auto !important;
}

ul.list-unstyled.list-social.footer__list-social {
    margin-left: 28px;
    padding-top: 13px !important;
}

.sago-footer.footer__content-top.page-width {
    padding-bottom: 0;
}
footer ul.footer-block__details-content.list-unstyled {
    margin-top: -11px !important;
}
.sago-footer .sago-left {
    width: 25%;
}
.sago-footer .sago-right {
    width: 75%;
}
footer ul.footer-block__details-content.list-unstyled li * {
    font-weight: 300 !important;
    /* Aquí había `font-size: 16px !important` para TODO lo que cuelga de la
       lista del pie. Lo pone la escala: `body-s`, 15px. T de REVISION-SILVIA-02-09.md (brief). */
    margin-left: 0px;
    margin-top: 0px !important;
}

footer a.link.list-social__link {
    padding-left: 0px;
    width: 40px;
    padding-top: 0px;
    margin-top: -19px;
}
.footer__content-bottom.page-width.grid.grid--1-col.grid--2-col.scroll-trigger.animate--slide-in {
    padding: 0px 5rem !important;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in:last-child {
    display: none !important;
}

/*footer ul.footer-block__details-content.list-unstyled {
    margin-top: -16px !important;
}*/
.sago-footer .footer-block--menu h2.footer-block__heading {
    font-size: 20px;
}

/* Carrito. Sólo en la página /cart: el cajón lleva su selector de cantidad
   con borde (assets/sago-cajon.css, 21/09), y este `border: 0 !important`
   se lo quitaba. Fuera también «Seguir comprando» y las tarjetas de
   colección del cajón vacío, que ya no existen. */
#main-cart-items quantity-input.quantity.cart-quantity {
    border: 0px !important;
    margin-left: -14px !important;

    background: transparent;
}

/* Aquí había un bloque «Fixed ATC en Related para pantallas grandes»
   (≥1520px): `.related-products .sago-atc-wrap { position: absolute; bottom:
   12px; margin: 0 !important }`. Era la forma de antes de pegar el botón a la
   foto en «Con qué combinarlo». Desde el 31/08 el anclaje vive en
   sago-overrides.css y cubre `.product-grid`, que es la rejilla que usa
   related-products; con los dos a la vez, el `bottom` y el `margin: 0` de aquí
   sobre el `top: 0` + `translateY(-100%)` de allí dejaban el envoltorio de
   600px de alto y 600px POR ENCIMA de la tarjeta: el botón no se veía en
   ninguna pantalla grande. Medido a 1536. Fuera. P de REVISION-SILVIA-02-09.md.
   La regla de las boxes (`.product\.boxes-gourmet-sago .related-products
   .sago-atc-wrap { display: none }`) se queda hasta que SaGó decida si en las
   boxes se enseña. */


/*añadir al carrito customizado*/
.sago-atc-wrap {
    margin-top: -40px;
  z-index: 3;
}
.added-to-cart img {
width: 27px !important;
    margin-top: 5px;
    margin-left: 5px;
}
.added-to-cart{
    width: 120px !important;
}
.added-to-cart span {
    color: black !important;
    margin-top: 11px !important;
  padding-left:15px;
    float: left;
}
.cart-btn-title img {
    height: 14px;
    margin-bottom: -1px;
    filter: brightness(0);   
  transform: rotate(0deg);
    transition: 0.5s all;
}

.cart-btn-title span {
    /* Aquí había un tamaño propio para la etiqueta «Añadir al carrito». Ahora
       hereda del botón, que la escala pone en `label-m` (12px) dentro de la
       rejilla y `label-l` (14px) en la ficha. T de REVISION-SILVIA-02-09.md (brief). */
    font-size: inherit;
    color: black;
    letter-spacing: normal;
    opacity: 0;
    width: 0px;
    visibility: hidden;
    height: 0px;

}

.card.card--standard.card--media:hover .cart-btn-title span {
    opacity: 1;
    transition: 0.5s all;
    width: 138px;
    visibility: visible;
    transform: translateX(0px);
}
.cart-btn-title span {
    transition: 0.5s all;
    white-space: nowrap;
    transform: translateX(-10px);
      overflow: hidden;
    height: 14px;
}
.cart-btn-title {
    display: flex;
    flex-direction: row;
}

.card.card--standard.card--media:hover .cart-btn-title img {
    transition: 0.5s all;
    transform: rotate(-181deg);
    margin-right: 10px !important;
}

.card:hover .sago-atc-wrap {
    transform: translateY(-12px);
    transition: 0.3s all;
}

/* blog */

.blog-sago section[id^="shopify-section-"][id$="__rich_text_gAcDKX"] {
    position: relative;
}

@media (max-width:1200px){
    .blog-sago section[id^="shopify-section-"][id$="__rich_text_gAcDKX"]:after{
       position:relative;
        left:calc(50% - 100px);
            margin-bottom:-10px !important;
        top:-50px;
        display:none;
    }
    .blog-sago section[id^="shopify-section-"][id$="__rich_text_gAcDKX"] {
    margin-bottom:-100px
}

}
.blog-sago section[id^="shopify-section-"][id$="__rich_text_gAcDKX"]:after {
    content: url(/cdn/shop/files/blog-img-2_430x.webp?v=1753972911#);
    right: 30px;
    bottom: 10px;
    position: absolute;
}

.blog-sago .main-blog.page-width[class*="__main-padding"] h1 {
    visibility: hidden;
}

/* nosotros */
.sago-aboutus-sago .image-with-text__text.rte.body p {
    line-height: 1.2em;
}
.sago-aboutus-sago div[id^="shopify-section-"][id$="__about_image_with_text_errTXF"] h2 {
    color: white;
    text-decoration: underline;
     font-size: 30px !important;
}

.sago-aboutus-sago div[id^="shopify-section-"][id$="__about_image_with_text_errTXF"] .image-with-text__text.rte.body p:last-child {
    text-align: right;
    margin-top: 50px;
}
.aboutpage-section-image[class*="__about_image_with_text_errTXF-padding"].gradient.color-scheme-1 {
    margin-bottom: 110px;
}

/*Poup*/
.needsclick input {
    border: 1px solid grey !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
}


/*Slider*/
  /*.slider-button {
      display: none !important;
  }*/
.slideshow__controls.slideshow__controls--top.slider-buttons {
    margin-top: -32px;
    border: 0;
}
  button.slider-counter__link.slider-counter__link--dots.link.slider-counter__link--active span {
      background: white;
  }
  
  button.slider-counter__link.slider-counter__link--dots.link span {
      background: transparent;
      border: 1px solid white;
  }
  @media screen and (max-width: 749px) {
    .slideshow__slide img {
        background-position: bottom !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        animation-delay: 0s !important;
    }
  }

/*slider top nav*/
.announcement-item.scrolling-heading:nth-child(2), .announcement-item.scrolling-heading:nth-child(5) {
    margin: 0 200px;
    text-align: center;
}

@keyframes marquee-heading2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-352%);
  }
}
.scrolling-heading {
  animation: marquee-heading2 60s linear infinite !important;
  display: inline-block;
  padding: 0px 40px;
  width: 30%;
}

.page-width.announcement-bar-width.utility-bar__grid {
    margin-top: -10px;
    margin-bottom: -10px;
}

header.custom-header {
    margin-top: 4px !important;
  opacity: 0;
  animation: aparecer 1s ease forwards;
  animation-delay: 1s; /* Aparece después de 1 segundo */
}
.header.custom-header {
  opacity: 0;
  animation: aparecer 1s ease forwards;
  animation-delay: 1s; /* Aparece después de 1 segundo */
}

@keyframes aparecer {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.contactpage-section-image[class*="__form-padding"].gradient.color- img {
    max-height: 600px;
}


/*
sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom:hover {
    background: white !important;
}
*/

/*nuestros productos*/

.sago-box-products-grid .grid-item .image-wrapper{
  height:550px !important;
}


h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in strong {
    position:relative;
    overflow: visible;
}

/*Menú*/
/*
.homepage-sago sticky-header path {
    color: white;
}*/
.active-hover svg path {
    fill: black !important;
}
sticky-header header.custom-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
li.tmenu_item.tmenu_item--root.tmenu_item_level_0.tmenu_item_submenu_type_mega.tmenu_item_submenu_mega_position_leftparent.tmenu_item_has_child>a.tmenu_item_link:after{
    content: " ▾";
    font-size: 0.7em;
    vertical-align: 1px;
    margin-left:5px
}
.header-logo img {
    max-width: 100px !important;
}
span.tmenu_item_text {
    font-weight: 400 !important;
}
.tmenu_item_text, .custom-header nav.header-menu ul li a { 
  font-weight: 400 !important;
  font-size:15px !important;

}
.tmenu_item_text, .custom-header nav.header-menu.right-menu ul li a { 
  padding:0 !important;
}
ul.tmenu_submenu.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_leftparent.tmenu_submenu_has_watermark {
    max-width: 300px;
    margin-top: 5px;
    padding-top: 0px !important;
    box-shadow:  0 5px 10px rgba(0, 0, 0, .15) !important;
}
.header-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-menu li {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.header-menu a {
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}

.header-menu .submenu,
.header-menu .sub-submenu {
  position: absolute;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  min-width: 200px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
}

.header-menu .submenu {
    top: 30px;
    left: 0;
    width: 270px;
    padding: 20px 0px 20px 20px !important;
    line-height: 2em;
}
li.tmenu_item.tmenu_item_level_1.tmenu_col.tmenu_col-4.tmenu_item_submenu_type_automatic.tmenu_item_has_child.tmenu_item_layout.tmenu_item_layout_icon.tmenu_item_display_header {
    padding-left: 20px !important;
}
li.tmenu_item_level_2 .tmenu_item_link>span.tmenu_item_text {
    display: block !important;
    width: 198px !important;
}
ul.tmenu_submenu_type_mega.tmenu_submenu--desktop.tmenu_submenu_mega_position_leftparent.tmenu_submenu_has_watermark.tmenu_submenu {
    padding-bottom: 0 !important;
}
.header-menu .sub-submenu {
  top: 0;
  left: 100%;
  transform: translateX(10px);
}

.header-menu li:hover > .submenu {
  opacity: 1;
  visibility: visible;
}

.header-menu .submenu li:hover > .sub-submenu {
  opacity: 1;
  visibility: visible;
}

.header-menu .submenu li,
.header-menu .sub-submenu li {
  display: block;
  width: 100%;
  margin: 0;
}

.header-menu .has-submenu > a::after {
  content: " ▾";
  font-size: 0.7em;
  vertical-align: 1px;
}

.header-menu .submenu .has-submenu > a::after {
  content: " ▸";
  float: right;
}


/*menú fixed*/
.section-header:not(.scrolled-past-header) {
    transition: 0s !important;
}

.homepage-sago .section-header:not(.scrolled-past-header) {
    position: absolute !important;
  width:100%;
}

.sago-overalp .scrolled-past-header, .sago-how-it-works-sago .scrolled-past-header, .sago-aboutus-sago .scrolled-past-header {
    position: fixed !important;
    transition: 0s !important;
    top: 0px !important;
}
.sago-aboutus-sago .section-header:not(.scrolled-past-header) {
    position: absolute !important;
    width: 100%;
}


/*página de contacto*/

@media screen and (max-width:980px){
.customer.account .contact-form-wrapper button.boton-cuenta {
    width: 100% !important;
    font-size:13px;
}

.customer.account .contact-form-wrapper textarea#contact-body, .customer.account .contact-form-wrapper input#contact-email, .customer.account .contact-form-wrapper input#contact-name {
    width: 100%;
}

}
.contact-sago h2.title.title-wrapper--no-top-margin.inline-richtext.h1.scroll-trigger.animate--slide-in {
    margin-top: -15px;
}

.contact-sago form#ContactForm {
    max-width: 650px;
    margin-right: 0px !important;
    margin-left: auto;
}

.contact-sago .field {
    margin-bottom: 10px !important;
}

.contact-sago .contact__fields {
    grid-column-gap: 10px;

}

.contact-sago .field.field--with-error{
    margin-bottom: 40px !important;
}


.contact-sago button.button {
    height: auto !important;
}

.contact-sago .field__input:focus~.field__label, .field__input:not(:placeholder-shown)~.field__label, .field__input:-webkit-autofill~.field__label, .customer .field input:focus~label, .customer .field input:not(:placeholder-shown)~label, .customer .field input:-webkit-autofill~label{
    top: 10px !important;
    letter-spacing: 0px;
}

.contact-sago .field__input {
    letter-spacing: 0px;
}

.contact-sago .msg-info {
    letter-spacing: 0px;
    margin-top: -8px;
}

.contact-sago .contact__button {
    float: right;
    margin-top: 30px;
}
@media screen and (min-width:1024px) and (max-width:1400px){
.contact-sago .contact-image-text-image {  margin-right: 100px;}
}
.contact-sago section[id^="shopify-section-"][id$="__form"] {
    margin-top: 40px;
}

.contact-sago .contactpage-section-image-left form#ContactForm .field textarea {
    height: 120px;
}

.contact-sago .contactpage-section-image img {
    object-fit: contain !important;
    height: auto !important;
}


/*Como lo hacemos*/
.accordion__content {
    background: rgba(0, 0, 0, 0.1);
    padding: 22px 40px !important;
}


.sago-how-it-works-sago .image-with-text__media.image-with-text__media--small.gradient.color-scheme-cff569d4-e28e-412d-8b8a-8e49f1d17b48.global-media-settings.media {
    border: 0px;
    width: 160px;
    height: 160px;
}

.sago-how-it-works-sago .image-with-text__media-item.image-with-text__media-item--small.image-with-text__media-item--middle.grid__item {
    display: flex;
    justify-content: flex-end;
    margin-top: 49px;
    width: 160px;
}
/*.sago-how-it-works-sago div[id^="Banner-"][id$="__image_banner_z7krbD"] .banner__box h2.banner__heading {
    animation: none !important;
}*/


/* F de REVISION-SILVIA-02-09.md: aquí ponía `details:open`, un selector que
   es base común sólo desde mayo de 2026. En un navegador no actualizado no
   existe, la regla se descarta y el desplegable ABIERTO sigue enseñando «+».
   `[open]` es el atributo del propio <details> y vale en todos. */
.sago-how-it-works-sago .home-faq .accordion details[open] .svg-wrapper:before {
    background-image: url(icono_menos.svg) !important;
}

.sago-how-it-works-sago .home-faq .accordion .svg-wrapper:before {
    background-image: url(icono_mas.svg);
}

.sago-how-it-works-sago h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in strong:before {
    display: none;
}

/*.sago-how-it-works-sago h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in strong:after {
    content: "";
    position: absolute;
    left: -35px;
    bottom: 4px !important;
    background-image: url(brand-border.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 10px;
    width: 110%;
    filter: brightness(0);
    background-position: center center;
    top: inherit;
}

.sago-how-it-works-sago h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in strong {
    color: #e15b30;
    text-transform: uppercase;
}*/

.sago-how-it-works-sago .banner__text.rte.body p {
    color: white !important;
}

/*.sago-how-it-works-sago a.button.button--primary {
    background: #e15b30;
    opacity: 1;
    border: 0px !important;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
}
*/
.sago-how-it-works-sago .button--primary::after {
    display: none !important;
}

.sago-how-it-works-sago .banner__text.rte.body {
    margin-top: -12px;
}

.sago-how-it-works-sago .banner__text.rte.body p {
    color: white;
    margin-top: -12px;
}

/*.sago-how-it-works-sago a.button.button--primary {
    background: #e15c31;
    opacity: 1;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
}
*/
.sago-how-it-works-sago a.button.button--primary:after {
display:none
}

.sago-how-it-works-sago .image-with-text__media.image-with-text__media--adapt.gradient.color-scheme-1.global-media-settings.media {
    border: 0px;
}


/*Club sago*/
.multicolumn-card__image-wrapper .media{
  background:transparent;
}
/*.sago-club-registration-sago .swiper-wrapper li {
    width: auto !important;
}*/
.sago-club-registration-sago form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.go1995088337.kl-private-reset-css-Xuajs1 {
    background: transparent !important;
}
/*.sago-club-registration-sago .page-width[class*="__multicolumn_8nmEtE-padding"].isolate.scroll-trigger.animate--slide-in {
    max-width: 1920px;
}*/

.sago-club-registration-sago h3.inline-richtext {
    margin-bottom: 0px;
}

.sago-club-registration-sago div[id^="Banner-"][id$="__image_banner_hjiBMt"] .banner__media img {
    object-position: top !important;
}

.sago-club-registration-sago div[id^="Banner-"][id$="__image_banner_hjiBMt"]:after {
    width: 200px;
    content: '';
    position: absolute;
    height: 168px;
    background: url(club-sago-logo-2.png);
    z-index: 1000000;
    bottom: 20px !important;
    left: calc(50% - 100px);
    display: block;
    opacity: 1;
    background-size: contain;
    top: auto;
  background-repeat: no-repeat;
}

/*.sago-club-registration-sago h2::before{
    content: "";
    position: absolute;
    left: -10px;
    bottom: -2px;
    background-image: url(heading-border1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 10px;
    width: 105%;
}*/

.sago-club-registration-sago h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    display: inline-block;
}

.sago-club-registration-sago h2.h1, .sago-club-registration-sago h2.h1 strong {
    font-size: 35px !important;
}

.sago-club-registration-sago .clubform-section .image-with-text__media img {
    width: 100% !important;
    height: auto !important;
}

.sago-club-registration-sago .clubform-section h3.inline-richtext {
    margin-bottom: 0px;
}
.sago-club-registration-sago .clubform-section h2.image-with-text__heading.inline-richtext.h1 {
    width: auto;
}

.sago-club-registration-sago .clubform-section h2.image-with-text__heading.inline-richtext.h1 strong {
    font-weight: 900 !important;
}


.sago-club-registration-sago .clubform-section p.image-with-text__text.image-with-text__text--caption.caption-with-letter-spacing.caption-with-letter-spacing--large.caption-with-letter-spacing {
    padding: 20px;
    background: #e15c31;
    color: white;
}

.sago-club-registration-sago .clubform-section .slider-mobile-gutter h3.inline-richtext {
    margin-bottom: 0px !important;
}


/*otros ajustes*/
.image-with-text__media.image-with-text__media--adapt.global-media-settings.gradient.color-scheme-1.media img {
    max-width: max-content;
}

div[id^="Banner-"][id$="__image_banner_hjiBMt"] {
    max-height: 50vh;
}

.sago-club-image-slider:before {
    z-index: 2 !important;
}


/* Coleccion collection */
[class*="__rich_text_4zNgRk-padding"] .rich-text__blocks, [class*="__rich_text_w3Nhcp-padding"] .rich-text__blocks, [class*="__rich_text_nVUxw4-padding"] .rich-text__blocks, [class*="__rich_text_q3cXrW-padding"] .rich-text__blocks, [class*="__rich_text_YHi8bG-padding"] .rich-text__blocks, [class*="__rich_text_Cn3Jye-padding"] .rich-text__blocks, [class*="__rich_text_89RCbL-padding"] .rich-text__blocks, [class*="__rich_text_zHGijU-padding"] .rich-text__blocks {
max-width: 100vw;
}
[class*="__rich_text_4zNgRk-padding"] .rich-text__blocks h2, [class*="__rich_text_w3Nhcp-padding"] .rich-text__blocks h2, [class*="__rich_text_nVUxw4-padding"] .rich-text__blocks h2, [class*="__rich_text_q3cXrW-padding"] .rich-text__blocks h2, [class*="__rich_text_YHi8bG-padding"] .rich-text__blocks h2, [class*="__rich_text_Cn3Jye-padding"] .rich-text__blocks h2, [class*="__rich_text_89RCbL-padding"] .rich-text__blocks h2, [class*="__rich_text_zHGijU-padding"] .rich-text__blocks h2{
color:#e15b30;
line-height:1.2;
margin-bottom:-5px;
text-align:left;
      font-size: 16px;
      /* 21/09: era Garamond a 16px; Garamond nunca por debajo de 28. Son
         titulillos de un texto de lectura: van en Arizona, en negrita. */
      font-family: var(--sago-familia-cuerpo);
      font-weight: 700;
}
[class*="__rich_text_4zNgRk-padding"] .rich-text__blocks p, [class*="__rich_text_w3Nhcp-padding"] .rich-text__blocks p, [class*="__rich_text_nVUxw4-padding"] .rich-text__blocks p, [class*="__rich_text_q3cXrW-padding"] .rich-text__blocks p, [class*="__rich_text_YHi8bG-padding"] .rich-text__blocks p, [class*="__rich_text_Cn3Jye-padding"] .rich-text__blocks p, [class*="__rich_text_89RCbL-padding"] .rich-text__blocks p, [class*="__rich_text_zHGijU-padding"] .rich-text__blocks p {
 text-align:left;
 margin-bottom:15px;
      font-size: 12px;
    line-height: 1em;
}


.collection-sago h1.collection-hero__title {
    border-bottom: 3px solid #e15c31;
    display: inline-block;
    line-height: 0.8;
    margin-bottom: 0px;
    margin-top: 60px;
}


/* Aquí estaban los dos subrayados naranjas del titular de colección, uno
   general y otro repetido para cinco colecciones. Fuera: «el subrayado en web
   se lee como un enlace», dice el brief, que propone un trazo corto o un
   garabato como acento si se quiere el naranja. T de REVISION-SILVIA-02-09.md (brief de tipografía). */
.collection\.despensa-sago h2.h1 strong, .collection\.best-seller-sago h2.h1 strong {
    font-size: 40px;
    text-shadow: 0px 0px 35px rgba(255, 255, 255, 0.7);
}


/*Ficha de producto*/
.product__info-container .price__badge-sale {
    margin-bottom: 20px !important;
}
.product__tax.rte a {
    color: #000000bf;
}
.accordion__item .se-individual-product-sec h5 p {
    text-decoration: underline;
}

.product__info-container .product__description li {
    margin-bottom: 12px;
}

.product__info-container .product__description ul {
    margin-top: -10px !important;
}

.accordion__item .se-individual-product-sec h5 {
    border: 0px;
}

.accordion__item .se-individual-product-sec {
    margin-top: 0;
    margin-bottom: 60px;
}
/*.product-sago img.image-magnify-lightbox, .product-sago modal-opener.product__modal-opener.product__modal-opener--image {
    height: auto !important;
}*/
.collection\.best-seller-sago div#FacetsWrapperDesktop, body.collection\.bebidas-sago div#FacetsWrapperDesktop, body.collection\.panaderia-sago div#FacetsWrapperDesktop, body.collection\.despensa-sago  div#FacetsWrapperDesktop{
    display: none;
}
.product-sago .product__accordion .se-individual-product-sec h5 {
    margin-top: 20px;
}

span.badge.price__badge-sold-out.color-scheme-3 {
    display: none;
}
.underline-links-hover:hover a {
    text-decoration: none !important;
    font-weight: 700;
    /* font-size: 14px; */
    transition: all 0.5s;
}
/* Aquí estaba `.product-sago h1 { line-height: 1em !important; font-size: 30px }`.
   T de REVISION-SILVIA-02-09.md (brief de tipografía): el nombre del producto pasa a Garamond en
   formato frase y al escalón `display-l` (56/36px) — el brief lo llama «el
   cambio más visible de toda la web». El tamaño y el interlineado salen ahora
   de la escala, en sago-overrides.css. */

.product-sago .thumbnail-slider .thumbnail-list.slider--tablet-up {
    padding: 0;
}
.product-sago .se-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}
.product-sago .se-modal.show + .se-modal-overlay {
  display: block;
}

.product-sago .product__description+div {
    margin-bottom: -10px !important;
}
/* Los dos tamaños de precio que había aquí —25px en la ficha, 16px en los
   recomendados— los pone ahora la escala: `price-l` (20px) en la ficha y
   `price-s` (14px) en cualquier rejilla, los dos en TT Hoves. T de REVISION-SILVIA-02-09.md (brief de tipografía). */

/*.product-sago .accordion__content.rte.show .metafield-rich_text_field {
    padding-left: 30px;
    padding-bottom: 20px;
}*/
.product-sago .se-var-product-title strong {
    width: 75%;
    display: block;
}

.product-sago .se-var-product-title>a {
    display: block;
    font-size: 12px;
    text-decoration: none;
    width: 40%;
    text-align: right;
}

.product-sago .se-var-product-title {
    display: flex;
    justify-content: space-between;
  gap:30px;
  margin-top:7px;
}

.product-sago .accordion__content.rte.show {
    padding-left: 25px;
    margin-bottom: 23px;
}


/*.product-sago .sago-product-description-tab .metafield-rich_text_field p {
    margin: 0;
}*/

.product-sago .quantity:after {
    box-shadow: none !important;
}

.product-sago quantity-input.quantity {
    border-radius: 200px;
    border: 1px solid black;
}

/* «Cantidad» estaba aquí a 16px y peso 600, o sea Arizona en negrita —el
   brief lo describe como «serif bold»—. Pasa a TT Hoves en mayúsculas al
   escalón `label-m`. T de REVISION-SILVIA-02-09.md (brief de tipografía). */

.product-sago .product__accordion.accordion details:first-child {
    border-bottom: 1px solid #ccc;
    margin-bottom: -21px !important;
}
.product-sago .product-form__input.product-form__quantity+div {    
    margin-left: 150px;
    margin-top: -72px;}

.product-sago .sago-product-description-tab .product__accordion {
    border: 1px solid #ccc;
    border-width: 1px 0 1px 0;
    width: 100%;
    max-width: 55%;
}
.product-sago .sago-product-description-tab {
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 5rem;
    padding-bottom: 100px;
}
.product-sago .breadcrumbs {
  font-size: 14px;
  margin-bottom: 1rem;
}
.product-sago .breadcrumbs a {
  text-decoration: none;
  color: #555;
}
.product-sago .breadcrumbs span {
  color: #999;
}
/* F3 (21/09): aquí había `height: 70vw !important`. Era lo que estiraba la
   foto de la ficha a 1.008px en un portátil de 900 de alto, por encima del
   tope de «ajustar a la pantalla» (730), y dejaba un marco vacío de 280px
   debajo de la imagen. El alto lo pone ahora ese tope (sago-overrides, F3). */
.product-sago img.image-magnify-lightbox, .product-sago modal-opener.product__modal-opener.product__modal-opener--image {
    max-height: 1020px;
  overflow: hidden;
}

.product-sago .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
  margin-top: 20px;
}
.product-sago product-info {
    padding-top: 0px !important;
}
   @media (max-width:1280px){
     .product-sago  .page-width {
        padding: 0px 10rem;
    }}

@media (min-width:1520px){
/*.product-sago .product-form__input {
    float: left;
    height: 230px;
    width: 30%;
}*/

.product-sago product-form.product-form {
    float: left;
    margin-top: 11px !important;
    width: 70%;
}
}


/*Ficha de producto duplicada para los boxes*/
.product\.boxes-gourmet-sago ul.product__media-list li {
    height: fit-content;
}   
.product\.boxes-gourmet-sago .product__media img {
    position: relative !important;
}

.product\.boxes-gourmet-sago .product__media.media.media--transparent {
    padding: 0;
}
.product\.boxes-gourmet-sago .related-products .sago-atc-wrap {
    display: none;
}
.product\.boxes-gourmet-sago img.image-magnify-lightbox, .product\.boxes-gourmet-sago modal-opener.product__modal-opener.product__modal-opener--image {
    height: auto !important;
}
.collection\.best-seller-sago div#FacetsWrapperDesktop, body.collection\.bebidas-sago div#FacetsWrapperDesktop, body.collection\.panaderia-sago div#FacetsWrapperDesktop, body.collection\.despensa-sago  div#FacetsWrapperDesktop{
    display: none;
}
.product\.boxes-gourmet-sago .product__accordion .se-individual-product-sec h5 {
    margin-top: 20px;
}

span.badge.price__badge-sold-out.color-scheme-3 {
    display: none;
}
.underline-links-hover:hover a {
    text-decoration: none !important;
    font-weight: 700;
    /* font-size: 14px; */
    transition: all 0.5s;
}
.product\.boxes-gourmet-sago h1 {
    line-height: 1em !important;
  font-size:30px;
}

.product\.boxes-gourmet-sago .thumbnail-slider .thumbnail-list.slider--tablet-up {
    padding: 0;
}
.product\.boxes-gourmet-sago .se-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}
.product\.boxes-gourmet-sago .se-modal.show + .se-modal-overlay {
  display: block;
}
.product\.boxes-gourmet-sago .price__regular {
    display: flex;
    flex-direction: column;
}

.product\.boxes-gourmet-sago p.coste-comensal {
    margin-top: -18px;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.product\.boxes-gourmet-sago span.price-item.price-item--per-person {
    letter-spacing: 0px;
    font-size: 24px;
    margin-bottom: 5px;
  font-weight:bold;
}
.product\.boxes-gourmet-sago .product__description+div {
    margin-bottom: -10px !important;
}
/* Los precios de la plantilla de boxes gourmet, 19px en la ficha y 16 en los
   recomendados. Se quitaron los de `.product-sago` y estas dos copias se
   habían quedado: los pone la escala, `price-l` y `price-s`. T de REVISION-SILVIA-02-09.md (brief), revisión del 09/09. */

/*.product\.boxes-gourmet-sago .accordion__content.rte.show .metafield-rich_text_field {
    padding-left: 30px;
    padding-bottom: 20px;
}*/
.product\.boxes-gourmet-sago .se-var-product-title strong {
    width: 75%;
    display: block;
}

.product\.boxes-gourmet-sago .se-var-product-title>a {
    display: block;
    font-size: 12px;
    text-decoration: none;
    width: 25%;
    text-align: right;
}

.product\.boxes-gourmet-sago .se-var-product-title {
    display: flex;
    justify-content: space-between;
  gap:30px;
  margin-top:7px;
}

.product\.boxes-gourmet-sago .accordion__content.rte.show {
    padding-left: 25px;
    margin-bottom: 23px;
}


.product\.boxes-gourmet-sago .sago-product-description-tab .metafield-rich_text_field p {
    margin: 0;
}

.product\.boxes-gourmet-sago .quantity:after {
    box-shadow: none !important;
}

.product\.boxes-gourmet-sago quantity-input.quantity {
    border-radius: 200px;
    border: 1px solid black;
}

.product\.boxes-gourmet-sago label.quantity__label.form__label {
    font-size: 16px;
    font-weight: 600;
}

.product\.boxes-gourmet-sago .product__accordion.accordion details:first-child {
    border-bottom: 1px solid #ccc;
    margin-bottom: -21px !important;
}
.product\.boxes-gourmet-sago .product-form__input.product-form__quantity+div {    
    margin-left: 150px;
    margin-top: -72px;}
.product__info-container.product__column-sticky {
    top: 150px;
}
.product\.boxes-gourmet-sago .sago-product-description-tab .product__accordion {
    border: 1px solid #ccc;
    border-width: 1px 0 1px 0;
    width: 100%;
    max-width: 55%;
}
.product\.boxes-gourmet-sago .sago-product-description-tab {
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 5rem;
    padding-bottom: 100px;
}
.product\.boxes-gourmet-sago .breadcrumbs {
  font-size: 14px;
  margin-bottom: 1rem;
}
.product\.boxes-gourmet-sago .breadcrumbs a {
  text-decoration: none;
  color: #555;
}
.product\.boxes-gourmet-sago .breadcrumbs span {
  color: #999;
}
.product\.boxes-gourmet-sago img.image-magnify-lightbox, .product\.boxes-gourmet-sago modal-opener.product__modal-opener.product__modal-opener--image {
    /*height: 70vw !important;*/
    max-height: 1020px;
  overflow: hidden;
}

/*.product\.boxes-gourmet-sago .product__media.media.media--transparent img {
    position: relative;
}

.product\.boxes-gourmet-sago .product__media.media.media--transparent {
    padding: 0;
}*/


.product\.boxes-gourmet-sago .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
  margin-top: 20px;
}
.product\.boxes-gourmet-sago product-info {
    padding-top: 0px !important;
}
   @media (max-width:1280px){
     .product\.boxes-gourmet-sago  .page-width {
        padding: 0px 10rem;
    }}

@media (min-width:1520px){
/*.product\.boxes-gourmet-sago .product-form__input {
    float: left;
    height: 230px;
    width: 30%;
}*/

.product\.boxes-gourmet-sago product-form.product-form {
    float: left;
    margin-top: 11px !important;
    width: 70%;
}
}


/*BOXES*/

.collection\.boxes-sago .price__regular {
    display: flex; 
    flex-direction: column;
}

/* Ídem para la colección de boxes, que tenía el precio a 12px. T de REVISION-SILVIA-02-09.md (brief), revisión del 09/09. */
.collection\.boxes-sago .facet-filters__field * {
    letter-spacing: 0px;
    font-size: 12px;
}
.collection\.boxes-sago .product-count.light * {
    letter-spacing: 0px !important;
    font-size: 12px;
}
body:not(.collection\.boxes-sago) div#filro-personas {
    display: none;
}
.collection\.boxes-sago div#FacetsWrapperDesktop {
    display: none;
}
.collection\.boxes-sago .active-facets.active-facets-desktop {
    margin-top: -39px;display:none
}
.collection\.boxes-sago .facet-filters.sorting.caption {
    margin-top: -56px;
}

.collection\.boxes-sago .product-count.light {
    margin-top: -57px;
}
div#botones-selector-persona {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

div#botones-selector-persona div {
    border: 1px solid #ccc;
    padding: 3px 7px;
    border-radius: 40px;
  cursor:pointer;
  font-size: 12px;
}
.personaactiva {
    background: #e15c31;
    color: white;
    border: 0px !important;
}
details[id^="Details-filter.p.m.custom.numero_de_personas-"][id$="__product-grid"][id$="__product-grid"] {
    display: none;
}

/*h3.card__heading {
    font-size: 20px;
    margin-bottom: -8px;
}*/


/*BEST-SELLER*/
.collection\.best-seller-sago h2.banner__heading.inline-richtext.hxxl {
    color: white;
}


/*home seccion sago club*/
.homepage-sago .sago-club-form form {
    background: transparent !important;
}
.homepage-sago .sago-club-form form>div>div:last-child {
    margin-top: 20px;
}
.clubform-section [data-testid="form-component"] {
    padding-top: 0px !important;
    padding-bottom: 6px !important;
}

.clubform-section form>.needsclick.kl-private-reset-css-Xuajs1 {
    min-height: 0px !important;
    margin-top: 20px !important;
}

.clubform-section .customer.sago-club-form {
    max-width: none !important;
}

.clubform-section div[id^="ImageWithText--"][id$="__sago_club_registration_aKwcyR"] {
    padding-right: 0;
}
.clubform-section div[id^="ImageWithText--"][id$="__sago_club_registration_aKwcyR"] {
    padding-top: 0;
}
.clubform-section p {
    margin: 0 !important;
}

.homepage-sago .clubform-section {
    margin: 0 !important;
}

.clubform-section .customer.sago-club-form {
    margin: -10px 0px 0 -10px !important;
    padding: 0 !important;
}

.clubform-section form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.go3279073480.kl-private-reset-css-Xuajs1 {
    margin-top: 0px !important;
}

.clubform-section button.needsclick.go300628013.kl-private-reset-css-Xuajs1 {
    border-radius: 50px !important;
    background: #e15c31 !important;
    height: 20px !important;
    width: 210px !important;
    max-width: 497px !important;
}
.homepage-sago .clubform-section .image-with-text__text.rte.body {
    margin-top: 1em;
}
.clubform-section svg+.needsclick.kl-private-reset-css-Xuajs1 {
    font-size: 10px !important;
    margin-bottom: -11px;
}

.clubform-section p.image-with-text__text.image-with-text__text--caption.caption-with-letter-spacing.caption-with-letter-spacing--medium.caption-with-letter-spacing {
    margin-top: 1.5em !important;
}

.clubform-section img {
    height: auto !important;
}


/* Home */

.homepage-sago button.slider-button {
    display: none;
}
section[id^="shopify-section-"][id$="__rich_text_pdwMLR"] h2.h1 strong{
  text-decoration: none !important;
}

[id^="Banner-"][id$="__image_banner_jCpbqX"] img {
    object-position: center right !important;
}

div[id^="Banner-"][id$="__image_banner_jCpbqX"] .content-container {
    padding-left: 80px;
}
/*.focus-none{
  overflow: hidden;
}

div[id^="ImageWithText--"][id$="__sago_club_registration_aKwcyR"] {
    padding: 0px !important;
}*/
.home-faq-right {
    padding-left: 0!important;
}
.image-with-text__content {
        overflow: visible !important;
}
/*
.homepage-sago h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in strong:before {
    content: '';
    background-image: url(exclamacion-2.svg);
    width: 21px;
    height: 100%;
    display: block;
    position: absolute;
    left: -28px;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    transform:rotate(180deg);
}

.homepage-sago h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in strong:after {
    content: '';
    background-image: url(exclamacion-2.svg);
    width: 21px;
    height: 100%;
    display: block;
    position: absolute;
    right: -28px;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    left:inherit !important;
}*/

.homepage-sago .rich-text.content-container.color-scheme-1.gradient.rich-text--full-width.content-container--full-width[class*="__rich_text_pdwMLR-padding"] h2 strong {
    color: #e15c31;
    font-weight: 900;
    font-size: 40px;
}
.homepage-sago .image-with-text__media-item.image-with-text__media-item--small.image-with-text__media-item--middle.grid__item {
    width: 45%;
    /*padding: 0 0% 0 3%;*/
}

/*.homepage-sago .image-with-text__text-item.grid__item {
    width: 55% !important;
    padding-right: 10%;
}*/
.homepage-sago .home-faq .accordion .svg-wrapper:before{
    content: "";
    position: absolute;
    left: -30px;
    top: 5px;
    background-image: url(faq-icon-new.png) !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 40px;
}


@media screen and (min-width:1290px){
  .homepage-sago .slideshow.banner.banner--medium {
    height: 80vh;
}
}
@media screen and (min-width:980px){
.banner__box.content-container.content-container--full-width-mobile.color-scheme-8c7ffb0b-df92-4345-8b69-0b1afafc4600.gradient {
    width: 46% !important;
}}


/*página de categoría*/
.card .product-form__submit.button.button--primary {
    background: white;
    padding: 7px !important;
    margin: 0px !important;
    width: auto;
    min-width: 30px;
    height: 30px;
    min-height: inherit;
    margin-right: 20px !important;
    margin-left: auto !important;
}

.card .product-form__submit.button.button--primary:hover {
    transform: none !important;
}

.price__sale .price-item--regular {
    color: #e15c31 !important;
}


/*categorías navideñas*/
@media (max-width: 980px) {
  [class*="__product-grid-padding"].gradient.color-scheme-1, [class*="__product-grid-padding"].gradient.color-scheme-1, div[id^="shopify-section-"][id$="__product-grid"], div[id^="shopify-section-"][id$="__product-grid"], div[id^="shopify-section-"][id$="__product-grid"], div[id^="shopify-section-"][id$="__product-grid"], div[id^="shopify-section-"][id$="__product-grid"] {
    margin-top: 44px !important;
  }
}


/* global css start*/
body{
  display:block;
  scroll-behavior: smooth;
  scroll-initial-target: nearest;
}
/* Aquí había un bloque h1–h6 con cuatro !important que NUNCA aplicó nada: se
   pegaron dentro del CSS los números de línea del sitio de donde se copió
   (1688, 1689…) y hasta el texto "← añade esta línea". "1688 h1" no es un
   selector válido —un identificador CSS no empieza por dígito— y un selector
   inválido invalida la regla entera, así que el parser lo descartaba.
   No se repara, se quita: lo que decía —TT Hoves y mayúsculas en todos los
   titulares— es justo lo contrario de lo que pide SaGó ahora. */
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: 500 !important;
}

/* megamenu css start here */

.custom-header ul.tmenu_submenu .tmenu-watermark.tmenu_item_link {
    position: absolute;
    left: -999px !important;
    width: 0 !important;
}
.tmenu_item--root:not(.tmenu_item_active) .tmenu_submenu {
    overflow: hidden;
}

.header-menu ul>li.menu-item:hover .dropdown-menus a {
    font-size: 16px !important;
}

.search-modal {
    z-index: 99999;
}
body .custom-header.active-hover nav.header-menu ul li a:hover {
    color: #e15c31 !important;
    font-weight:600;
}


.header-menu ul>li.menu-item .dropdown-menus img {
    width: 0;
    height: 0;
}

.header-menu ul>li.menu-item:hover .dropdown-menus img {
    width: 100%;
    height: 320px;
}

.dropdown-menus {
    opacity: 0;
    position: absolute;
    top: 100px;
    background: #fff;
    width: 100%;
    left: 0;
    padding: 0;
    box-shadow: 0 5px 10px #0000003b;
    transition: 0.3s all;
    height: 0;
    transform: translateY(30px);
}

.dropdown-menus ul.submenu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 80%;
    padding-left: 40px;
    padding-right: 40px;
}

.dropdown-menus .left-img {
    width: 20%;
}

.dropdown-menus ul.submenu li {
    height: fit-content;
    min-height: fit-content;
    max-height: fit-content;
    margin: 0;
}

.dropdown-menus .left-img img {height: 320px;width: 100%;object-fit: cover;}
nav.header-menu.left-menu ul .dropdown-menus ul.submenu li a {
    font-size: 18px;
    color: #222 !important;
    transition: 0.3s all;
    position:relative;
}

nav.header-menu.left-menu ul .dropdown-menus ul.submenu li a:hover {
    padding-left: 10px;
    color: #e15c31 !important;
}

.header-menu ul>li.menu-item {
    transition: 0.3s all;
}
.header-menu ul>li.menu-item:hover .dropdown-menus img {
    width: 100%;
    height: 240px;
}
nav.header-menu ul li {
    display: flex;
    align-items: start;
}
.header-menu ul>li.menu-item:hover .dropdown-menus {
    display: flex;
    opacity: 1;
    height: fit-content;
    padding: 50px 20px;
    transform: translateY(0);
    flex-direction: row-reverse;
}
.dropdown-menus ul.submenu{
  display:none;
}
.header-menu ul>li.menu-item:hover ul.submenu {
    display: grid !important;
    height: fit-content;
    row-gap: 15px;
}
.cart-bubble-inside .cart-count-bubble {
    left: auto;
    right: 3px;
    top: 4px;
}
.cart-count-bubble {
    background-color: rgb(225, 92, 49);
}
.cart-bounce {
    animation: bounce 30s linear infinite forwards;
}

@keyframes bounce {
  0%, 96%, 100% {
    transform: translateY(0);
  }
  97% {
    transform: translateY(-10px);
  }
  98.5% {
    transform: translateY(0);
  }
}

.custom-header .tmenu_submenu_type_mega .tmenu_submenu .tmenu_item:hover  .tmenu_item_text {
    color: #e15c31 !important;
}
/* megamenu css end here */


/* header css start here */
.sago-mbl-header {
    display: none;
}

div[id^="shopify-section-"][id$="__announcement_bar_xJdkCy"][id$="__announcement_bar_xJdkCy"] {
    position: relative;
}
@media (max-width:980px){
.scrolled-past-header {
    background: white !important;
}
.homepage-sago svg.icon.icon-account, .homepage-sago svg.icon.icon-cart, .homepage-sago svg.icon.icon-search, .homepage-sago svg.icon.icon-hamburger, .homepage-sago svg.icon.icon-cart-empty {
    color: white;
}

}


.gm-submenu.gm-mega {
    padding-right: 20px;
}

.sago-overalp .shopify-section-header-sticky sticky-header,
.sago-how-it-works-sago .shopify-section-header-sticky sticky-header,
.sago-aboutus-sago .shopify-section-header-sticky sticky-header{
    background: transparent !important;
    border:none;
}
header.custom-header {
  max-width: 100%;
  margin: auto;
  padding: 15px 80px !important;
  margin-top: 25px;
}
.sago-overalp .shopify-section-header-sticky sticky-header header.custom-header,
.sago-how-it-works-sago .shopify-section-header-sticky sticky-header header.custom-header,
.sago-aboutus-sago .shopify-section-header-sticky sticky-header header.custom-header{
    background: #00000000;
    transition: background-color 0.5s ease, transform 0.5s ease; 
}
/*.homepage-sago .custom-header.active-hover,
.sago-how-it-works-sago .custom-header.active-hover,
.sago-aboutus-sago .custom-header.active-hover{
    background: #fff !important;
}*/
.homepage-sago .custom-header.active-hover nav.header-menu ul li a,
.sago-how-it-works-sago .custom-header.active-hover nav.header-menu ul li a,
.sago-aboutus-sago .custom-header.active-hover nav.header-menu ul li a{
    color: #000 !important;
}
/*.homepage-sago .custom-header.active-hover .header__icon .icon path , 
.sago-how-it-works-sago .custom-header.active-hover .header__icon .icon path,
.sago-aboutus-sago .custom-header.active-hover .header__icon .icon path{
  fill:#000 !important;
  
}*/
.sago-overalp .shopify-section-header-sticky {
    background: #00000000;
    position: fixed !important;
    top: 31px;
    transition: .1s all;
    width: 100%;
}


.sago-how-it-works-sago .shopify-section-header-sticky,
.sago-aboutus-sago .shopify-section-header-sticky{
    background: #ffffff00;
    /*position: absolute !important;*/
    top: 26px;
    transition: 0.1s all;
    width: 100%;
}
nav.header-menu ul li a {
   font-size: 20px !important;
  font-weight: 600 !important;
}
.sago-overalp .shopify-section-header-sticky nav.header-menu ul li a{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;   
  /*margin-left: -16px;*/
}

.custom-header:hover nav.header-menu ul li a {
    color: black;
}
/*.sago-how-it-works-sago .shopify-section-header-sticky nav.header-menu ul li a,
.sago-aboutus-sago .shopify-section-header-sticky nav.header-menu ul li a{
  color: #fff;
}*/
.sago-overalp .scrolled-past-header nav.header-menu ul li a,
.sago-how-it-works-sago .scrolled-past-header nav.header-menu ul li a ,
.sago-aboutus-sago .scrolled-past-header nav.header-menu ul li a{
    color:#000;
}
/*.sago-overalp .shopify-section-header-sticky .header__icons svg path{
    fill: #fff;
}
.sago-how-it-works-sago .shopify-section-header-sticky .header__icons svg path,
.sago-aboutus-sago .shopify-section-header-sticky .header__icons svg path{
  fill: #fff;
}*/
.sago-overalp .scrolled-past-header svg path,
.sago-how-it-works-sago  .scrolled-past-header svg path,
.sago-aboutus-sago  .scrolled-past-header  svg path{
    fill:#000;
}
.scrolled-past-header,
.sago-how-it-works-sago .scrolled-past-header,
.sago-aboutus-sago .scrolled-past-header{
    top: 0;
    background: #fff;
}
nav.header-menu.left-menu ul li:first-child {
    margin-left: 0;
}
/*
.contact-sago sticky-header {
    background: #fdfcfa !important;
    border-bottom: 0;
}
*/
.contactpage-section-image[class*="__form-padding"].gradient.color- {
  padding-top: 100px !important;
}


/* header css end here */

.announcement-bar-width {
  max-width: 100%;
  padding: 0 !important;
}
.announcement-bar {
  padding: 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-left: 100px;
  padding-right: 100px;
  height: 50px;
}
.announcement-item p.announcement-bar__message {
    /* Era 17px aquí, 10px en <=1440 y 12px en <=750. O sea que en un portátil
       de 1440 la barra de promo se leía a DIEZ píxeles, y los 17 sólo salían
       por encima de 1441. Las otras dos se han borrado: una sola regla, de la
       escala. Ver evidencia/bloque-E-F.md (petición de SaGó del 23/08). */
    /* T de REVISION-SILVIA-02-09.md (brief): al escalón `label-m` (12px), que es lo que pide para la barra. */
    font-size: var(--sago-label-m);
    text-transform: uppercase;
}
/* Marquee Animation */

.container-marquee-heading {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.scrolling-heading {
  animation: marquee-heading 10s linear infinite;
  display: inline-block;
  padding: 0px 40px;
  width: 30%;
}

@keyframes marquee-heading {
  from {
    transform: translateX(-10%);
  }
  to {
    transform: translateX(-100%);
  }
}

.announcement-item {
  text-align: center;
}

.announcement-item a {
  color: #000;
  text-decoration: none;
}

.announcement-item a:hover {
  text-decoration: underline;
}

/*[class*="__rich_text_pdwMLR-padding"] .rich-text__text {
    color: #222;
    width: 100%;
    margin: auto;
    margin-top: 30px;
}
[class*="__rich_text_pdwMLR-padding"] .rich-text__text p {
    line-height: 1.4;
}*/
.slideshow__slide .banner__box {
  background: transparent;
  padding: 0;
}

.slideshow__slide .banner__box h2.banner__heading {
   color: #fff;
    max-width: 600px;
    text-shadow: 0px 6px 10px #00000042;
}
.slideshow__slide .banner__box .banner__text p {
    color: #fff;
    margin: 0 !important;
    line-height: normal;
}

.slideshow__slide .banner__box .banner__text {
    margin: 0 !important;
}

.slideshow__slide .slideshow__controls {
  background: transparent;
  border: 0 !important;
  position: absolute;
  top: 0;
}

.slider-mobile-gutter .slideshow__controls .slider-button span.svg-wrapper {
  width: 50px;
  height: 50px;
}

.slider-mobile-gutter
  .slideshow__controls
  .slider-button
  span.svg-wrapper
  svg.icon {
  height: 20px;
  color: #898989;
}

[class*="__rich_text_pdwMLR-padding"] h2 strong {
    font-weight: 600;
    overflow: hidden;
    margin-bottom:-10px !important;
    display: inline-block;
    text-transform: uppercase;
    font-size: 40px;
     font-family: 'ABC Arizona Mix', sans-serif !important;
}
@keyframes hometyping {
0% {
  width: 0;
}
50% {
  width: 80%;
}
100% {
  width: 0;
}
}

@keyframes homeblinkCursor {
50% {
  border-color: transparent;
}
}

.sago-multicolumn-image-heading .multicolumn-list {
  gap: 0;
}
.sago-multicolumn-image-heading
  .multicolumn-list
  .multicolumn-card
  .multicolumn-card__image {
  position: unset;
  min-height: 650px;
  transition: 0.3s all;
}
.sago-multicolumn-image-heading
  .multicolumn-list
  .multicolumn-card:hover
  img.multicolumn-card__image {
  transform: scale(1.1);
}
.sago-multicolumn-image-heading
  .multicolumn-list
  .multicolumn-card
  .multicolumn-card__image-wrapper {
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.sago-delivery-cta {
  max-width: 100%;
  margin: auto;
  background: #3f4d5f;
  padding: 10px 40px;
}

.sago-delivery-cta .multicolumn-card {
  display: flex;
  justify-content: space-evenly;
}

.sago-delivery-cta .multicolumn-card .multicolumn-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sago-delivery-cta .multicolumn-card .multicolumn-item .multicolumn-card__info {
  padding: 0;
}

.sago-delivery-cta
  .multicolumn-card
  .multicolumn-item
  .multicolumn-card__image {
  width: 80px;
  height: fit-content;
  display: flex;
}
.sago-delivery-cta .multicolumn-card .multicolumn-item:first-child .multicolumn-card__info h3 {
    width: 95%;
}

/* La familia y el tamaño de este título salen ahora de la escala: TT Hoves en
   mayúsculas al escalón `label-m`, como la franja de la home. Aquí se quedan
   sólo el color y la caja, que son de esta franja y de ninguna otra. T de REVISION-SILVIA-02-09.md (brief de tipografía). */
.sago-delivery-cta
  .multicolumn-card
  .multicolumn-item
  .multicolumn-card__info
  h3 {
  color: #fff;
  margin: 0;
  width: 230px;
  text-align: center;
}


/* login css start */
/*.customer {
  padding-bottom:95px !important;
  padding-top:95px !important;
}*/
.customer h1 {
  font-size: 40px;
  font-weight: 600;
}

.customer p {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
a.create-account:hover {
    text-decoration: underline;
}
a.create-account {
    text-decoration: none;
    font-size: 16px;
}
.customer form .field {
  margin-bottom: 20px;
}

.customer form .field input {
  border-bottom: 1px solid #222;
  padding-left: 15px !important;
  text-align: left;
  color: #222222;
}

.customer form .field::before,
.customer form .field::after {
  display: none;
}

.customer form .field label {
  left: 5px;
  color: #222222bd;
  font-size: 16px;
  font-weight: 500;
}

.customer form .field input:focus {
  outline: none;
  box-shadow: none;
}

.customer form button {
  width: 100%;
  border-radius: 0;
  text-transform: uppercase;
}
.customer form .form__message {
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.customer form .errors ul {
  padding-left: 20px;
}
.customer form .errors ul li {
  color: #eb001b;
  font-size: 14px;
  font-weight: 600;
}

.customer form .form__message .icon-error {
  width: 18px;
  height: 18px;
}
a.forgot-password {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-decoration:none;
}
/* login css end */
.sago-delivery-cta-section {
    position: relative;
}
.sago-delivery-cta {
  position: relative;
  max-width: 100%;
  margin:auto;
  margin-bottom: 40px;
}
.sago-delivery-cta-section::before, .sago-delivery-cta-section:before {
  content: "";
  position: absolute;
  left: 105px;
  top: -60px;
  background-image: url(delivery-left-gif.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 80px;
  width: 80px;
  transition:0.5s all;
  z-index: 2;
}
.sago-delivery-cta-section::after, .sago-delivery-cta-section:after {
  content: "";
  position: absolute;
  right: 105px;
  top: -60px;
  background-image: url(delivery-right-gif.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 80px;
  width: 80px;
  transition:0.5s all;
  z-index: 2;
}
@media (max-width:1290px){
.sago-delivery-cta-section::after, .sago-delivery-cta-section:after {
  right:45px !important;
  }
.sago-delivery-cta-section::before, .sago-delivery-cta-section:before {
  left:55px !important;
  }
}

@keyframes hover_blink{
  0{
    transform:translateY(0px);
  }
  50%{
    transform:translateY(10px);
  }
  100%{
    transform:translateY(0px);
  }
}

.sago-image-with-heading-image-left .grid__item .image-with-text__media img {
  object-position: 0% 100%;
}


.home-faq .collapsible-content .page-width .collapsible-content__media {
  border: 0;
}

/* How-it-work-css-start */
[class*="__multicolumn_JR6W3P-padding"]
  .multicolumn-list
  li { 
  display: flex;
  transition: 0.5s all;
}

[class*="__multicolumn_JR6W3P-padding"] .multicolumn-list li .multicolumn-card__image {
    transition: 0.5s all;
}
[class*="__multicolumn_JR6W3P-padding"]
  .multicolumn-list
  .multicolumn-card {
  display: flex;
}
[class*="__multicolumn_JR6W3P-padding"]
  .multicolumn-card
  .multicolumn-card__image {
  object-fit: contain;
}
[class*="__multicolumn_JR6W3P-padding"]
  .multicolumn-card
  .multicolumn-card__image-wrapper {
  margin: 0;
}
[class*="__multicolumn_JR6W3P-padding"]
  .multicolumn-card
  .multicolumn-card__image-wrapper
  .media {
  width: 120px;
  padding: 0 !important;
  height: 120px;
}
[class*="__multicolumn_JR6W3P-padding"] {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
[class*="__multicolumn_JR6W3P-padding"]
  .multicolumn-card__info {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-card__info h3 {
  /* 21/09: Garamond nunca por debajo de 28 (estaba a 18/16/14px). */
  font-size: var(--sago-display-s);
}
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-card__info .rte p {
    font-size: 14px;
    line-height: 22px;
}
.sago-2-image-with-text.section-template--24427288002827__sago_2_image_with_text_DM6h37-padding .right-images .image-with-text__media--.grid__item img,
.sago-2-image-with-text.section-template--24427288002827__sago_2_image_with_text_DM6h37-padding .right-images .image-with-text__media--.grid__item,
.sago-2-image-with-text.section-template--24427288002827__sago_2_image_with_text_DM6h37-padding,
.sago-2-image-with-text.section-template--24427288002827__sago_2_image_with_text_DM6h37-padding .right-images .image-with-text__media--.grid__item:after,
.sago-2-image-with-text.section-template--24427288002827__sago_2_image_with_text_DM6h37-padding .image-with-text__grid,
.sago-2-image-with-text.section-template--24427288002827__sago_2_image_with_text_DM6h37-padding  .color-scheme-1,

[class*="__collapsible_content_3BnEKd-padding"] .collapsible-content-wrapper-narrow {
    max-width: 100%;
    margin: auto;
}
[class*="__collapsible_content_3BnEKd-padding"] .accordion__content {
    color: #000;
    font-size: 20px;
}
div[id^="Banner-"][id$="__image_banner_z7krbD"] .banner__box {
  background:transparent;
  min-width: 120rem;
}
/*div[id^="Banner-"][id$="__image_banner_z7krbD"] .banner__box h2.banner__heading {
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 5px 20px rgba(0,0,0,.5);
  font-size: 60px;
  font-family: 'ABC Arizona Mix', sans-serif;
  font-weight: 600;
}
div[id^="Banner-"][id$="__image_banner_z7krbD"] .banner__box h2.banner__heading  {
  white-space: nowrap;
  overflow: hidden;
  margin:auto;
  animation: floating-heading 6s ease-in-out infinite forwards;
}
*/
@keyframes floating-heading{
  0%{
     transform:translateY(0px); 
  }
   50%{
     transform:translateY(30px); 
  }
  100%{
     transform:translateY(0px); 
  }
  
}

@keyframes typing {
  0% {
    width: 0;
  }
  50% {
    width: 72%;
  }
  100% {
    width: 0;
  }
}

@keyframes blinkCursor {
  50% {
    border-color: transparent;
  }
}

.sago-how-it-works-sago .accordion {
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}
/*.sago-how-it-works-sago .collapsible-content__heading {
    font-size: 30px;
     font-family: 'ABC Arizona Mix', sans-serif !important;
    font-weight: 500;
    color: #e15c31;
    position: relative;
    margin-bottom: 50px;
}

.sago-how-it-works-sago .collapsible-content__heading::before {
    content: "";
    position: absolute;
    left: -35px;
    bottom: -10px;
    background-image: url(brand-border.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 10px;
    width: 110%;
    filter: brightness(0);
}*/

.sago-how-it-works-sago .accordion summary {
    background: #3f4d5f;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 0 !important;
}

.sago-how-it-works-sago .accordion summary .accordion__title {
    color: #fff;
    width: 100%;
    font-size:19px;
} 

.sago-how-it-works-sago .collapsible-content summary:hover .accordion__title{
  color:#fff !important;
}
.sago-how-it-works-sago .accordion summary:hover {
    background: #3f4d5f !important;
}

.sago-how-it-works-sago .accordion .accordion__content.show {
    background: rgb(63 77 95 / 10%);
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 50px;
    transition: max-height 2s ease !important;
}

[class*="__multicolumn_JR6W3P-padding"] .content-container {
    display: flex;
    border: 0;
}

[class*="__multicolumn_JR6W3P-padding"] .content-container .media {
    padding: 0 !important;
    width: 120px;
    background: transparent;
    height: 120px;
}

[class*="__multicolumn_JR6W3P-padding"] .swiper-wrapper {
    padding-left: 0;
}
[class*="__multicolumn_JR6W3P-padding"] .content-container .info .rte p {
    color: #fff;
    font-size: 16px;
}

[class*="__multicolumn_JR6W3P-padding"] .content-container .multicolumn-card__image-wrapper {
    margin: 0;
    margin-right: 10px;
}

/*[class*="__multicolumn_8nmEtE-padding"] ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] {
    display: flex;
    padding-left: 0;
    justify-content: space-between;
}*/

/*[class*="__multicolumn_8nmEtE-padding"] ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] li {
    width: 30%;
    max-width: 30%;
    list-style: none;
    text-align: center;
}

[class*="__multicolumn_8nmEtE-padding"] ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] li .multicolumn-card__image-wrapper {
    height: 120px;
    width: 120px;
    margin: auto;
}

[class*="__multicolumn_8nmEtE-padding"] ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] li .multicolumn-card__image-wrapper .media {
    background: transparent;
}*/


/* How-it-work-css-end */


/* El cajón del carrito vive en assets/sago-cajon.css desde el 21/09. */

[class*="__rich_text_pdwMLR-padding"] .rich-text__blocks {
    max-width: 100%;
}
/*.slideshow.banner {
    min-height: 70rem !important;
}*/
.slideshow__text-wrapper.banner__content {
  padding: 0 !important;
}
.search-modal__content span.svg-wrapper svg.icon.icon-close path {
    fill: #000;
}

.search-modal__content span.svg-wrapper svg.icon.icon-close {
    width: 30px;
    height: 30px;
    overflow: unset;
}
.list-payment img {
    width: 80px;
    height: 40px;
    object-fit: contain;
}
.footer__payment {
    width: 100%;
    padding-right: 10px;
}
.footer__copyright small.copyright__content {
    /* Había CUATRO reglas para este selector —16px aquí, 12px en <=1440,
       14px !important en <=1200 y 8px !important en <=750—, así que en móvil
       el aviso legal se leía a OCHO píxeles. Las otras tres, borradas.
       --sago-t-s es literalmente el escalón «texto secundario, pie». */
    font-size: var(--sago-t-s);
}
.footer  li.list-social__item span.svg-wrapper {
    width: 40px;
    height: 40px;
}
.footer li.list-social__item span.svg-wrapper svg {
    width: 100%;
    height: 100%;
}
.footer  .footer__list-social {
    margin-top: 20px;
}
.list-payment__item svg {
    width: 60px;
    height: 40px;
}
.home-collection .card .card__heading a {
    /* Tenía font-size: 24px; El nombre de colección en la tarjeta va al escalón `display-s` (32/26px) del brief; había CUATRO copias de este tamaño, por breakpoint, y todas de (0,3,1), así que le ganaban a la escala. T de REVISION-SILVIA-02-09.md (brief), revisión del 09/09. */
    margin-top: 0px;
}


/* about us page css start here */
/*[class*="__sago_2_image_with_text_JN4WKd-padding"] {
    padding-top: 60px !important;
    padding-bottom: 10px !important;
    background: #fdfcfa;
}*/
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text {
    background: #fdfcfa;
}

.sago-addbanner a {
  text-decoration: unset;
  width:100%;
}

.sago-addbanner .banner__heading {
  color: #fff;
  font-size: 75px;
  font-weight: 700;
  text-shadow: 0 0 10px #00000045;
}

.sago-addbanner {
  justify-content: center;
  align-items: center;
}

.sago-addbanner .banner__box {
  min-width: 100% !important;
  max-width: 100% !important;
}

.sago-addbanner .banner__heading strong {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  border-right: 4px solid white;
  width: 0;
  animation: abouttyping 10s steps(15, end) infinite, aboutblinkCursor 0.6s steps(2, end) infinite;
  display: inline-block;
  margin-bottom:-25px;
  color: #ffffff1a;
  text-transform: none;
  -webkit-text-stroke: 4px #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
  font-size:75px;
}
@keyframes abouttyping {
0% {
  width: 0;
}
50% {
  width: 25%;
}
100% {
  width: 0;
}
}

@keyframes aboutblinkCursor {
50% {
  border-color: transparent;
}
}

.sago-addbanner .banner__content {
  max-width: 100% !important;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:last-child {
    transform: translateX(-40px);
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item {
  height: 500px;
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:first-child img {
  transform: scale(0.8);
  object-position: right;
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:first-child {
  height: 570px;
  width: 40%;
  padding-bottom: 0 !important;
  margin-right:20px;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item p {
    font-size: 16px;
    width: 90%;
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__content {
    padding-top: 0;
}


[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item a {
  display: none;
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media img {
    height: 500px;
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media {
    border: 0;
  padding-bottom:0 !important;
}

/*[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h2.image-with-text__heading {
    color: #e35b31;
    position: relative;
    margin-bottom: 30px;
    font-size: 24px;
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h2.image-with-text__heading:before {
    content: "";
    position: absolute;
    top: -100px;
    left: -100px;
    background-image: url(nuestra-historia.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 380px;
    height: 250px;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h2.image-with-text__heading strong {
    opacity: 0;
}*/
.about-us-video .header-logo::after {
    content: "es";
    font-size: 36px;
    font-weight: 600;
    color: #e15c31;
     font-family: 'ABC Arizona Mix', sans-serif !important;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h3 {
    /* 21/09: 24 → display-s (28/32). Garamond nunca por debajo de 28. */
    font-size: var(--sago-display-s);
    font-weight: 500;
}
[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__image-wrapper .multicolumn-card__image {
    height: 100%;
    object-fit: cover;
    transition: 0.5s all;
}

[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__image-wrapper .media {
    padding-bottom: 0 !important;
    height: 360px;
}
[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card {
    background: transparent !important;
}

[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__info h3 {
    /* 21/09: 22 → display-s (28/32). Garamond nunca por debajo de 28. */
    font-size: var(--sago-display-s);
    margin-bottom: 30px;
    position: relative;
    width:fit-content;
}

[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__info h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    background-image: url(heading-border1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 10px;
    width: 100%;
}

[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__info {
    padding: 30px 0;
}

[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list {
    gap: 40px;
}

[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-list__item {
    width: 30%;
}

[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-list__item:hover .multicolumn-card__image {
    transform: scale(1.1);
}


.about-us-video .video-section {
    padding-bottom: 20px !important;
    background: #fdfcfa;
}

.aboutpage-section-image .aboutpage-section-image-left {
    position: absolute !important;
    left: 0;
    z-index: 999;
    /*top:100px;*/
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__content {
    padding-left: 0;
    padding-top:30px;
}

.aboutpage-section-image .aboutpage-section-image-right {
    width: 60% !important;
    max-width: 60%;
}

.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text.body {
    background: #e15c32;
    padding: 50px 60px;
    border-radius: 22px;
}

.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text.body p {
    color: #fff;
}
.aboutpage-section-image .aboutpage-section-image-right .media {
    padding-bottom: 0 !important;
    height: 600px;
    border-radius: 22px;
    margin-top: 100px;
}
.aboutpage-section-image .aboutpage-section-image-right img {
    border-radius: 22px;
    height: 670px !important;
}
/*.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text {
    font-size: 24px;
    font-weight: 600;
    color: #000000 !important;
    padding-left: 60px;
    margin-bottom: -50px;
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text.body p {
    font-size: 20px;
    font-weight: 500;
}*/
.about-us-video .header-logo img {
    max-width: 200px;
}
[class*="__multicolumn_qfJVDH-padding"] {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
}
section[id^="shopify-section-"][id$="__multicolumn_qfJVDH"][id$="__multicolumn_qfJVDH"] .multicolumn {
    background: #fff;
}


.about-us-video h2 {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.5;
  overflow: hidden;
  white-space: nowrap;
}

.about-us-video h2 span {
  display: block;
  overflow: hidden;
}

.about-us-video h2 span:nth-child(1) {
  animation-delay: 0s;
}

.about-us-video h2 span:nth-child(2) {
  animation-delay: 30s;
}

.about-us-video h2 span:nth-child(3) {
  animation-delay: 20s;
}


[class*="__multicolumn_qfJVDH-padding"] {
    background: rgb(253, 252, 250);
}

[class*="__multicolumn_qfJVDH-padding"] .media {
  height: 250px;
}

[class*="__multicolumn_qfJVDH-padding"] li.swiper-slide {
    width: 32%;
}

[class*="__multicolumn_qfJVDH-padding"] .swiper-wrapper {
    padding-left: 0;
    justify-content: space-between;
    margin-bottom: 0;
}
[class*="__multicolumn_qfJVDH-padding"] li.swiper-slide .info h3 {
    /* 21/09: 20 → display-s (28/32). Garamond nunca por debajo de 28. */
    font-size: var(--sago-display-s);
    position: relative;
    width: fit-content;
}

/*[class*="__multicolumn_qfJVDH-padding"] li.swiper-slide .info h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    background-size: auto;
    background-position: center;
    background-image: url(heading-border1.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
}*/
[class*="__multicolumn_qfJVDH-padding"] li.swiper-slide .info p {
    /*font-size: 12px;*/
    width: 77%;
}
[class*="__multicolumn_qfJVDH-padding"] {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* about us page css end here */

/* Contact and event page css start */


.contactpage-section-image-left .msg-info {
    font-size: 14px;
}

.contactpage-section-image-left form#ContactForm .field input {
    height: 50px;
}

.contactpage-section-image-left form#ContactForm .field label.field__label {
    top: 15px;
    color: #000;
}

.contactpage-section-image-left form#ContactForm .field:focus label.field__label {
    top: 0;
}

.contactpage-section-image-left form#ContactForm .field  textarea {
    height: 250px;
}

.contactpage-section-image-left form#ContactForm .contact__button button.button {
    width: 250px;
    border-radius: 42px;
    height: 55px;
    font-size: 22px;
    background: #e15c31;
    font-weight: 800;
    justify-content: start;
    position: relative;
    /* Tenía `font-family: 'ABC Arizona Mix' !important`. Con los botones ya en
       TT Hoves mayúsculas, esa familia con !important dejaba este botón en
       serif Y en mayúsculas, que es lo peor de las dos combinaciones. Fuera:
       la familia sale de la regla de botones. T de REVISION-SILVIA-02-09.md (brief), revisión del 09/09. */
}
.contactpage-section-image-left form#ContactForm .contact__button{
    width: fit-content;
    position: relative;
}
.contactpage-section-image-left form#ContactForm .contact__button::before{
    content: "";
    position: absolute;
    right: 20px;
    bottom: 50%;
    background-image: url(btn-arrow.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    width: 45px;
    transform: translateY(50%);
    filter: brightness(0) invert(1);
    z-index: 9;
}

.contactpage-section-image-left form#ContactForm .contact__button button.button::before,.contact__button button.button::after {
    display: none;
}
.contactpage-section-image .image-with-text .image-with-text__grid {
    flex-direction: row-reverse;
}
.sago-contact-image-text-wrapper {
    display: flex;
    padding-top:30px;
}
.sago-contact-image-text-wrapper .contact-image-text-image {
    height: 650px;
}
.sago-contact-image-text-wrapper img {
    height: 720px;
    object-fit: contain;
    object-position: left;
    transform: translateY(-95px);
}

.sago-contact-image-text-wrapper .contact-image-text-content {
    padding-right: 200px;
}

.sago-contact-image-text-wrapper .contact-image-text-content h5 {
    color: #e15c31;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    width: 94%;
    line-height: 1.5;
}

.sago-contact-image-text-wrapper .contact-image-text-content p {
    font-size: 18px;
}
.contactpage-section-image {
    background: #bbbfc4;
}
/* Contact and event page css end */
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-card__info p {
    color: #fff;
}


.sago-box-products-grid {
    max-width: 100%;
    margin: auto;
    background: transparent !important;
    margin-top: 80px;
    padding: 0 100px !important;
    margin-bottom:80px;
}

.sago-box-products-grid h2 {
    margin-bottom: 50px;
    font-size: 30px;
    position: relative;
    width:fit-content;
    padding-left:20px;
}

.sago-box-products-grid h2:before {
    content: "";
    position: absolute;
    left: 10px;
    bottom: -7px;
    background-image: url(accordian-border.svg);
    background-size: auto;
    background-repeat: no-repeat;
    height: 10px;
    width: 220px;
    filter: brightness(0) saturate(100%) invert(45%) sepia(10%) saturate(5179%) hue-rotate(335deg) brightness(96%) contrast(92%);
    background-position: 100%;
    transform: rotate(-1deg);
}
.sago-box-products-grid .grid-item {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.sago-box-products-grid .grid-item span.collection-name-tag {
    background: #fff;
    color: #3f4d5f;
    border-radius: 50px;
    border: 1px solid #3f4d5f;
    font-weight: 600;
    min-width: 80px;
}

.sago-box-products-grid  .grid-item .image-wrapper {
    overflow: hidden;
    height: 500px;
}

.sago-box-products-grid  .grid-item .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all;
    margin-bottom: 0;
}

.sago-box-products-grid .grid-item h3.product-title {
    text-align: left;
    color: #222;
    font-size: 20px;
    font-weight: 600;
}

.sago-box-products-grid .grid-item p.product-price {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 0;
}

.sago-box-products-grid .grid-item a.product-link {
    text-decoration: none;
}

.sago-box-products-grid .grid-item:hover .image-wrapper img {
    transform: scale(1.1);
}


/*[class*="__multicolumn_qfJVDH-padding"] h2 {
    text-align: center;
    color: #e15c31;
    position: relative;
    font-size: 24px;
}*/


[class*="__multicolumn_qfJVDH-padding"] .title-wrapper-with-link {
    justify-content: center;
    margin-bottom: 50px;
}

/*[class*="__multicolumn_qfJVDH-padding"] h2:before {
   content: "";
    position: absolute;
    top: -50px;
    left: -120px;
    background-image: url(sago-propuesta-img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 460px;
    height: 120px;
}
[class*="__multicolumn_qfJVDH-padding"] h2 strong {
    opacity: 0;
}*/

/*[class*="__collapsible_content_3BnEKd-padding"] h2 {
    color: #222;
    font-size: 56px;
    margin-top: 30px;
}*/
.contactpage-section-image-right .image-with-text__media {
    padding-bottom: 80% !important;
    background: transparent;
    border: 0;
}

.contactpage-section-image-right .image-with-text__media img {
    object-fit: unset !important;
}
/*.contactpage-section-image .contact {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 !important;
}*/
 .contactpage-section-image-left .color-scheme-1.gradient {
    height: 100%;
    background:transparent;
}
.contactpage-section-image .contact h2.title {
    color: #e15c31;
    font-size: 36px;
}


/* sago club page css start here */
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4) !important;
    text-align: center;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item .multicolumn-card__image-wrapper .media {
   padding-bottom: 0 !important;
    width: 100%;
    height: 130px;
    margin: auto;
}

[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item .multicolumn-card__image-wrapper .media img {
    width: 130px;
    height: 130px;
    object-fit: contain;
    margin: auto;
    position: static;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item  .multicolumn-card {
    background: transparent;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item .multicolumn-card__info h3 {
    font-size: 18px;
    margin: auto;
}
.sago_club_image .swiper-slide img {
    height: 480px;
    object-fit: cover;
}
.sago-club-image-slider {
    padding-left: 40px;
    padding-right: 40px;
    position:relative;
}
.sago-club-image-slider:before {
    content: "";
    position: absolute;
    right: 0;
    top: -40px;
    background-image: url(rayas.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    width: 200px;
    z-index: 9999;
}
.sago-club-image-slider:after {
    content: "";
    position: absolute;
    right: 33%;
    top: 15%;
    background-image: url(club-mark.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    z-index: 2;
}
.sago-next-arrow::after, .sago-prev-arrow::after {
    font-size: 60px !important;
    color: #fff;
}
.clubform-section .image-with-text__content h2 strong {
    display: block;
}
.clubform-section .image-with-text__content .image-with-text__text--caption {
    font-size: 22px;
    color: #e15c31;
    font-weight: 600;
    text-transform: uppercase;
}
.clubform-section .media {
    border: 0 !important;
}
.clubform-section .sago-club-form button#register-submit-button {
    background: #e15c31;
    font-size: 20px;
    height: 60px;
    border-radius: 15px;
    font-weight: 600;
}

.clubform-section .sago-club-form button#register-submit-button::before,.clubform-section .sago-club-form button#register-submit-button::after {
    display: none;
}
/*.clubform-section .clubform-section p {
    font-size: 20px;
}*/

div[id^="Banner-"][id$="__image_banner_hjiBMt"] {
    height: 60rem;
}
div[id^="Banner-"][id$="__image_banner_hjiBMt"] .banner__media::before {
    padding-bottom: 0 !important;
}

div[id^="Banner-"][id$="__image_banner_hjiBMt"] .banner__media img {
    object-fit: cover;
    object-position: bottom;
}
/* sago club page css end here */
.aboutpage-section-image {
    padding-bottom: 105px !important;
    background: #fdfcfa;
    padding-top: 0px !important;
}
.aboutpage-section-image  .header-image {
    text-align: center;
}

.aboutpage-section-image .header-image img {
    height: 115px;
    object-fit: cover;
    width: 300px;
}
div[id^="Banner-"][id$="__image_banner_z7krbD"], div[id^="AddBanner-"][id$="__sago_ad_banner_nejdft"] {
    min-height: 50rem;
}
.sago-image-with-heading-image .sago-image-with-heading-image-left {
    width: 40%;
}

section[id^="shopify-section-"][id$="__slideshow_iDPdw7"] .slideshow__autoplay {
    display: none;
}
.home-faq-right .accordion__content p,.home-faq-right .accordion__content ul li{
  font-size:16px;
}


.video-section.page-width {
    padding-right: 0 !important;
}
.video-section__media.media-fit-cover video {
    height: 550px;
}
.home-video-text .video-section a {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin-left: 42%;
    position: relative;
    margin-top: 80px;
    background: #e25c30;
    width: 350px;
    padding: 8px 20px;
    border-radius: 40px;
    display: inline-block;
    text-decoration: unset;
}

.home-video-text .video-section a::before {
    content: "";
    position: absolute;
    right: 25px;
    bottom: 50%;
    background-image: url(btn-arrow.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 46px;
    width: 57px;
    transform: translateY(50%);
    filter: brightness(0) invert(1);
}

.home-video-text .video-section deferred-media {
    height: 500px !important;
    padding-bottom: 0 !important;
    box-shadow: none !important;
    border: 0;
}
.home-video-text .video-section .video-logo {
    padding-left: 0px;
    position: relative;
    z-index: 9;
}
.home-video-text .video-section .video-logo img {
        width: 100%;
    position: relative;
    z-index: 9;
    left: 160px;
    height: 100%;
    max-width: 90%;
    margin-left: auto;
    display: block;
}
.home-video-text .video-section deferred-media video:focus-visible {
    outline: none;
    box-shadow: none;
}
.se-modal {
  display: none;
}


.contactpage-section-image h2.title {
    text-align: left;
    position: relative;
    margin: 0;
    padding-left:34px;
}
/*
.contactpage-section-image h2.title::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -110px;
    background-image: url(contact-form-title.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 340px;
    width: 100%;
    transform: translateX(-50%);
}

.contactpage-section-image h2.title strong {
    opacity: 0;
}*/


.sago-box-products-grid .grid {
    padding: 0 80px;
}
.se-modal.show {
display: block !important;
}

/* product-decription 28-04-2025 */
.sago-box-products-grid .product-price {
    margin-top: 0;
}
.sago-box-products-grid .product-title {
    margin-bottom: 0;
}
/*.sago-product-description-tab .product__accordion {
    border: 1px solid #000;
    border-width: 1px 0 1px 0;
    width: 100%;
    max-width: 800px;
}*/
.sago-product-description-tab .accordion__item {
    width: 100%;
}
.sago-product-description-tab .accordion__item .accordion__title {
    /*background-image: url(faq-icon.png);*/
    background-image: url(faq-icon-new.png);
    background-size: 16px;
    background-position: right;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    filter: brightness(0);
  opacity: 0.7;
      padding: 16px 10px;
}
/* F de REVISION-SILVIA-02-09.md: `:open` → `[open]`. Ojo: esta regla está
   MUERTA de todas formas —ninguna sección pinta ya `.accordion__item`—; se
   cambia el selector sólo para que no quede ningún `:open` en el tema. */
.sago-product-description-tab .accordion__item[open] .accordion__title {
    background-image: url(faq-minus.svg);
}
/*.sago-product-description-tab {
    max-width: 100%;
    margin: auto;
    padding: 15px 60px;
    margin-bottom: 80px;
}*/
.sago-product-description-tab .accordion__item .accordion__title h3 {
    margin: 0 10px 0 0;
    font-size: 22px;
    font-weight: 700;
}
.sago-product-description-tab .accordion__item .accordion__content ul li {
    display: block;
    position: relative;
    padding-left: 15px;
   padding-bottom: 19px;
}
/*.sago-product-description-tab .accordion__item .accordion__content ul li .se-var-product-title {
    display: flex;
    font-size: 18px;
    line-height: 24px;
    color: #343434;
}
.sago-product-description-tab .accordion__item .accordion__content * {
    margin: 0;
}*/
.sago-product-description-tab .accordion__item .accordion__content ul {
    margin: 0;
    padding: 0;
}
.sago-product-description-tab .accordion__item .accordion__content ul li::marker {
    list-style-type: disc;
}
.sago-product-description-tab .accordion__item  .accordion__content {
    padding: 0;
}
.sago-product-description-tab .accordion__item .accordion__content ul li p {
    padding-left: 10px;
    font-size: 18px;
    line-height: 24px;
}
/*.sago-product-description-tab .accordion__item .accordion__content ul li .se-show-individual {
    padding-left: 10px;
    font-size: 18px;
    color: #222;
}*/
.sago-product-description-tab .accordion__item .accordion__content ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #222;
    border-radius: 100px;
}
.product-sago .sago-product-description-tab .se-var-product-box.se-modal, .product\.boxes-gourmet-sago .sago-product-description-tab .se-var-product-box.se-modal  {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 22px;
    z-index: 10;
    padding: 25px 30px;

    padding: 20px 60px 10px 40px;
}
.sago-product-description-tab .se-modal .se-modal-body {
    overflow-y: auto;
    max-height: 400px;
}
.sago-product-description-tab  .se-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sago-product-description-tab .se-modal-header h3 {
    font-size: 22px;
    font-weight: 700;
}
.product-sago .sago-product-description-tab  .se-modal-close,  .product\.boxes-gourmet-sago  .sago-product-description-tab  .se-modal-close{
    font-size: 30px;
    cursor: pointer;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 1px;
    left: 32px;
    position: relative;
    top: -13px;
}
.se-individual-product-sec h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px !important;
    border-bottom: 1px solid;
    width: max-content;
    margin-top: 10px !important;
}
.se-individual-product-sec p {
    margin-bottom: 10px !important;
    padding: 0 !important;
}
.se-individual-product-sec table tbody {
    border: 1px solid #000;
    display: inline-block;
    border-collapse: collapse;
}
.se-individual-product-sec {
    padding: 0 10px 0 0px;
  margin-top:-15px;
}
.se-individual-product-sec table td {
    border: 1px solid #000;
    font-size: 16px;
    color: #000;
    padding: 10px 14px;
}
body.homepage-sago .sago-image-with-heading-image-left .image-with-text__text.rte.body {
    width: 80%;
}
.sago-image-with-heading-image-left .image-with-text__text.rte.body p {
    font-size: 26px;
}
body.homepage-sago .sago-image-with-heading-image-left a {
    border-radius: 50px !important;
    padding: 25px 20px;
    width: 440px;
    font-size: 20px;
    position: relative;
    justify-content: start;
}
body.homepage-sago .sago-image-with-heading-image-left a:before {
    content: "";
    position: absolute;
    right: 25px;
    bottom: 50%;
    background-image: url(btn-arrow.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 46px;
    width: 57px;
    transform: translateY(50%);
    filter: brightness(0) invert(1);
}
.sago-delivery-cta .multicolumn-card .multicolumn-item:nth-child(2n) .multicolumn-card__info h3 {
    max-width: 78%;
}
.home-video-text .video-section a {
    display: none !important;
}
.video-section {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
      overflow: hidden;
}
.video-section .grid__item {
    width: 40%;
}
.polaroid-img {
    padding-right: 100px;
}
.polaroid-img img {
    position: relative;
    right: 70px;
}
.sago-image-with-heading-image-left .image-with-text__text.rte.body p:first-child {
    margin-bottom: 26px;
}
.sago-image-with-heading-image-left .image-with-text__text.rte.body p:last-child {
    margin-top: 26px;
}


.home-faq .accordion {
    margin-bottom: 20px;

}
.home-faq .home-faq-right summary {
  background: #3f4d5f;
  padding-left: 35px !important;
  margin-bottom: 0 !important;
}
.home-faq .accordion__title {
    font-size: 19px !important;
    margin-top:3px;
}
.home-faq .accordion:last-of-type {
    margin-bottom: 0;
}
.home-faq-left .collapsible-content__media{
  height: 100% !important;
}
.home-faq .home-faq-right summary h3.accordion__title,.home-faq .home-faq-right summary:hover h3.accordion__title {
  color: #fff;
}

.home-faq .home-faq-right summary:hover {
  background: #3f4d5f !important;
}


.home-faq .accordion__content.show {
    max-height: 1000px;
    opacity: 1;
    background: rgb(63 77 95 / 10%);
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 50px;
    transition: max-height 2s ease !important;
}


.sago-image-with-heading-image .sago-image-with-heading-image-left a.button::before {
    content: "";
    position: absolute;
    background: url(btn-arrow.png);
    top: -13px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    z-index: 90;
    left: auto;
}
/* Aquí había `.sago-brand { display: none }`, suelto y sin media query: la
   tira de logos («Hablan de nosotros») no se podía ver en ningún ancho,
   activara SaGó la sección o no. Lo destapó la revisión del diff del 02/09.
   Fuera. H de REVISION-SILVIA-02-09.md. */
  .footer .footer__list-social li.list-social__item:last-child {
    width: 100%;
}
.footer .footer__list-social li.list-social__item:last-child span {
    width: 100%;
    justify-content: flex-start;
}
  .footer-block__brand-info .footer__list-social.list-social li.list-social__item:last-child {
    width: 100%;
    min-width: 100%;
}
.footer-block__brand-info .footer__list-social.list-social li.list-social__item:last-child span.svg-wrapper.username-sago {
    width: 100%;
    justify-content: flex-start;
    font-weight: 600;
}
.footer-block__brand-info .footer__list-social.list-social li.list-social__item:last-child {
    display: none;
}
/*media start here  */
@media (max-width: 8000px) {
  .sago-delivery-cta .multicolumn-card {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
  .slideshow.banner .slideshow__text {
    max-width: 1920px !important;
    padding: 15px 80px;
}
/*header.custom-header {
    max-width: 1920px;
  }
.page-width {max-width: 1920px; padding: 15px 80px !important;}*/
  .container {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
/*.color-scheme-1.gradient .card__inner.color-scheme-2 {
    height: 550px;
}*/
.color-scheme-1.gradient .card__content a {
    text-transform: none;
}
  .sago-box-products-grid {
    max-width: 1920px;
}
}


@media (max-width:1920px) {
@keyframes abouttyping {
0% {
  width: 0;
}
50% {
  width: 36%;
}
100% {
  width: 0;
}
}
@keyframes hometyping {
0% {
  width: 0;
}
50% {
  width: 90%;
}
100% {
  width: 0;
}
}  
.sago-box-products-grid .grid-item .image-wrapper {
  height: 420px;
}
.sago-multicolumn-image-heading .multicolumn-list .multicolumn-card .multicolumn-card__image {
      min-height: 400px !important;
    height: 400px;
}
.contactpage-section-image  .image-with-text__media {
    background: transparent;
    height: 800px;
    border: 0;
}

.contactpage-section-image .image-with-text__media::after {
    border: 0 !important;
    box-shadow: none;
}

/* .contactpage-section-image[class*="__form-padding"]{
  padding: 0 60px !important;
} */
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__content {
    padding-bottom: 0;
    padding-left: 30px;
    padding-top: 0;
} 
  [class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media img {
    height: 380px;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item,
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:first-child {
    height: 380px;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h2.image-with-text__heading:before {
    left: -70px;;
}
 /* .aboutpage-section-image .aboutpage-section-image-left .image-with-text__text.body p {
    font-size: 12px;
    font-weight: 500;
}*/
.aboutpage-section-image .aboutpage-section-image-right .media{
  height: 350px;
} 
.aboutpage-section-image .aboutpage-section-image-right img {
  height: 430px !important;
}
/* Aquí había un `font-size: … !important` para el pie. Lo pone ahora la escala
   —`label-m` (12px, TT Hoves mayúsculas) en el título de columna y `body-s`
   (15px) en los enlaces—. Estas reglas vivían dentro de un @media tan ancho
   que se aplicaban casi siempre, y con !important, así que ninguna regla de la
   escala podía ganarles. T de REVISION-SILVIA-02-09.md (brief de tipografía). */
.sago-footer .footer-block--menu h2.footer-block__heading {
    margin-bottom: 10px;
}
.sago-footer .footer-block--menu ul.footer-block__details-content li a {
    padding-bottom: 0;
}
.video-section p.content {
    font-size: 12px;
}
.about-us-video .title-wrapper {
    margin-bottom: 0;
}

}

@media (max-width:1536px){
nav.header-menu ul li a {
    font-size: 15px !important;
}
  header.custom-header {
    padding: 15px 30px !important;
}
  .slideshow.banner .slideshow__text {
        padding: 15px 30px;
    }
  .sago-box-products-grid {
    padding: 0 40px !important;
}
/*.color-scheme-1.gradient .card__inner.color-scheme-2 {
    height: 400px;
}*/

  
}
@media (max-width:1440px){
.header__icon .icon{
  width:2rem !important;
  height:2rem !important;
}
#cart-icon-bubble svg.icon {
  width: 4rem !important;
  height: 4rem !important;
}
.header__icons {
  margin-left: 30px !important;
  column-gap: 10px !important;
}
nav.header-menu ul li a {
  font-size: 14px;
}
.sago-addbanner .banner__heading { 
  font-size: 50px; 
}
.sago-addbanner .banner__heading strong{
  margin-bottom: -15px;
  font-size: 50px;
  -webkit-text-stroke: 2px #ffffff;
}
/*p {
  font-size: 20px; 
}*/
[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__image-wrapper .media,
  [class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__image-wrapper .multicolumn-card__image {
  height: 400px;
}
[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__info h3 {
  /* 21/09: 24 → display-s. */
  font-size: var(--sago-display-s);
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__content .image-with-text__media-item {
  width: 100%;
    
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text.body p {
    font-size: 12px;
    font-weight: 500;
}
/*div[id^="Banner-"][id$="__image_banner_z7krbD"] .banner__box h2.banner__heading {
    font-size: 50px;
}*/

[class*="__collapsible_content_3BnEKd-padding"] .collapsible-content-wrapper-narrow {
  padding: 0;
}

[class*="__collapsible_content_3BnEKd-padding"] .collapsible-content-wrapper-narrow .grid__item.home-faq-right {
    padding-left: 20px;
    padding-right: 20px;
}

.home-collection .card .card__inner {
    height: 350px;
}
.home-collection .card .card__heading a {
    /* Tenía font-size: 20px; El nombre de colección en la tarjeta va al escalón `display-s` (32/26px) del brief; había CUATRO copias de este tamaño, por breakpoint, y todas de (0,3,1), así que le ganaban a la escala. T de REVISION-SILVIA-02-09.md (brief), revisión del 09/09. */
  margin-top: 20px;
} 
.sago-delivery-cta:after {
    right: 30px;
}
.sago-delivery-cta:before {
    left: 30px;
}
.sago-box-products-grid .grid-item .image-wrapper {
  height: 350px;
}
.sago-image-with-heading-image-left .image-with-text__content {
  padding: 0 !important;
  padding-right: 60px !important;
}
.sago-multicolumn-image-heading .multicolumn-list .multicolumn-card .multicolumn-card__image {
  min-height: 350px !important;
}
.home-faq-left .collapsible-content__media {
    min-height: 500px !important;
}
.sago-image-with-heading-image-left .grid__item {
  height: 160px !important;
} 
/*.slideshow.banner {
  min-height: 70rem !important;
}*/
.header-menu ul>li.menu-item:hover .dropdown-menus {
    padding: 40px 30px;
}
nav.header-menu.left-menu ul .dropdown-menus ul.submenu li a {
  font-size: 16px;
}
.dropdown-menus .left-img img {
    height: 250px;
} 

.contactpage-section-image-right .image-with-text__media {
    padding-bottom: 0 !important;
    height: 680px;
}
[class*="__rich_text_pdwMLR-padding"] h2 strong {
    margin-bottom: -15px !important;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item .multicolumn-card__image-wrapper .media {
    width: 130px;
    height: 130px;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item .multicolumn-card__info h3 {
  font-size: 18px;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item .multicolumn-card__info .rte {
    margin-top: 5px;
}
.sago_club_image .swiper-slide img {
  height: 400px;
}
header.custom-header { 
  padding: 15px 20px !important;
}
.header-menu li {
    margin: 0 12px !important;
} 

/*header.custom-header ul.tmenu_submenu {
    min-height: 350px !important;
}*/

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h3 {
    /* 21/09: 20 → display-s (28/32). Garamond nunca por debajo de 28. */
    font-size: var(--sago-display-s);
}  
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item p {
    font-size: 14px;
    width: 100%;
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h2.image-with-text__heading:before {
    top: -60px;
    left: -60px;
    width: 280px;
    height: 190px;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h2.image-with-text__heading{
  margin-top: 0;
} 

[class*="__multicolumn_qfJVDH-padding"] h2:before {
    top: -20px;
    left: -45px;
    width: 310px;
    height: 90px;
}
header:not(.custom-header2026) .header-logo img {
    max-width: 90px !important;
}  
 .scrolled-past-header header.custom-header {
    padding: 5px 20px !important;
}
.about-us-video .header-logo img {
    max-width: 150px !important;
    height: 70px;
    object-fit: cover;
}

.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text.body {
    padding: 30px 30px;
}
.aboutpage-section-image .aboutpage-section-image-right .media {
    height: 350px;
}
.aboutpage-section-image .aboutpage-section-image-right img {
    height: 500px !important;
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text {
    padding-left: 40px;
    font-size: 22px;
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text.body p:last-child {
    text-align: right;
}
.sago-contact-image-text-wrapper .contact-image-text-content {
    padding-right: 30px;
    margin-left: -80px;
}
.sago-contact-image-text-wrapper .contact-image-text-content p {
    font-size: 15px;
    max-width: 70%;
}
.sago-contact-image-text-wrapper .contact-image-text-content h5 {
    font-size: 18px;
    width: 90%;
}
.sago-contact-image-text-wrapper .contact-image-text-image {
  height: 430px;
}
.sago-contact-image-text-wrapper img {
    height: 620px;
    transform: translateY(-125px);
}
.contactpage-section-image h2.title::before {
    bottom: -90px;
    height: 290px;
}
.contactpage-section-image-left form#ContactForm .contact__button::before {
  height: 30px;
  width: 55px;
  right: 20px;
}
.contactpage-section-image-left form#ContactForm .contact__button button.button {
    width: 275px;
    font-size: 22px;
    height: 40px;
    padding: 15px;
}
.contactpage-section-image-left form#ContactForm .field label[for="ContactForm-event-date"] {
    top: 3px !important;
}
.contactpage-section-image-left form#ContactForm .field label.field__label {
  top: 10px;
}
.contactpage-section-image-left form#ContactForm .field textarea {
  height: 180px;
}
.contactpage-section-image-left form#ContactForm .contact__button {
    margin-top: 25px;
}

.contactpage-section-image-left form#ContactForm .field input {
  height: 40px;
}
.contactpage-section-image-left .msg-info {
    font-size: 12px;
}
/* Aquí había un `font-size: … !important` para el pie. Lo pone ahora la escala
   —`label-m` (12px, TT Hoves mayúsculas) en el título de columna y `body-s`
   (15px) en los enlaces—. Estas reglas vivían dentro de un @media tan ancho
   que se aplicaban casi siempre, y con !important, así que ninguna regla de la
   escala podía ganarles. T de REVISION-SILVIA-02-09.md (brief de tipografía). */
.sago-footer .footer-block--menu ul.footer-block__details-content li a {
    padding-bottom: 0;
}
.sago-footer .footer-block--menu h2.footer-block__heading {
    margin-bottom: 10px;
}
.footer li.list-social__item span.svg-wrapper {
    width: 25px;
    height: 25px;
}

.list-payment__item svg {
  width: 40px;
  height: 30px;
}
.list-payment img {
  width: 50px;
  height: 30px;
}

.sago-contact-image-text-wrapper {
  padding-bottom: 90px;
}
.contactpage-section-image {
    padding: 0 50px;
}
nav.header-menu ul li a.tmenu_item_link {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
   [class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media img {
    height: 300px;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item,
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:first-child {
    height: 300px;
} 
}
@media (max-width:1280px){

  .sago-image-with-heading-image-left .image-with-text__content {
        padding-right: 0px !important;
        padding-left: 60px !important;
    }
  .sago-delivery-cta .multicolumn-card .multicolumn-item:nth-child(2n) .multicolumn-card__info h3 {
    max-width: 77%;
}
  body.homepage-sago .sago-image-with-heading-image-left a {
    padding: 18px 30px;
    width: max-content;
    font-size: 18px;
}
  .sago-image-with-heading-image-left .grid__item .image-with-text__media img {
    max-width: 50%;
}
  .sago-box-products-grid .product-title {margin-top: 10px;margin-bottom: 0 !important;font-size: 18px !important;}
.sago-box-products-grid .grid-item p.product-price {
    font-size: 16px;
}
  /*.color-scheme-1.gradient .card__inner.color-scheme-2 {
        height: 330px;
    }*/
  .home-collection .card .card__heading a {
        margin-top: 0px;
    }
  .home-video-text .video-section .video-logo img {
            width: 100%;
        height: 100%;
        max-width: 100%;
        position: relative;
        top: 30px;
}
.polaroid-img img {
        height: 420px ;
        right: 20px;
    }
  .sago-box-products-grid {
    margin-top: 30px;
}
  .sago-box-products-grid .grid {
    padding: 0 60px;
}
  body.homepage-sago .sago-image-with-heading-image-left .image-with-text__text.rte.body {
    width: 100%;
}
  .sago-image-with-heading-image-left .image-with-text__text.rte.body p {
    font-size: 18px;
}
  [class*="__rich_text_pdwMLR-padding"] {
    padding-bottom: 40px;
}
  .sago-multicolumn-image-heading .multicolumn-list .multicolumn-card .multicolumn-card__image {
        min-height: 270px !important;
    }
  .sago-multicolumn-image-heading .multicolumn-list .multicolumn-card .multicolumn-card__image {
        height: 270px;
    }
/* Aquí había `.sago-atc-wrap { bottom: 55px }`. Desde el 31/08 el envoltorio
   va anclado a la foto con `top: 0` (sago-overrides.css), y con los dos lados
   fijados se estiraba: el botón quedaba 98px por encima del pie de la foto a
   1280 y 121 a 1024. Fuera. R2 de REVISION-SILVIA-02-09.md. */


}

@media (max-width:1200px){
  .header__icons{
    margin-left:-10px !important;
  }
  .footer__copyright{
    text-align:left !important;
  }
  /* Tercera copia de los tamaños del pie con !important, esta a ≤1200px. Los
     pone la escala. T de REVISION-SILVIA-02-09.md (brief de tipografía). */
  .list-payment__item svg {
    width: 40px;
    height: 30px;
}
  .list-payment img {
    width: 50px;
    height: 30px;
}
  [class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__grid .image-with-text__text-item .image-with-text__content {
    padding: 0;
    padding-top: 30px;
}
  [class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__grid {
    flex-direction: column;
}
  [class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item {
    height: 300px;
    width: 100%;
}
  [class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item {
    width: 100%;
}
  [class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-list__item {
    width: 48%;
    max-width: 50%;
  }
  [class*="__multicolumn_qfJVDH-padding"] .multicolumn-list {
    gap: 20px;
}

/*  .sago-mbl-header .header__icon .icon {
    color: #fff !important;
}*/
.sago-mbl-header .header__icon--menu[aria-expanded=true]:before {
    display: none !important;
}
.dropdown-menus .left-img img {
    height: 200px;
}
nav.header-menu ul li a {
    font-size: 14px ! IMPORTANT;
}

,
.contact-sago .sago-mbl-header .header__icon .icon,
.list-collections-sago .sago-mbl-header .header__icon .icon{
   color: #000 !important;
}
.sago-aboutus-sago .sago-mbl-header .header__icon .icon {
  color: #fff;
}
body .scrolled-past-header .header__icon .icon {
    color: #000 !important;
}
/*.sago-how-it-works-sago .sago-mbl-header .header__icon .icon{
  color:#fff;  
}*/
.sago-how-it-works-sago .scrolled-past-header .sago-mbl-header .header__icon .icon{
  color:#000 !important; 
}
.menu-drawer__menu-item--active {
    background: #e15c31;
    color: #fff;
}  
.homepage-sago .scrolled-past-header .sago-mbl-header .header__icon .icon {
    color: #000 !important;
}

.sago-club-registration-sago .sago-mbl-header .header__icon .icon {
  color: #000000 !important;
}
.clubform-section .image-with-text__content {
    padding-left: 0;
    padding-right: 0;
} 
#menu-drawer .menu-drawer__menu-item--active,#menu-drawer .menu-drawer__menu-item:hover {
    background: #ffffff;
    color: #e15c31 !important;
}
body.contact-sago .header__icon .icon {
    color: #000 !important;
}
div#menu-drawer {
    top: 0px;
    padding-top: 40px;
    background: #e15c31;
    height: 100vh;
    overflow: hidden;
    transition-duration: 0.5s;
}
body .sago-mbl-header .menu-drawer-container summary.header__icon svg.icon.icon-close {
    position: absolute;
    z-index: 99999;
    color: #fff !important;
    transition: 0.3s;
}
.menu-drawer__inner-submenu {
    padding-top: 20px;
    background: #e15c31;
}
.menu-drawer__inner-submenu button.menu-drawer__close-button {
  background: #fff;
  margin-bottom: 15px;
}
div#menu-drawer nav.menu-drawer__navigation .menu-drawer__menu-item {
  color: #fff ;
}
div#menu-drawer .menu-drawer__utility-links a {
    color: #fff;
}
  /*.color-scheme-1.gradient .card__inner.color-scheme-2 {
    height: 330px;
}*/
  
}


@media (max-width:1024px){
  .homepage-sago{
    overflow-x: hidden;
  }
.about-us-video .video-section {
    flex-direction: column-reverse !important; 
    width:100%;
    padding-bottom:0 !important;
}
.aboutpage-section-image {
  padding-top: 0;
}
.aboutpage-section-image .aboutpage-section-image-left {
  position: relative !important;
  left: 0;
  z-index: 999;
  top: 0;
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__content{
  padding-right:0px;
}
.aboutpage-section-image .aboutpage-section-image-right {
  width: 100% !important;
  max-width: 100%;
}
.aboutpage-section-image .aboutpage-section-image-right .media,.aboutpage-section-image .aboutpage-section-image-right img {
  height: 550px !important;
}
[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list{
  padding-left:0px !important;
  padding-right:0px !important;
}
p {
  font-size: 16px;
}
[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__image-wrapper .media, [class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-card__image-wrapper .multicolumn-card__image {
      height: 300px;
  }
[class*="__multicolumn_qfJVDH-padding"] .multicolumn__title {
  padding-left: 0;
  padding-right: 0;
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text.body {
  padding: 30px 30px;
}
/*.sago-footer .sago-left .footer-block__image-wrapper img {
  height: 155px;
}*/
  .sago-footer .sago-left .footer-block__brand-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  .sago-footer .sago-left ,.sago-footer .sago-right {
    width: 100% !important;
}
  .sago-footer .sago-right{
    padding-top:30px;
  }
  .sago-footer {
    flex-direction: column;
}
  @keyframes abouttyping {
0% {
  width: 0;
}
50% {
  width: 80%;
}
100% {
  width: 0;
}
}

[class*="__multicolumn_JR6W3P-padding"] .multicolumn-list {
    gap: 30px;
    padding: 0 !imporant ;
}


section[id^="shopify-section-"][id$="__image_banner_z7krbD"] .banner__content {
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 100%;
    width: 100%;
}
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-card__info {
    padding-left: 20px !important;
}
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-card__info h3 {
  /* 21/09: Garamond nunca por debajo de 28 (estaba a 18/16/14px). */
  font-size: var(--sago-display-s);
}
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-card .multicolumn-card__image-wrapper .media {
  width: 80px;
  height: 80px;
}
.home-faq-right h2 {
    color: #e15d32;
    font-size: 28px;
}
.home-faq .accordion summary {
  margin-bottom: 0px;
}

.home-faq .accordion__title {
    font-size: 18px !important;
}

div[id^="Banner-"][id$="__image_banner_z7krbD"] .banner__box {
  min-width: 100%;
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}

  @keyframes typing {
  0% {
    width: 0;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 0;
  }
}
[class*="__rich_text_pdwMLR-padding"] h2 {
    width: 100%;
    background-position: 50% 100%;
    background-size: 90%;
}
[class*="__rich_text_pdwMLR-padding"] h2 strong{
  display: block;
  padding-right: 20px;
  padding-left: 20px;
}
.home-collection .collection-list {
    justify-content: space-between;
    row-gap: 30px;
    margin-bottom:30px;
}

.home-collection .collection-list .collection-list__item {
    width: 50% !important;
    max-width: 48%;
}  
.multicolumn-card.content-container {flex-wrap: nowrap;row-gap: 20px;}  
.sago-box-products-grid .grid {
    grid-template-columns: 1fr 1fr;
}
.home-faq-left .collapsible-content__media {
  min-height: 440px !important;
  height: 400px;
}
.sago-multicolumn-image-heading .multicolumn-list .multicolumn-card .multicolumn-card__image {
  min-height: 300px !important;
  max-height: 300px !important;
}
[class*="__collapsible_content_jrxRzq-padding"] .home-faq-right {
    padding-left: 0;
}
.home-collection .card .card__heading a {
    /* Tenía font-size: 18px; El nombre de colección en la tarjeta va al escalón `display-s` (32/26px) del brief; había CUATRO copias de este tamaño, por breakpoint, y todas de (0,3,1), así que le ganaban a la escala. T de REVISION-SILVIA-02-09.md (brief), revisión del 09/09. */
    justify-content: space-between;
} 
.sago-box-products-grid .grid {
    grid-template-columns: 1fr 1fr 1fr !important;
}
.slideshow__slide .banner__box h2.banner__heading {
    color: #fff;
    /* font-size:50px fuera: el titular del slider es .h0 y su tamaño sale de
       --sago-t-5xl. Había tres valores distintos para lo mismo en tres
       breakpoints (50px aquí, 32px en ≤750, 28px en ≤980), y eso es
       exactamente lo que SaGó llama incoherente. */
}
/*.slideshow__slide .banner__box .banner__text p {
  font-size: 50px; 
}*/

.slider-mobile-gutter .slideshow__controls {
  top: 50%;
  right: 0;
  height: fit-content;
  flex-direction: row;
  transform: translateY(-50%);
  justify-content: space-between;
  padding: 0;
  width: 100%;
}
.slider-mobile-gutter .slideshow__controls .slider-button--prev, .slider-mobile-gutter .slideshow__controls .slider-button--next {
  transform: unset;
}
.slider-mobile-gutter .slideshow__controls .slider-button span.svg-wrapper svg.icon {
  color: #ffffff;
}
.slideshow__slide .banner__box {
  padding: 30px;
} 
.contactpage-section-image .image-with-text .image-with-text__grid {
    flex-direction: column;
}

.contactpage-section-image .image-with-text .image-with-text__grid .image-with-text__media-item {
    width: 100%;
    margin-bottom: 20px;
}

.contactpage-section-image-right .image-with-text__media img {
    object-fit: cover !important;
}

.contactpage-section-image .image-with-text .image-with-text__grid .contactpage-section-image-left {
    width: 100%;
    padding-top: 30px;
}

.contactpage-section-image .image-with-text .image-with-text__grid .contactpage-section-image-left .contact {
    padding: 0 !important;
}
.contactpage-section-image .contact h2.title {
    font-size: 28px;
}
.contactpage-section-image {
    padding-top: 0 !important;
}  

.contactpage-section-image-right .image-with-text__media {
    height: 450px;
}
.contactpage-section-image-left form#ContactForm .contact__button button.button {
    font-size: 18px;
}
.contactpage-section-image-left form#ContactForm .field input {
    height: 60px;
}
.scrolling-heading {
    width: 100%;
}
.sago-mbl-header .header__icons {
    width: 30%;
    justify-content: end;
}

.sago-mbl-header a.header__heading-link {
    width: 40%;
}

.sago-mbl-header header-drawer {
    width: 30%;
}
.homepage-sago .sago-mbl-header a.header__heading-link {
  width: 100% !important;
} 
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-list .multicolumn-card .multicolumn-card__info {
    width: 80%;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h2.image-with-text__heading:before {
    top: -65px;
    left: -18px;
    width: 260px;
    height: 170px;
    background-position: 100% 100%;
}
[class*="__multicolumn_qfJVDH-padding"] h2:before {
    top: -20px;
    left: -45px;
    width: 310px;
    height: 90px;
}
  [class*="__multicolumn_qfJVDH-padding"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
[class*="__multicolumn_qfJVDH-padding"] h2:after {
    top: -30px;
    width: 140px;
    height: 90px;
}
.aboutpage-section-image .aboutpage-section-image-right .media {
  margin-top: 10px;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item {
  width: 48% !important;
}
  
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list {
    padding: 0;
}
.clubform-section .image-with-text__grid {
    flex-direction: column;
}

.clubform-section .image-with-text__grid .image-with-text__media-item {
    width: 100%;
}

.clubform-section .image-with-text__grid  .image-with-text__text-item {
    width: 100%;
}
.clubform-section .media {
  height: 450px !important;
  padding-bottom: 0 !important;
}
.clubform-section .media img {
    object-position: 100% 30%;
}
.sago-delivery-cta .multicolumn-card .multicolumn-item .multicolumn-card__info h3 {
  text-align: left;
  font-size: 14px;
}
.sago-delivery-cta:before,.sago-delivery-cta:after { 
    top: -25px;
    height: 50px;
    width: 50px;
}
  .home-collection .collection-list {
    padding: 0 20px !important;
}
[class*="__rich_text_pdwMLR-padding"] .rich-text__text {
  width: 100%;
}
[class*="__rich_text_pdwMLR-padding"] h2 strong {
    /* Tenía `font-size: 28px` a ≤1024, que dejaba este título de sección por
       debajo de los 32 que pide el brief en móvil. El tamaño lo pone la
       escala. T de REVISION-SILVIA-02-09.md (brief). */
    margin-bottom: 0px !important;
}
.sago-box-products-grid h2 {
  margin-bottom: 30px;
  font-size: 28px;
}
.sago-box-products-grid h2:before {
  width: 100%;
}
.sago-image-with-heading-image-left a{
  font-size:14px;
}
.home-collection .card .card__inner {
  height: 280px;
}
.home-collection .collection-list__item:first-child .card h3.card__heading a {
  padding-left: 0px !important;
}
/* D7 · retirada: colocaba el btn-arrow.png que .icon-wrap::before pintaba a la
   derecha de cada título de colección, y ese envoltorio ya no se muestra
   (ver sections/home-page-collection-list.liquid). Se borra en vez de dejarla
   ahí sin efecto: una regla que no aplica nada es lo que costó dos falsos
   positivos en el bloque B. */
.sago-club-image-slider{
  padding-left:0;
  padding-right:0;
}
.sago-club-image-slider:before { 
    height: 110px;
    width: 120px; 
}
.sago-next-arrow:after, .sago-prev-arrow:after {
    font-size: 40px !important; 
} 
[class*="__multicolumn_JR6W3P-padding"] .slider-buttons,[class*="__multicolumn_8nmEtE-padding"] .slider-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

[class*="__multicolumn_JR6W3P-padding"] .slider-buttons .slider-button--prev,[class*="__multicolumn_8nmEtE-padding"] .slider-buttons .slider-button--prev {
    left: -15px;
    position: absolute;
}

[class*="__multicolumn_JR6W3P-padding"] .slider-buttons .slider-button span.svg-wrapper ,[class*="__multicolumn_8nmEtE-padding"] .slider-buttons .slider-button span.svg-wrapper {
    width: 50px !important;
    height: 50px !important;
}

[class*="__multicolumn_JR6W3P-padding"] .slider-buttons .slider-button svg.icon {
    height: 30px;
    color: #fff !important;
}
[class*="__multicolumn_8nmEtE-padding"] .slider-buttons .slider-button svg.icon {
  color: #222 !important;
   height: 30px;
}
[class*="__multicolumn_JR6W3P-padding"] .slider-buttons .slider-button--next,[class*="__multicolumn_8nmEtE-padding"] .slider-buttons .slider-button--next {
    right: -15px;
    position: absolute;
}
[class*="__multicolumn_JR6W3P-padding"] .slider-buttons .slider-counter,[class*="__multicolumn_8nmEtE-padding"] .slider-buttons .slider-counter {
    display: none;
}
.home-video-text .video-section .video-logo {
  padding-left: 0;
}
.home-video-text .video-section .video-logo img {
  width: 330px;
  object-fit: contain;
  
}
.home-video-text .video-section a {
    margin-top: 40px;
    width: 260px;
    font-size: 18px;
}
.video-section__media.media-fit-cover video {
  height: 400px;
}
  body.homepage-sago .sago-image-with-heading-image-left .image-with-text__text.rte.body {
    width: 100%;
}
  body.homepage-sago .sago-image-with-heading-image-left a {
    padding: 12px 20px;
    width: 100%;
    font-size: 18px;
}
.home-faq .content-container--full-width {
    padding: 0px 30px;
}
.sago-box-products-grid .grid {
  padding: 0 50px;
}
.color-scheme-1.gradient .collection-list-wrapper .slider-mobile-gutter {
  padding: 0 30px !important;
}
.home-video-text .video-section deferred-media {
  height: 360px !important; 
}
.sago-contact-image-text-wrapper .contact-image-text-content {
    margin-left: 20px;
.sago-contact-image-text-wrapper .contact-image-text-content h5 {
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
}
.sago-contact-image-text-wrapper .contact-image-text-content p {
    font-size: 14px;
}
.sago-contact-image-text-wrapper img {
  height: 700px;
}
[class*="__form-padding"] {
  
}
.contactpage-section-image {
  padding-left: 0px !important;
  padding-right: 0 !important;
  padding-bottom: 40px !important;
}
.contactpage-section-image{
  padding: 0 !important;
}
  a#cart-icon-bubble-mobile span.svg-wrapper {
  width: 60px !important;
  height: 60px !important;
}
a#cart-icon-bubble-mobile svg.icon {
    width: 45px !important;
    height: 45px !important;
}
.aboutpage-section-image {
    padding-top: 20px !important;
  padding-bottom: 0px !important;
}
[class*="__multicolumn_qfJVDH-padding"] li.swiper-slide {
    width: auto;
}


  

  
[class*="__multicolumn_qfJVDH-padding"] li.swiper-slide {
    width: auto;
}
 .sago-box-products-grid .grid-item .image-wrapper {
    height: 350px;
} 
}
@media (max-width:989px){
.sago-mbl-header {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.custom-header{
  display:none !important;
}
a#cart-icon-bubble-mobile span.svg-wrapper svg {
  width: 4rem !important;
  height: 4rem !important;
}
  }
@media (max-width:768px){
/*.color-scheme-1.gradient .card__inner.color-scheme-2 {
    height: 250px;
}*/
.home-video-text .video-section a {
    margin-top: 40px;
    width: 100%;
    font-size: 18px;
    margin-left: 0%;
}

  
}
@media (max-width:767px){
  .home-video-text .video-section .video-logo img {
    top: 0;
}

.announcement-bar {
    z-index: 9;
}

body .sago-mbl-header {
    padding-top: 25px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.scrolled-past-header header.sago-mbl-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.color-scheme-1.gradient .collection-list-wrapper {
  padding: 15px !important;
}

.color-scheme-1.gradient .collection-list-wrapper .slider-mobile-gutter {
  padding: 0 0px !important;
}

.home-video-text .video-section .video-logo img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    max-width: 100%;
    margin: auto !important;
    left: 0;
}
.home-video-text .video-section a {
    width: 100%;
}
.home-video-text .video-section .grid__item {
 width: 50%;
max-width: 50%;
}
.home-video-text .video-section {
   padding: 0px 0 !important;
}
.video-section__media.media-fit-cover video {
  height: 240px;
}
.sago-box-products-grid .grid {
  padding: 0 0px;
}
.sago-box-products-grid {
    padding: 0 10px !important;
}
.sago-box-products-grid .grid-item .image-wrapper {
  height: 140px;
}
.page-width {
  padding: 15px 15px !important;
}
.sago-delivery-cta .multicolumn-card .multicolumn-item .multicolumn-card__image {
  width: 60px;
}
.sago-delivery-cta {
  padding: 10px 20px !important;
}
.sago-image-with-heading-image .sago-image-with-heading-image-left {
    width: 50%;
}
.sago-delivery-cta {
  margin-bottom: 20px;
}
.home-video-text .video-section a {
  width: 100%;
  margin-top: 20px;
}
.sago-box-products-grid .grid-item .image-wrapper {
    height: 240px;
}
.sago-image-with-heading-image-left .image-with-text__text.rte.body p {
  font-size: 16px;
}
body.homepage-sago .sago-image-with-heading-image-left a {
    padding: 15px 20px;
    font-size: 16px;
}

[class*="__collapsible_content_jrxRzq-padding"] {
  padding-top: 30px !important;
}
.home-faq .content-container--full-width {
  padding: 0px 15px !important;
}


.sago-box-products-grid {
  margin: 0px auto auto;
}
.polaroid-img {
  padding-right: 0px;    width: 50%;
}
  
.polaroid-img img {
  height: 170px;          
  width: 100%;            
  object-fit: cover;
}
.polaroid-img img {
 right: 0px;
}

.home-video-text .video-section .video-logo img {
width: 100%;
height: 128px;
object-fit: cover;
left: 0;
}
[class*="__rich_text_pdwMLR-padding"] h2 strong {
  padding-right: 0px;
  padding-left: 0px;
}
/*.color-scheme-1.gradient .card__inner.color-scheme-2 {
height: 230px !important;
}*/
.sago-image-with-heading-image-left .image-with-text__content {
  padding-left: 0 !important;
}
.color-scheme-1.gradient .collection-list-wrapper .slider-mobile-gutter ul.collection-list {
  column-gap: 10px;
}
.sago-delivery-cta .multicolumn-card .multicolumn-item:nth-child(2n) .multicolumn-card__info h3 {
    max-width: fit-content;
}
.sago-delivery-cta .multicolumn-card .multicolumn-item:first-child .multicolumn-card__info h3 {
    width: fit-content;
}
.sago-delivery-cta .multicolumn-card .multicolumn-item .multicolumn-card__info {
  width: fit-content;
}
.sago-box-products-grid {
  margin: 10px auto auto !important;
} 


.menu-drawer-container {
width: 100%;
}

a.header__icon.small-hide {
display: flex !important;
}
.sago-mbl-header header-drawer {
width: 13%;
} 
.sago-footer {
    flex-direction: row;
}

.sago-footer .sago-left {
  width: 30% !important;
}

.sago-footer .sago-right {
  width: 65% !important;
}


.sago-footer .sago-right h2 {
  width: 76%;
}
footer {
  padding-bottom: 0 !important;
}
.footer__content-bottom-wrapper .footer__column--info {
    display: none !important;
}
.footer__copyright {
  margin-top: 0 !important;
}
.header__icon--search.header__icon--summary span.svg-wrapper {
    justify-content: flex-start;
}
  


.sago-image-with-heading-image .sago-image-with-heading-image-left p {
    font-size: 10px !important;
    margin-bottom: 0 !important;
}
.sago-image-with-heading-image .sago-image-with-heading-image-left a.button {
    font-size: 7px !important;
    padding: 0;
    height: 30px !important;
    margin-top: 15px;
    position: relative;
    min-height: 30px;
    text-align: left;
    justify-content: start;
    padding-left: 7px;
} 


.sago-image-with-heading-image .sago-image-with-heading-image-left .image-with-text__media-item {
    display: none;
}

.sago-image-with-heading-image .sago-image-with-heading-image-left .image-with-text__text.rte.body {
    margin-top: 90px;
}
.sago-box-products-grid h2:before {
    width: 150px;
}
.sago-box-products-grid .grid {
    gap: 10px;
} 


}
  
@media (max-width:750px){
div[id^="AddBanner-"][id$="__sago_ad_banner_nejdft"] .banner__media {
    height: 34rem;
    width: 100% !important;
}

div[id^="AddBanner-"][id$="__sago_ad_banner_nejdft"] .banner__content {
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%) !important;
}

div[id^="AddBanner-"][id$="__sago_ad_banner_nejdft"] .banner__media img {
    position: relative;
    height: 60rem;
    width: 100%;
}

div[id^="AddBanner-"][id$="__sago_ad_banner_nejdft"]>a {
    width: 100%;
}
[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list .multicolumn-list__item {
    width: 100%;
    max-width: 100%;
}
  [class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:last-child img {
    width: 100%;
    object-fit: cover;
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:last-child img {
  width: 100%;
  object-fit: cover;
}

[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media img {
  height: 280px;
  width: 280px;
  object-fit: contain;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item {
  height: 320px;
  width: 100%;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:first-child {
    position: absolute;
    z-index: 9;
    right: 0;
    transform: translateY(100px);
}
  [class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:last-child {
    transform: translate(0px);
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__media-item .media:first-child {
    height: 100%;
}
  .about-us-video .header-logo img {
    max-width: 130px;
    height: 60px;
}

.aboutpage-section-image .aboutpage-section-image-right .media,.aboutpage-section-image .aboutpage-section-image-right img {
  height: 300px !important;
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text {
  font-size: 20px;
}

.footer-block.grid__item:first-child {
  margin-bottom: 0 !important;
}
.sago-footer .sago-left{
  margin-bottom:0;
}
.sago-footer .sago-left .footer-block__brand-info {
    align-items: start;
    flex-direction: column;
}
.sago-footer .sago-right{
  padding-top:0;
}
.footer__content-bottom-wrapper {
    width: 100% !important;
}

.footer__content-bottom-wrapper .footer__column {
    width: 100%;
}

.footer__content-bottom-wrapper .footer__column--info {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0;
}
.sago-footer .sago-right {
    margin-bottom: 0;
}
.sago-footer .sago-right .footer-block:last-child {
  margin-bottom: 0 !important;
}
.sago-footer .sago-right .footer-block:last-child .footer-block__details-content {
  margin-bottom: 0;
}
.footer__payment .list-payment {
  justify-content: start;
}
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__content {
    padding-bottom: 0px;
}
/*.sago-footer .sago-left .footer-block__image-wrapper img {
    height: 120px !important;
    width: 120px;
}*/
.footer__list-social .list-social__link {
  padding: 0;
  margin-right: 10px;
}
.footer li.list-social__item span.svg-wrapper {
    width: 20px;
    height: 20px;
} 
.footer .footer__list-social {
    /*margin-top: -10px !important;*/
    flex-direction: row;
    flex-wrap: nowrap;
}
  .footer-block__brand-info .footer__list-social.list-social li.list-social__item:last-child {
    width: 100%;
    min-width: 100%;
}
.footer-block__brand-info .footer__list-social.list-social li.list-social__item:last-child span.svg-wrapper.username-sago {
    width: 100%;
    justify-content: flex-start;
    font-weight: 600;
}
.sago-addbanner .banner__heading strong {
  margin-bottom: -15px;
  font-size: 32px;
}
.sago-addbanner .banner__heading {
    font-size: 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sago-addbanner .banner__heading strong {
  font-size: 36px;
  display: block;
  margin-bottom: 5px;
  -webkit-text-stroke: 1px #ffffff;
}
  @keyframes abouttyping {
0% {
  width: 0;
}
50% {
  width: 100%;
}
100% {
  width: 0;
}
}
.sago-addbanner .banner__box{
  padding:0 !important;
}


[class*="__multicolumn_JR6W3P-padding"] .multicolumn-list .multicolumn-card .multicolumn-card__info {
    width: 75%;
}
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[class*="__multicolumn_JR6W3P-padding"] .multicolumn-card__info h3 {
  /* 21/09: Garamond nunca por debajo de 28 (estaba a 18/16/14px). */
  font-size: var(--sago-display-s);
}
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-card__info .rte p {
  font-size: 12px;
  line-height: 18px;
}


  


/*div[id^="Banner-"][id$="__image_banner_z7krbD"] .banner__box h2.banner__heading {
    font-size: 32px;
    text-shadow: 0px 1px 6px rgba(0, 0, 0, .5);
} 
  @keyframes typing {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}*/ 

  

  
/* .slideshow__slide .banner__box h2.banner__heading tenía aquí font-size:32px.
   Fuera: el tamaño del titular del slider sale de la escala (--sago-t-5xl). */
[class*="__rich_text_pdwMLR-padding"] h2 {
    width: 95%;
    background-position: center;
    background-size: contain;
    margin-bottom: 25px;
}
[class*="__rich_text_pdwMLR-padding"] h2 strong{
  font-size:24px;
} 
.home-collection .collection-list .collection-list__item {
    width: 100% !important;
    max-width: 100%;
}
.sago-delivery-cta .multicolumn-card {
    justify-content: start;
}
.sago-delivery-cta .multicolumn-card .multicolumn-item {
    width: 100%;
    gap: 20px;
}
.sago-box-products-grid .grid {
  grid-template-columns: 1fr 1fr !important;
} 

 


.rich-text__wrapper.rich-text__wrapper--center.page-width {
    max-width: 100% !important;
    padding: 0 20px !important;
    width: 100%;
}  
.sago-delivery-cta{
  padding:20px !important;
} 
 .sago-box-products-grid {
    margin: 30px auto auto;
} 
.sago-box-products-grid h2 {
    margin-bottom: 28px;
    font-size: 24px;
    padding-left: 0;
}

.sago-box-products-grid .grid-item h3.product-title {
    font-size: 14px;
    margin-bottom: 0;
}
.sago-box-products-grid .grid-item p.product-price {
    font-size: 14px;
    margin-top: 5px;
}
.home-faq-left {
  padding-right: 0;
}
.home-faq-left .collapsible-content__media {
    min-height: 280px !important;
    height: 280px;
}  
[class*="__collapsible_content_jrxRzq-padding"] .home-faq-right {
    padding-top: 30px;
    padding-right: 0;
    padding-left: 0;
}

.sago-image-with-heading-image-left .grid__item {
    height: 140px;
    min-height: 100px;
    margin-top: 20px;
}
.sago-image-with-heading-image-left .image-with-text__content{
  padding-right:0 !important;
}

.sago-multicolumn-image-heading .multicolumn-list .multicolumn-card .multicolumn-card__image {
    min-height: 200px !important;
    max-height: 200px !important;
}
.sago-multicolumn-image-heading .multicolumn-list .multicolumn-card .multicolumn-card__image {
  min-height: 200px;
  max-height: 200px !important;
}

 


.contactpage-section-image-right .image-with-text__media {
    height: 420px;
}
.contactpage-section-image-left form#ContactForm .contact__button button.button {
   height: 40px;
   font-size: 16px;
   width: 220px;
}
  .contactpage-section-image-left form#ContactForm .contact__button::before {
    right: 15px;
    height: 50px;
    width: 50px;
}


.contactpage-section-image-left form#ContactForm .field textarea {
  height: 200px;
}


.contactpage-section-image {
    padding-bottom: 40px !important;
}
.scrolling-heading {
    width: 100%;
    padding-top:0;
    padding-bottom:0;
}

[class*="__collapsible_content_jrxRzq-padding"] .home-faq-left {
    padding-right: 0;
}

[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item {
    width: 100% !important;
    margin-left:0 !important;
}
.clubform-section .media {
    height: 300px !important;
}
.clubform-section .clubform-section p {
  font-size: 16px;
}
.clubform-section .sago-club-form button#register-submit-button {
  font-size: 16px;
  height: 50px;
}
.clubform-section .image-with-text__content {
  padding-bottom: 0 !important;
}
div[id^="Banner-"][id$="__image_banner_hjiBMt"]{
  height:350px;
}
.sago_club_image .swiper-slide img {
  height: 450px;
}
.sago-next-arrow:after, .sago-prev-arrow:after {
    font-size: 30px !important;
}
section[id^="shopify-section-"][id$="__image_slider_UykwwV"] {
  padding-bottom: 30px;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item .multicolumn-card__image-wrapper .media {
  width: 80px;
  height: 80px;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item .multicolumn-card__info h3 {
    font-size: 16px;
}
[class*="__multicolumn_JR6W3P-padding"] .multicolumn-list {
  padding: 0;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] {
    padding-top: 40px !important;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item h2.image-with-text__heading:before {
    top: -65px;
    left: -18px;
    width: 230px;
}
[class*="__multicolumn_qfJVDH-padding"] h2:before {
    top: -57px;
    left: -30px;
    width: 290px;
    height: 120px;
}
[class*="__sago_2_image_with_text_JN4WKd-padding"] .image-with-text__text-item p {
  font-size: 16px;
  width: 100%;
}
[class*="__multicolumn_qfJVDH-padding"] h2:after {
    top: -60px;
    width: 80px;
    right: 0;
}
[class*="__multicolumn_qfJVDH-padding"] {
    padding-bottom: 20px !important;
}
.about-us-video .video-section{
  padding-top:0;
} 

.aboutpage-section-image {
    padding-bottom: 40px !important;
    padding-top: 0 !important;
}
div[id^="Banner-"][id$="__image_banner_z7krbD"] {
  min-height: unset;
}

.aboutpage-section-image .aboutpage-section-image-right .media {
  margin-top: 40px;
  border: 0;
}


div[id^="AddBanner-"][id$="__sago_ad_banner_nejdft"] {
    min-height: unset;
}
/*.slideshow__slide .banner__box .banner__text p {
  font-size: 32px; 
}*/
.home-collection .card .card__inner {
  height: 250px;
}
.home-collection .collection-list__item:first-child .card h3.card__heading a {
    padding-left: 0;
    margin-top: 0;
} 
[class*="__collapsible_content_jrxRzq-padding"] .home-faq-right h2:before {
    left: 0;
    bottom: -10px;
    background-position: 100%;
    height: 16px;
    width: 80%;
    background-size: auto;
}
.sago-box-products-grid .grid-item span.collection-name-tag {
  min-width: 65px;
  padding: 3px 5px;
}
 
.sago-box-products-grid h2:before {
    left:0;  
  bottom: -8px;
}

 

.home-faq-right h2 {
    /* 21/09: 24 → 28, Garamond nunca por debajo de 28. */
    font-size: 28px !important;
}
.slideshow.banner {
    min-height: 39rem !important;
}
.sago-image-with-heading-image-left .image-with-text__text.rte.body {
    width: 100% !important;
}

.sago-image-with-heading-image-left .grid__item {
  height: 80px !important;
  min-height: 80px !important;
}
.sago-how-it-works-sago .accordion{
  padding-left:0;
  padding-right:0;
}
.sago-how-it-works-sago .collapsible-content__heading:before{
  left: -17px;
}
[class*="__multicolumn_8nmEtE-padding"] .multicolumn-list .multicolumn-list__item .multicolumn-card__image-wrapper .media img {
    width: 80px;
    height: 80px; 
}
.clubform-section .image-with-text__content h2 {
  width: 80%;
}

.home-video-text .video-section deferred-media {
    height: 280px !important;
    width: 100% !important;
    min-width: 100%;
    margin-top: 30px;
} 

.home-video-text .video-section {
    flex-direction: row;
}
.home-video-text .video-section a {
    width: 230px;
    font-size: 16px;
}
.home-video-text .video-section a:before {
  height: 42px;
  width: 42px;
}
[class*="__multicolumn_qfJVDH-padding"] .multicolumn-list__item {
    margin: 0 !important;
}

.aboutpage-section-image .aboutpage-section-image-left .image-with-text__text.body p {
    font-size: 16px;
}

 
  


.about-us-video .header-logo::after {
    font-size: 24px;
}  
.aboutpage-section-image .aboutpage-section-image-left .image-with-text__content .image-with-text__media-item .MANIFESTO.SAGÓ {
    padding-left: 0;
    padding-top: 10px;
}


 
.sago-contact-image-text-wrapper .contact-image-text-content {
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 0;
}
.sago-contact-image-text-wrapper{
  flex-direction: column;
  margin-bottom:30px;
  padding-bottom: 0px;
}

.sago-contact-image-text-wrapper img {
  height: 420px;
  object-position: left;
  transform: translateY(-25px);
}
.sago-contact-image-text-wrapper .contact-image-text-content h5 {
    width: 100%;
    font-size: 16px;
    margin-bottom: 5px;
}
.sago-contact-image-text-wrapper .contact-image-text-content p {
    font-size: 14px;
}
.contactpage-section-image h2.title::before {
    bottom: -25px;
    height: 125px;
    background-size: cover;
}
.contactpage-section-image-left form#ContactForm .field input {
    height: 50px;
}
.contactpage-section-image .image-with-text .image-with-text__grid .contactpage-section-image-left {
    padding-top: 0px;
}
.sago-mbl-header a#cart-icon-bubble-mobile svg.icon.icon-cart {
    min-width: 4rem;
    min-height: 4rem;
}
[class*="__multicolumn_JR6W3P-padding"] .content-container .media {
  width: 80px;
  height: 80px;
} 
[class*="__multicolumn_JR6W3P-padding"] .content-container .info .rte p {
    font-size: 12px;
} 
[class*="__multicolumn_JR6W3P-padding"] .content-container .info h3 {
  /* 21/09: Garamond nunca por debajo de 28 (estaba a 18/16/14px). */
  font-size: var(--sago-display-s);
}
[class*="__multicolumn_JR6W3P-padding"] .swiper-button-prev,[class*="__multicolumn_JR6W3P-padding"] .swiper-button-next {
    display: block;
    opacity: 1;
}

[class*="__multicolumn_JR6W3P-padding"] .swiper-button-prev::after,[class*="__multicolumn_JR6W3P-padding"] .swiper-button-next::after {
    color: #fff;
    font-size: 30px;
}

[class*="__multicolumn_JR6W3P-padding"] .swiper-button-prev {
    left: 5px;
}

[class*="__multicolumn_JR6W3P-padding"] .swiper-button-next {
    right: 0;
    align-items: end !important;
}
/*[class*="__multicolumn_8nmEtE-padding"] ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] li{
  max-width: unset;
}*/
[class*="__multicolumn_8nmEtE-padding"] .swiper-button-prev,[class*="__multicolumn_8nmEtE-padding"] .swiper-button-next {
    display: block;
    opacity: 1;
   
}

[class*="__multicolumn_8nmEtE-padding"] .swiper-button-prev::after,[class*="__multicolumn_8nmEtE-padding"] .swiper-button-next::after {
    color: #000;
    font-size: 30px;
}

[class*="__multicolumn_8nmEtE-padding"] .swiper-button-prev {
    left: 5px;
}

[class*="__multicolumn_JR6W3P-padding"] .swiper-button-next {
    right: 0;
    align-items: end !important;
}
  

[class*="__multicolumn_8nmEtE-padding"] .swiper-button-next {
  right: 0px;
}
/*[class*="__multicolumn_8nmEtE-padding"] ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] li .multicolumn-card__image-wrapper {
    height: 80px;
    width: 80px; 
}*/
[class*="__multicolumn_8nmEtE-padding"] ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] li .info h3 {
    /* 21/09: 16 → display-s (28). Garamond nunca por debajo de 28. */
    font-size: var(--sago-display-s);
    margin-bottom: 7px;
}


.sago-club-image-slider:after {
    right: 22%;
    top: 20%;
    height: 50px;
    width: 30px;
}
.contactpage-section-image {
    padding: 0;
}
.contactpage-section-image-left form#ContactForm .field label.field__label {
  top: 17px;
}
.sago-contact-image-text-wrapper .contact-image-text-content p {
    max-width: 100%;
}
.contactpage-section-image[class*="__form-padding"]{
  padding: 0 !important;
}
form#ContactForm {
    margin-bottom: 40px;
}
.sago-footer .sago-right {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    height: fit-content;
}
.sago-right .footer-block.grid__item {
    /*width: 49%;*/
    margin-top: 0 !important;
    margin-bottom: 7px;
}
.sago-right .footer-block.grid__item ul.footer-block__details-content {
  margin-bottom: 0;
}
.sago-footer .footer-block--menu ul.footer-block__details-content li a {
  padding-top: 7px;
}
.footer__payment .list-payment {
  justify-content: center;
}
.footer__copyright {
  text-align: center !important;
}
.sago-right .footer-block ul.footer-block__details-content {
display: none;
transition: 0.3s;
}
.sago-right .footer-block.active ul.footer-block__details-content {
display: block;
transition: 0.3s;
}
.sago-right .footer-block h2.footer-block__heading {
position: relative;
}
.sago-right .footer-block h2.footer-block__heading:before {
    content: "";
    position: absolute;
    right: -21px;
    top: 0;
    background-image: url(faq-minus.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    margin: auto;
    filter: brightness(0) invert(1);
}
.sago-right .footer-block h2.footer-block__heading:after {
    content: "";
    position: absolute;
    right: -21px;
    top: 0;
    background-image: url(faq-icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    margin: auto;
    filter: brightness(0) invert(1);
}
.sago-right .footer-block.active h2.footer-block__heading:after {
display: none;
}
[class*="__rich_text_pdwMLR-padding"] h2 {
  padding: 10px 20px;
}
.sago-atc-wrap {
    position: unset !important;
    padding: 0 !important;
    margin-top: 15px !important;
    width: 100%;
    max-width: 100%;
}
.sago-atc-wrap product-form.product-form {
  width: 100%;
}
.color-scheme-1.gradient .collection-list-wrapper .slider-mobile-gutter ul.collection-list {
    padding: 0 !important;
}
.home-collection .card .card__heading a {
    /* Tenía font-size: 16px; El nombre de colección en la tarjeta va al escalón `display-s` (32/26px) del brief; había CUATRO copias de este tamaño, por breakpoint, y todas de (0,3,1), así que le ganaban a la escala. T de REVISION-SILVIA-02-09.md (brief), revisión del 09/09. */
}

  .color-scheme-1.gradient .collection-list-wrapper {
    padding: 15px !important;
}
.sago-delivery-cta {
     overflow: hidden;
}
/* Cuarta copia del tamaño del título de columna del pie, con !important.
   Coincidía por casualidad con el escalón del brief. Lo pone la escala. T de REVISION-SILVIA-02-09.md (brief), revisión del 09/09. */
/*.sago-footer .sago-left .footer-block__image-wrapper img {
    object-fit: contain !important;
    object-position: 100% -100%;
}*/


.sago-image-with-heading-image .sago-image-with-heading-image-left a.button::before {
    content: "";
    position: absolute;
    background: url(btn-arrow.png);
    top: -5px;
    right: 7px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display:block;
    z-index: 90;
    left: auto;
}
.home-faq .accordion .svg-wrapper:before {
    width: 20px !important;
    height: 20px !important;
    left: -10px !important;
} 
.home-faq .home-faq-right summary {
padding-left: 25px !important;
}
[class*="__collapsible_content_jrxRzq-padding"] .home-faq-right h2:before {
width: 100%;
}
.sago-delivery-cta-section::before, .sago-delivery-cta-section:before {
    left: 25px;
    top: -40px;
    height: 60px;
    width: 60px;
   z-index: 2;
}  
  
.sago-delivery-cta-section::after, .sago-delivery-cta-section:after {
  right: 25px;
  top: -40px;
  height: 60px;
  width: 60px;
  z-index: 2;
}
.sago-delivery-cta .multicolumn-card .multicolumn-item:nth-child(2n) .multicolumn-card__info h3{
    text-align:center !important;
}
.search-modal{
  top: 25px;
}  
}
} /*error mal cerrado anterior*/


/*Responsive 2025*/

  @media (max-width:980px){
/* Generales mobile */
h2.h1 {
    font-size: 28px;
    margin-bottom: 0;
}
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width {
    margin-bottom: 0;
    padding-bottom: 0px !important;
}
  
/*Colecciones*/
/*.card__media {
    height: 220px;
}*/
slider-component .slider.grid.product-grid .grid__item.slider__slide .card--media .card__content {
    margin-top: 0 !important;
}

.card__inner.color-scheme-2.gradient.ratio {
    height: 170px;
}
body.collection\.despensa-sago aside#main-collection-filters{
   margin-top: -30px;
}
aside#main-collection-filters {
    margin-top: -70px;
    margin-bottom: -20px;
}
body.collection\.gastronomia-sago aside#main-collection-filters {
    margin-top: -30px;
}

/* Colecciones */
.product-grid-container .card__heading.h5 a {
    padding-right: 5px;
}

/* Club sago */
section[id^="shopify-section-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] {
    overflow: hidden;
}
.sago-club-registration-sago .image-with-text__media.image-with-text__media--large.global-media-settings.background-transparent.media {
    height: 415px !important;
}

/*ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] li {
    margin-left: -10px !important;
}*/
ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] {
    padding: 0;
}
[class*="__sago_club_registration_DVFTb8-padding"]{
  padding-top:0px !important;
}
    
/*Ficha de prducto*/

.product-sago .price--on-sale {
    margin-bottom: 10px;
}
.product__info-container .price__badge-sale {
    margin-bottom: 20px !important;
}

.se-modal-header {
    position: relative;
}
.se-modal-close {
        right: -24px !important;
        top: -2px !important;
        position: absolute !important;
        left: auto !important;
}
.product-form__input {
    margin-top: -30px !important;
}

.product-sago .product-form__input.product-form__quantity+div {
    margin-bottom: -20px;
}
.se-var-product-box.se-modal.show {
    width: 92%;
    padding: 10px 30px 10px 20px !important;
}

.se-individual-product-sec h5{
  width: 100%;
}
.se-individual-product-sec h5 p {
    width: 90%;
}
.product__info-container.product__column-sticky {
    display: flex;
    flex-direction: column;
}
.product__description.rte.quick-add-hidden {
    order: 5;
}
.product__tax.caption.rte {
    margin-top: 0;
}
product-form.product-form {
    margin-top: 8px !important;
}
/*.related-products .card__content {
    margin-top: 50px;
}*/
.product-sago img.image-magnify-lightbox, .product-sago modal-opener.product__modal-opener.product__modal-opener--image {
    height: 400px !important;
}
.product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
    margin-bottom: 0 !important;
}
.product__accordion.accordion {
    max-width: 100% !important;
}
.sago-product-description-tab {
    padding: 0 10px 50px 10px !important;
}

.sago-delivery-cta-section::before, .sago-delivery-cta-section:before {
    left: 10px !important;
    width: 60px;
    top: -40px;
}

.sago-delivery-cta-section::after, .sago-delivery-cta-section:after {
    width: 60px;
    right: 10px !important;
    top: -40px;
}
.se-var-product-title {
    flex-direction: column;
    gap: 5px !important;
}

a.se-show-individual {
    width: 100% !important;
    text-align: left !important;
    /* margin-top: -10px; */
}

.se-var-product-title strong {
    width: 100% !important;
}

/* coleccion boxes categoria*/

.collection-sago h1.collection-hero__title {
    margin-top: 20px;
    margin-bottom: 16px;
}
body.collection\.boxes-sago div#botones-selector-persona {
    flex-wrap: wrap;
}

body.collection\.boxes-sago [class*="__product-grid-padding"].gradient.color-scheme-1 {
    padding-top: 0;
}

body.collection\.boxes-sago .product-count.light.medium-hide.large-up-hide {
    margin-top: 0;
}

body.collection\.boxes-sago aside#main-collection-filters {
    margin-top: -30px;
}
body.collection\.boxes-sago .banner__media.media.scroll-trigger.animate--fade-in {
    height: 160px;
}

body.collection\.boxes-sago .banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient {
    padding: 3px 0 0 0px;
    margin-bottom: -28px;
}

body.collection\.boxes-sago h2.banner__heading.inline-richtext.h1 {
    text-align: left;
}  
body.collection\.boxes-sago .active-facets.active-facets-mobile.medium-hide.large-up-hide {
    display: none;
}


/* home */
.homepage-sago sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom:hover {
    background: transparent !important;
}

    
div[id^="collection-"][id$="__featured_collection_NaaFEK"] {
    padding-top: 30px !important;
}
.homepage-sago section[id^="shopify-section-"][id$="__image_banner_8giDzf"], .homepage-sago section[id^="shopify-section-"][id$="__image_banner_jCpbqX"], .homepage-sago section[id^="shopify-section-"][id$="__image_banner_H4e4WN"] {
    display: none;
}
.homepage-sago .slideshow__controls.slideshow__controls--top.slider-buttons {
    justify-content: center;
}
/* .homepage-sago h2.banner__heading.inline-richtext.h0 tenía font-size:28px, y
   como era la de más especificidad ganaba a las otras dos en móvil. Fuera: sale
   de la escala (--sago-t-5xl). */

.homepage-sago .banner__heading .banner__text.rte p {
    font-size: 10px !important;
}

.homepage-sago .slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient.slideshow__text--left.slideshow__text-mobile--center p {
    font-size: 15px;
}
.homepage-sago .rich-text.content-container.color-scheme-1.gradient.rich-text--full-width.content-container--full-width[class*="__rich_text_pdwMLR-padding"] h2 strong {
    font-size: 31px;
}
.homepage-sago .sago-delivery-cta .multicolumn-item.swiper-slide h3.inline-richtext {
    width: auto !important;
    margin-right: 10px !important;
}
.homepage-sago .grid__item.collapsible-content__grid-item.home-faq-left {
    display: none;
}
    
.homepage-sago .collapsible-content.collapsible-none-layout.isolate.content-container.content-container--full-width {
    padding: 0 !important;
}
.homepage-sago h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    margin-bottom: 0;
    padding-bottom: 0;
}
/*.homepage-sago .banner__box.content-container.content-container--full-width-mobile.color-scheme-8c7ffb0b-df92-4345-8b69-0b1afafc4600.gradient {
    padding: 20px 0 !important;
}*/
section[id^="shopify-section-"][id$="__rich_text_pdwMLR"] h2.h1 strong {
    display: inline-block;
}
.homepage-sago div[id^="Banner-"][id$="__image_banner_3jrYWE"] {
    height: 600px;
}

.homepage-sago div[id^="Banner-"][id$="__image_banner_Yq8HxU"]{
    height: 600px;
}
.homepage-sago div[id^="Banner-"][id$="__image_banner_Yq8HxU"] p{
    line-height: 1.3em;
}
      

.homepage-sago [id^="Banner-"][id$="__image_banner_KkzeEr"] {
    height: 600px;
}
.homepage-sago [id^="Banner-"][id$="__image_banner_KkzeEr"] .banner__box.content-container.content-container--full-width-mobile.color-scheme-8c7ffb0b-df92-4345-8b69-0b1afafc4600.gradient {
    padding-top: 70px !important;
}
.homepage-sago .banner__content.banner__content--top-center.page-width.scroll-trigger.animate--slide-in {
    display: flex;
    align-items: flex-start;
}
    
/* home seccion club sago */
.homepage-sago .image-with-text__media-item.image-with-text__media-item--small.image-with-text__media-item--middle.grid__item {
    width: 100% !important;
    margin-bottom: 30px;
}
.homepage-sago .clubform-section .customer.sago-club-form {
    margin-top: 0px !important;
}
/*.homepage-sago .needsclick.kl-private-reset-css-Xuajs1 {
    padding-right: 0px !important;
}*/

.homepage-sago p.form-description+p {
    margin-top: 1em !important;
}
.homepage-sago button.needsclick.go3599488403.kl-private-reset-css-Xuajs1 {
    padding: 0 !important;
    border-radius: 200px !important;
}
.homepage-sago .image-with-text__media.image-with-text__media--adapt.global-media-settings.gradient.color-scheme-8c7ffb0b-df92-4345-8b69-0b1afafc4600.media {
    height: auto !important;
}

.homepage-sago .image-with-text__media.image-with-text__media--adapt.global-media-settings.gradient.color-scheme-8c7ffb0b-df92-4345-8b69-0b1afafc4600.media img {
    position: relative;
}

.homepage-sago .clubform-section[class*="__sago_club_registration_aKwcyR-padding"].gradient.color-scheme-1 {
    padding-top: 20px;
}

    
/* home seccion categorías*/
.homepage-sago .home-collection.section-collection-list ul[id^="Slider-"][id$="__home_page_collection_list_n4Udne"] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 4px;
}
.homepage-sago .title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
    padding: 0 !important;
}
.homepage-sago .home-collection.section-collection-list ul[id^="Slider-"][id$="__home_page_collection_list_n4Udne"] li {
    width: 48% !important;
    margin-bottom: 10px;
}

/*.homepage-sago .home-collection.section-collection-list .card__information {
    margin-top: 40px;
}*/
.homepage-sago section[id^="shopify-section-"][id$="__rich_text_pdwMLR"] {
    margin-bottom: 40px;
}

    /*footer*/
footer.footer.color-scheme-2e2bc0b6-f0ac-44b1-969e-c9749faded5b.gradient[class*="__footer-padding"] {
    padding-bottom: 70px !important;
}
footer ul.list-unstyled.list-social.footer__list-social {
    margin-left: 2px;
}

footer a.link.list-social__link {
    width: 31px;
}

    
/*Quick add*/
.sago-atc-wrap .cart-btn-title span {
    opacity: 1 !important;
    width: auto !important;
    visibility: visible !important;
    padding-left: 10px;
}
ul[id^="Slider-"][id$="__featured_collection_NaaFEK"]  .card__content {
    margin-top: 17px;
}
.card .product-form__submit.button.button--primary {
    border: 1px solid black;
    padding: 0 10px !important;
    margin-left: 0px !important;
}
.card__inner.color-scheme-2.gradient.ratio {
    height: 216px;
}
.card.card--standard.card--media:hover .cart-btn-title img {
    transition: none !important;
}
.cart-btn-title img {
    transition: none !important;
}
.added-to-cart {
    font-size: 14px !important;
}

.card.card--standard.card--media:hover .cart-btn-title img {
    margin-right: 0px !important;
}
.card.card--standard.card--media:hover .cart-btn-title span {
    transform: translateX(-10px);
}

.card__content {
    display: flex !important;
    flex-direction: column !important;
          justify-content: space-between;
}

.sago-atc-wrap {
    margin-top: 0 !important;
    margin-bottom: 20px;
}
 .card:hover .sago-atc-wrap {
    transform: none !important;
}

.card__inner.color-scheme-2.gradient.ratio {
    transform: none !important;
}

.underline-links-hover:hover a {
  font-weight:600 !important;
}   


/* sago about us sobre nosotros*/
.sago-aboutus-sago .banner__box.content-container.content-container--full-width-mobile.color-scheme-8c7ffb0b-df92-4345-8b69-0b1afafc4600.gradient {
    padding: 0;
}
.sago-aboutus-sago section[id^="shopify-section-"][id$="__image_banner_tC9GhA"] {
    display: none;
}
.sago-aboutus-sago .banner__content.banner__content--top-center.page-width.scroll-trigger.animate--slide-in {
    display: flex;
    align-items: flex-start;
}

/* barra azul */
.multicolumn-item.swiper-slide .multicolumn-card__info {
    width: 170px !important;
}


    
    /* Contacto y eventos */
    .image-with-text__media.image-with-text__media--adapt.global-media-settings.gradient.color-scheme-1.media img{
          max-width: inherit !important;
    }

/* Como funciona */
section[id^="shopify-section-"][id$="__image_banner_AH3miF"] {
    display: none;
}


    
}


/* ajuste desktop */
@media (min-width:980px){
section[id^="shopify-section-"][id$="__image_banner_3jrYWE"], section[id^="shopify-section-"][id$="__image_banner_KkzeEr"], [id^="shopify-section-"][id$="__image_banner_Yq8HxU"] {
    display: none;
}
  section[id^="shopify-section-"][id$="__image_banner_gTTqbe"], section[id^="shopify-section-"][id$="__image_banner_QmPcJL"]  {
    display: none;
}
ul[id^="Slider-"][id$="__multicolumn_8nmEtE"][id$="__multicolumn_8nmEtE"] li {
    width: 23%;
}
/* Como funciona */ 
section[id^="shopify-section-"][id$="__multicolumn_JR6W3P"][id$="__multicolumn_JR6W3P"] {
    display: none;
}
}

@media (min-width:1440px){
ul.tmenu_submenu_type_automatic.tmenu_submenu--desktop.tmenu_submenu {
    margin-left: -48px !important;
}
  div[id^="Banner-"][id$="__image_banner_jCpbqX"], div[id^="Banner-"][id$="__image_banner_tC9GhA"], div[id^="Banner-"][id$="__image_banner_8giDzf"], div[id^="Banner-"][id$="__image_banner_H4e4WN"], div[id^="Banner-"][id$="__image_banner_73gazw"]  {
    height: 700px;
}
}


/* La gemela de la de arriba, para h1. Misma razón. T de REVISION-SILVIA-02-09.md (brief). */