/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/components/components.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --gr-font-display: "SoleRepsolDisplay", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-text: "SoleRepsolText", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-icons: "Guia Icons";
  --gr-background-default: #FFFFFF;
  --gr-color-white: #FFFFFF;
  --gr-color-black: #000000;
  --gr-burgundy-guia: #B52958;
  --gr-grey-guia: #F8F8F8;
  /* Yellow */
  --gr-color-yellow-0: #FFF9EB;
  --gr-color-yellow-05: #FFF0CC;
  --gr-color-yellow-10: #FFE9B2;
  --gr-color-yellow-20: #FFDA80;
  --gr-color-yellow-30: #FFCA47;
  --gr-color-yellow-40: #FBC300;
  --gr-color-yellow-50: #E9A600;
  --gr-color-yellow-60: #D19500;
  --gr-color-yellow-70: #B17D00;
  --gr-color-yellow-80: #77590D;
  --gr-color-yellow-90: #443104;
  /* Accent */
  --gr-color-accent-10: #FFED92;
  --gr-color-accent-50: #FFEA29;
  --gr-color-accent-90: #443904;
  /* Creative */
  --gr-color-creative-01: #ff5a00;
  --gr-color-creative-02: #d60000;
  --gr-color-creative-03: #00c4d9;
  --gr-color-creative-04: #001e78;
  --gr-color-creative-05: #ff6f61;
  --gr-color-creative-06: #cfc6c4;
  --gr-color-creative-07: #003cff;
  /* Orange */
  --gr-color-orange-10: #FFF0D0;
  --gr-color-orange-50: #FF590A;
  --gr-color-orange-90: #7A2E09;
  /* Coral */
  --gr-color-coral-10: #FFE1D8;
  --gr-color-coral-50: #FF7559;
  --gr-color-coral-90: #BB1A03;
  /* Red */
  --gr-color-red-10: #FFECEB;
  --gr-color-red-50: #DD0E00;
  --gr-color-red-90: #B41600;
  /* Grey */
  --gr-color-grey-10: #F4ECE9;
  --gr-color-grey-50: #D2CAC7;
  --gr-color-grey-90: #574E4B;
  /* Turquoise */
  --gr-color-turquoise-10: #DAF9FD;
  --gr-color-turquoise-50: #00BED4;
  --gr-color-turquoise-90: #005B65;
  /* Neon Blue */
  --gr-color-neon-blue-10: #DCE3FF;
  --gr-color-neon-blue-50: #002B66;
  --gr-color-neon-blue-90: #00146D;
  /* Deep Blue */
  --gr-color-deep-blue-10: #DCE3FF;
  --gr-color-deep-blue-50: #0046FF;
  --gr-color-deep-blue-90: #002278;
  --gr-blue-guia: #0B1741;
  /* Surface */
  --gr-color-surface-yellow: #FCB300;
  --gr-color-surface-grey: #F7F7F9;
  --gr-color-highlighted-surface-yellow: radial-gradient(circle at center, #fcb300 0%, #fcb70d 20%, transparent 85%);
  --gr-color-accent: #FFE249;
  --gr-color-surface--hover: #F4F8FA;
  --gr-color-content--hover: #43637D;
  --gr-color-content--active: #001E37;
  --gr-color-content--disabled: #001E374D;
  --gr-color-border: #95B0C6;
  --gr-color-border--low: #DBE6F0;
  --gr-color-border--light: #DBE6F0;
  --gr-color-border--focus: #009BBE;
  --gr-color-surface-highlighted-ivory--gradient: linear-gradient(135deg, #fff8f2 0%, #fcefe9 50%, #f8f3ef 100%);
  --gr-color-surface-highlighted-orange--gradient: linear-gradient(135deg, #ff6a00 0%, #ff3c3c 50%, #ff0057 100%);
  --gr-color-surface-highlighted-blue--gradient: linear-gradient(135deg, #001f3f 0%, #003f5c 50%, #006f8e 100%);
  --gr-color-surface--hover--inverse: #99A5AF;
  --gr-color-surface--active--inverse: #CCD2D7;
  --gr-color-secondary-surface--hover--inverse: rgba(255, 255, 255, 0.2);
  --gr-color-secondary-surface--active--inverse: rgba(255, 255, 255, 0.1);
  --gr-color-content-medium--inverse: rgba(255, 255, 255, 0.8);
  /* Fonts */
  --gr-font-display: "SoleRepsolDisplay", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-text: "SoleRepsolText", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-icon: "icomoon";
  --gr-icomoon-font-family: "icomoon";
  --gr-font-guia-icons: "Guia Icons";
  /* Font Sizes */
  --gr-size-12: 0.75rem;
  --gr-size-14: 0.875rem;
  --gr-size-16: 1rem;
  --gr-size-18: 1.125rem;
  --gr-size-20: 1.25rem;
  --gr-size-22: 1.375rem;
  --gr-size-24: 1.5rem;
  --gr-size-26: 1.625rem;
  --gr-size-28: 1.75rem;
  --gr-size-30: 1.875rem;
  --gr-size-32: 2rem;
  --gr-size-34: 2.125rem;
  --gr-size-36: 2.25rem;
  --gr-size-40: 2.5rem;
  --gr-size-46: 2.875rem;
  --gr-size-48: 3rem;
  --gr-size-56: 3.5rem;
  --gr-size-60: 3.75rem;
  --gr-size-64: 4rem;
  /* Global Spacing Scale */
  --gr-spacing-4: 0.25rem;
  --gr-spacing-6: 0.375rem;
  --gr-spacing-8: 0.5rem;
  --gr-spacing-12: 0.75rem;
  --gr-spacing-16: 1rem;
  --gr-spacing-24: 1.5rem;
  --gr-spacing-32: 2rem;
  --gr-spacing-40: 2.5rem;
  --gr-spacing-48: 3rem;
  --gr-spacing-56: 3.5rem;
  --gr-spacing-64: 4rem;
  --gr-spacing-72: 4.5rem;
  --gr-spacing-80: 5rem;
  --gr-spacing-88: 5.5rem;
  --gr-spacing-96: 6rem;
  --gr-spacing-112: 7rem;
  --gr-spacing-120: 7.5rem;
  --gr-spacing-128: 8rem;
  /* Layout Spacing */
  --gr-spacing-layout-xs: 0.5rem;
  --gr-spacing-layout-2xs: 0.75rem;
  --gr-spacing-layout-s: 1rem;
  --gr-spacing-layout-m: 1.5rem;
  --gr-spacing-layout-l: 2rem;
  --gr-spacing-layout-2l: 2.5rem;
  --gr-spacing-layout-xl: 3rem;
  --gr-spacing-layout-2xl: 4rem;
  --gr-spacing-layout-3xl: 4.5rem;
  --gr-spacing-layout-4xl: 5rem;
  --gr-spacing-layout-5xl: 6rem;
  --gr-spacing-layout-6xl: 7rem;
  --gr-spacing-layout-7xl: 7.5rem;
  /* Border Radius */
  --gr-radius-s: 0.5rem;
  --gr-radius-m: 1rem;
  --gr-radius-l: 1.5rem;
  --gr-radius-round: 62.4375rem;
}

/****************/
/**** FONTS ****/
/**************/
/*****************/
/**** COLORS ****/
/****************/
/**********************/
/**** BREAKPOINTS ****/
/********************/
/*******************/
/**** G R I D *****/
/*****************/
.icon-rp-sol-1::before {
  content: "\e985";
  color: var(--gr-color-yellow-40);
}

.icon-rp-sol-2::before {
  content: "\e986";
  color: var(--gr-color-yellow-40);
}

.icon-rp-sol-3::before {
  content: "\e987";
  color: var(--gr-color-yellow-40);
}

.icon-rp-sol-sostenible::before {
  content: "\e989";
  color: #00A074;
}

.icon-rp-Heart::before {
  content: "\e94f" !important;
}

.icon-rp-Heart_solid::before {
  content: "\e950" !important;
}

.icon-rp-recomendado::before {
  content: "\e97a";
  color: var(--gr-blue-guia);
}

.icon-rp-Recomendados::before {
  content: "\e97a";
  color: var(--gr-blue-guia);
}

.icon-rp-Advice-idea::before {
  content: "\e901";
}

/*** MICROILLUSTRATIONS ***/
/*** INSIGNIAS ***/
/*** EMOJIS ***/
/*** ICONS ***/
/*** RADIO ***/
/*** CHECKBOX ***/
/*** INPUT ***/
/*** CHIP ***/
.rp-template-reportage {
  background-color: #ffffff;
}
.rp-template-reportage .template-reportage__main .paragraph.section {
  padding: 0;
}
@media (min-width: 64rem) {
  .rp-template-reportage .col-right {
    padding-left: 36px;
  }
}

@media (min-width: 64rem) {
  .parsys-two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 48px;
  }
}

body:not(.page-ficha) .rp-template-reportage [class*=-component] {
  margin-bottom: 16px;
}
body:not(.page-ficha) .rp-template-reportage [class*=-component] [class*=-component] {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  body:not(.page-ficha) .rp-template-reportage [class*=-component] [class*=-component] {
    margin-bottom: 0;
  }
}

/* Estilos de la template de reportaje en FICHAS */
@media (min-width: 64rem) {
  .page-detail .rp-template-reportage:not(.template--solete),
.page-ficha .rp-template-reportage:not(.template--solete) {
    background-color: #f8f8f8;
    position: relative;
  }
}
@media (min-width: 80rem) {
  .page-detail .rp-template-reportage:not(.template--solete) .col-left,
.page-ficha .rp-template-reportage:not(.template--solete) .col-left {
    padding-right: 28px;
  }
}
@media (min-width: 64rem) {
  .page-detail .rp-template-reportage:not(.template--solete) .content-col-left,
.page-ficha .rp-template-reportage:not(.template--solete) .content-col-left {
    position: relative;
    background-color: #ffffff;
    padding: 48px 48px 0 0;
    margin-bottom: 64px;
  }
  .page-detail .rp-template-reportage:not(.template--solete) .content-col-left:before,
.page-ficha .rp-template-reportage:not(.template--solete) .content-col-left:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: #ffffff;
  }
}
@media (min-width: 64rem) {
  .page-detail .rp-template-reportage.template--solete .content-col-left,
.page-ficha .rp-template-reportage.template--solete .content-col-left {
    padding-right: 32px;
  }
}
@media (min-width: 90rem) {
  .page-detail .rp-template-reportage.template--solete .content-col-left,
.page-ficha .rp-template-reportage.template--solete .content-col-left {
    padding-right: 56px;
  }
}
.page-detail .rp-template-reportage .content-col-left,
.page-ficha .rp-template-reportage .content-col-left {
  padding: 32px 0 48px;
}
.page-detail .rp-template-reportage .content-col-left [class*=-component]:not(.description-component, .card-component, .article-component, .schedule-component, .galleryModal-component, .maps-ficha-component),
.page-ficha .rp-template-reportage .content-col-left [class*=-component]:not(.description-component, .card-component, .article-component, .schedule-component, .galleryModal-component, .maps-ficha-component) {
  padding-bottom: 32px;
}
@media (min-width: 64rem) {
  .page-detail .rp-template-reportage .content-col-left [class*=-component]:not(.description-component, .card-component, .article-component, .schedule-component, .galleryModal-component, .maps-ficha-component),
.page-ficha .rp-template-reportage .content-col-left [class*=-component]:not(.description-component, .card-component, .article-component, .schedule-component, .galleryModal-component, .maps-ficha-component) {
    padding-bottom: 64px;
  }
}
@media (min-width: 64rem) {
  .page-detail .rp-template-reportage .col-right,
.page-ficha .rp-template-reportage .col-right {
    padding-inline: 8px;
  }
}
.page-detail .rp-template-reportage .col-right .content-col-right,
.page-ficha .rp-template-reportage .col-right .content-col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 64rem) {
  .page-detail .rp-template-reportage .col-right .content-col-right,
.page-ficha .rp-template-reportage .col-right .content-col-right {
    gap: 40px;
  }
}

/* Estilos de la template en reportajes*/
[class*=page-report-article] {
  background-color: #ffffff;
}
[class*=page-report-article] .rp-template-reportage.specialReportage--sol-1, [class*=page-report-article] .rp-template-reportage.specialReportage--sol-2 {
  background-color: transparent;
}
[class*=page-report-article] .rp-template-reportage.specialReportage--sol-1 > .container-n .col-right, [class*=page-report-article] .rp-template-reportage.specialReportage--sol-2 > .container-n .col-right {
  display: none;
}
[class*=page-report-article] .rp-template-reportage .galleryModal {
  padding: 0;
}
[class*=page-report-article] .gallery-modal.section {
  margin-top: 48px;
}
@media (min-width: 64rem) {
  [class*=page-report-article] .gallery-modal.section {
    margin-top: 56px;
  }
}
[class*=page-report-article] .related-article {
  margin-top: 12px;
}
@media (min-width: 64rem) {
  [class*=page-report-article] .related-article {
    margin-top: 24px;
  }
}

@media (min-width: 45rem) {
  [class*=page-report-article] .rp-template-reportage .container-n,
.page-promocion .rp-template-reportage .container-n {
    padding: 0 16px;
  }
}
@media (min-width: 721px) {
  [class*=page-report-article] .rp-template-reportage .container-n,
.page-promocion .rp-template-reportage .container-n {
    padding: 0 4px;
  }
}

@media (min-width: 64rem) {
  [class*=page-report-article] .paragraph-component:not(.interview),
[class*=page-report-article] .compilation-receta-component,
[class*=page-report-article] .compilation-component .title-article,
[class*=page-report-article] .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
[class*=page-report-article] .paragraph-interview.block-info,
[class*=page-report-article] .section__logos,
[class*=page-report-article] .gallery-modal.section,
[class*=page-report-article] .related-articles-component,
[class*=page-report-article] .related-tags,
[class*=page-report-article] .more-info-component,
[class*=page-report-article] .quote-component,
[class*=page-noticia] .paragraph-component:not(.interview),
[class*=page-noticia] .compilation-receta-component,
[class*=page-noticia] .compilation-component .title-article,
[class*=page-noticia] .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
[class*=page-noticia] .paragraph-interview.block-info,
[class*=page-noticia] .section__logos,
[class*=page-noticia] .gallery-modal.section,
[class*=page-noticia] .related-articles-component,
[class*=page-noticia] .related-tags,
[class*=page-noticia] .more-info-component,
[class*=page-noticia] .quote-component,
.page-ruta .paragraph-component:not(.interview),
.page-ruta .compilation-receta-component,
.page-ruta .compilation-component .title-article,
.page-ruta .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
.page-ruta .paragraph-interview.block-info,
.page-ruta .section__logos,
.page-ruta .gallery-modal.section,
.page-ruta .related-articles-component,
.page-ruta .related-tags,
.page-ruta .more-info-component,
.page-ruta .quote-component,
.page-promocion .paragraph-component:not(.interview),
.page-promocion .compilation-receta-component,
.page-promocion .compilation-component .title-article,
.page-promocion .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
.page-promocion .paragraph-interview.block-info,
.page-promocion .section__logos,
.page-promocion .gallery-modal.section,
.page-promocion .related-articles-component,
.page-promocion .related-tags,
.page-promocion .more-info-component,
.page-promocion .quote-component {
    width: calc(100% - 156px);
    margin-left: 78px;
  }
}
@media (min-width: 90rem) {
  [class*=page-report-article] .paragraph-component:not(.interview),
[class*=page-report-article] .compilation-receta-component,
[class*=page-report-article] .compilation-component .title-article,
[class*=page-report-article] .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
[class*=page-report-article] .paragraph-interview.block-info,
[class*=page-report-article] .section__logos,
[class*=page-report-article] .gallery-modal.section,
[class*=page-report-article] .related-articles-component,
[class*=page-report-article] .related-tags,
[class*=page-report-article] .more-info-component,
[class*=page-report-article] .quote-component,
[class*=page-noticia] .paragraph-component:not(.interview),
[class*=page-noticia] .compilation-receta-component,
[class*=page-noticia] .compilation-component .title-article,
[class*=page-noticia] .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
[class*=page-noticia] .paragraph-interview.block-info,
[class*=page-noticia] .section__logos,
[class*=page-noticia] .gallery-modal.section,
[class*=page-noticia] .related-articles-component,
[class*=page-noticia] .related-tags,
[class*=page-noticia] .more-info-component,
[class*=page-noticia] .quote-component,
.page-ruta .paragraph-component:not(.interview),
.page-ruta .compilation-receta-component,
.page-ruta .compilation-component .title-article,
.page-ruta .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
.page-ruta .paragraph-interview.block-info,
.page-ruta .section__logos,
.page-ruta .gallery-modal.section,
.page-ruta .related-articles-component,
.page-ruta .related-tags,
.page-ruta .more-info-component,
.page-ruta .quote-component,
.page-promocion .paragraph-component:not(.interview),
.page-promocion .compilation-receta-component,
.page-promocion .compilation-component .title-article,
.page-promocion .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
.page-promocion .paragraph-interview.block-info,
.page-promocion .section__logos,
.page-promocion .gallery-modal.section,
.page-promocion .related-articles-component,
.page-promocion .related-tags,
.page-promocion .more-info-component,
.page-promocion .quote-component {
    width: calc(100% - 204px);
    margin-left: 104px;
  }
}
@media (min-width: 120rem) {
  [class*=page-report-article] .paragraph-component:not(.interview),
[class*=page-report-article] .compilation-receta-component,
[class*=page-report-article] .compilation-component .title-article,
[class*=page-report-article] .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
[class*=page-report-article] .paragraph-interview.block-info,
[class*=page-report-article] .section__logos,
[class*=page-report-article] .gallery-modal.section,
[class*=page-report-article] .related-articles-component,
[class*=page-report-article] .related-tags,
[class*=page-report-article] .more-info-component,
[class*=page-report-article] .quote-component,
[class*=page-noticia] .paragraph-component:not(.interview),
[class*=page-noticia] .compilation-receta-component,
[class*=page-noticia] .compilation-component .title-article,
[class*=page-noticia] .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
[class*=page-noticia] .paragraph-interview.block-info,
[class*=page-noticia] .section__logos,
[class*=page-noticia] .gallery-modal.section,
[class*=page-noticia] .related-articles-component,
[class*=page-noticia] .related-tags,
[class*=page-noticia] .more-info-component,
[class*=page-noticia] .quote-component,
.page-ruta .paragraph-component:not(.interview),
.page-ruta .compilation-receta-component,
.page-ruta .compilation-component .title-article,
.page-ruta .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
.page-ruta .paragraph-interview.block-info,
.page-ruta .section__logos,
.page-ruta .gallery-modal.section,
.page-ruta .related-articles-component,
.page-ruta .related-tags,
.page-ruta .more-info-component,
.page-ruta .quote-component,
.page-promocion .paragraph-component:not(.interview),
.page-promocion .compilation-receta-component,
.page-promocion .compilation-component .title-article,
.page-promocion .compilation-component .block-compilation-info:not(.block-compilation-info--flex_row),
.page-promocion .paragraph-interview.block-info,
.page-promocion .section__logos,
.page-promocion .gallery-modal.section,
.page-promocion .related-articles-component,
.page-promocion .related-tags,
.page-promocion .more-info-component,
.page-promocion .quote-component {
    width: calc(100% - 254px);
    margin-left: 128px;
  }
}
[class*=page-report-article] .guia-video-component > .container,
[class*=page-noticia] .guia-video-component > .container,
.page-ruta .guia-video-component > .container,
.page-promocion .guia-video-component > .container {
  padding-left: 0;
  padding-right: 0;
}
[class*=page-report-article] .guia-video-component,
[class*=page-noticia] .guia-video-component,
.page-ruta .guia-video-component,
.page-promocion .guia-video-component {
  margin-top: 16px;
}
@media (min-width: 64rem) {
  [class*=page-report-article] .feedback-component .feedback__container,
[class*=page-noticia] .feedback-component .feedback__container,
.page-ruta .feedback-component .feedback__container,
.page-promocion .feedback-component .feedback__container {
    padding: 40px 48px;
  }
}

@media (min-width: 64rem) {
  .page-ruta .content-col-left {
    padding-left: 4px;
  }
}

[class*=page-report-article] .paragraph + .image,
[class*=page-report-article] .related-article + .image,
[class*=page-report-article] .paragraph + .image-multi,
[class*=page-report-article] .related-article + .image-multi,
[class*=page-report-article] .paragraph + .image-steps,
[class*=page-report-article] .related-article + .image-steps,
[class*=page-report-article] .paragraph + .steps.section,
[class*=page-report-article] .related-article + .steps.section,
[class*=page-report-article] .paragraph + .guia-video,
[class*=page-report-article] .related-article + .guia-video,
[class*=page-report-article] .paragraph + .compilation,
[class*=page-report-article] .related-article + .compilation,
[class*=page-noticia] .paragraph + .image,
[class*=page-noticia] .related-article + .image,
[class*=page-noticia] .paragraph + .image-multi,
[class*=page-noticia] .related-article + .image-multi,
[class*=page-noticia] .paragraph + .image-steps,
[class*=page-noticia] .related-article + .image-steps,
[class*=page-noticia] .paragraph + .steps.section,
[class*=page-noticia] .related-article + .steps.section,
[class*=page-noticia] .paragraph + .guia-video,
[class*=page-noticia] .related-article + .guia-video,
[class*=page-noticia] .paragraph + .compilation,
[class*=page-noticia] .related-article + .compilation,
.page-receta .paragraph + .image,
.page-receta .related-article + .image,
.page-receta .paragraph + .image-multi,
.page-receta .related-article + .image-multi,
.page-receta .paragraph + .image-steps,
.page-receta .related-article + .image-steps,
.page-receta .paragraph + .steps.section,
.page-receta .related-article + .steps.section,
.page-receta .paragraph + .guia-video,
.page-receta .related-article + .guia-video,
.page-receta .paragraph + .compilation,
.page-receta .related-article + .compilation,
.page-promocion .paragraph + .image,
.page-promocion .related-article + .image,
.page-promocion .paragraph + .image-multi,
.page-promocion .related-article + .image-multi,
.page-promocion .paragraph + .image-steps,
.page-promocion .related-article + .image-steps,
.page-promocion .paragraph + .steps.section,
.page-promocion .related-article + .steps.section,
.page-promocion .paragraph + .guia-video,
.page-promocion .related-article + .guia-video,
.page-promocion .paragraph + .compilation,
.page-promocion .related-article + .compilation {
  margin-top: 32px;
}
@media (min-width: 90rem) {
  [class*=page-report-article] .paragraph + .image,
[class*=page-report-article] .related-article + .image,
[class*=page-report-article] .paragraph + .image-multi,
[class*=page-report-article] .related-article + .image-multi,
[class*=page-report-article] .paragraph + .image-steps,
[class*=page-report-article] .related-article + .image-steps,
[class*=page-report-article] .paragraph + .steps.section,
[class*=page-report-article] .related-article + .steps.section,
[class*=page-report-article] .paragraph + .guia-video,
[class*=page-report-article] .related-article + .guia-video,
[class*=page-report-article] .paragraph + .compilation,
[class*=page-report-article] .related-article + .compilation,
[class*=page-noticia] .paragraph + .image,
[class*=page-noticia] .related-article + .image,
[class*=page-noticia] .paragraph + .image-multi,
[class*=page-noticia] .related-article + .image-multi,
[class*=page-noticia] .paragraph + .image-steps,
[class*=page-noticia] .related-article + .image-steps,
[class*=page-noticia] .paragraph + .steps.section,
[class*=page-noticia] .related-article + .steps.section,
[class*=page-noticia] .paragraph + .guia-video,
[class*=page-noticia] .related-article + .guia-video,
[class*=page-noticia] .paragraph + .compilation,
[class*=page-noticia] .related-article + .compilation,
.page-receta .paragraph + .image,
.page-receta .related-article + .image,
.page-receta .paragraph + .image-multi,
.page-receta .related-article + .image-multi,
.page-receta .paragraph + .image-steps,
.page-receta .related-article + .image-steps,
.page-receta .paragraph + .steps.section,
.page-receta .related-article + .steps.section,
.page-receta .paragraph + .guia-video,
.page-receta .related-article + .guia-video,
.page-receta .paragraph + .compilation,
.page-receta .related-article + .compilation,
.page-promocion .paragraph + .image,
.page-promocion .related-article + .image,
.page-promocion .paragraph + .image-multi,
.page-promocion .related-article + .image-multi,
.page-promocion .paragraph + .image-steps,
.page-promocion .related-article + .image-steps,
.page-promocion .paragraph + .steps.section,
.page-promocion .related-article + .steps.section,
.page-promocion .paragraph + .guia-video,
.page-promocion .related-article + .guia-video,
.page-promocion .paragraph + .compilation,
.page-promocion .related-article + .compilation {
    margin-top: 40px;
  }
}

@media (min-width: 64rem) {
  .page-receta .feedback-component .feedback__container {
    padding: 40px 48px;
  }
}
@media (min-width: 64rem) {
  .page-receta .recetas-margin {
    margin-left: 79px;
  }
}
.page-receta .recetas-padding {
  padding-left: 0;
  padding-top: 84px;
}
@media (max-width: 64rem) {
  .page-receta .recetas-padding {
    padding-top: 32px;
  }
}

.page-ficha:has(.LUGARES.MONUMENTO, .localidad) .parsys-two-columns [class*=-component] > .container {
  margin-bottom: 0;
}
.page-ficha:has(.LUGARES.MONUMENTO, .localidad) .parsys-two-columns .content-col-left .description .description-component {
  padding-block: 64px 24px;
}
@media (max-width: 768px) {
  .page-ficha:has(.LUGARES.MONUMENTO, .localidad) .parsys-two-columns .content-col-left .description .description-component {
    padding-block: 24px 0;
  }
}
.page-ficha:has(.LUGARES.MONUMENTO, .localidad) .parsys-two-columns .content-col-left .list-basic .list-basic-component .basic__list__item__text .title {
  color: #464646;
}
@media screen and (width < 30rem) {
  .page-ficha:has(.LUGARES.MONUMENTO, .localidad) .parsys-two-columns .content-col-left .list-basic .list-basic-component {
    padding-bottom: 32px;
  }
}
.page-ficha:has(.LUGARES.MONUMENTO, .localidad) .parsys-two-columns .group-card-reduced .block-gene-card.container {
  padding-inline: 0;
}
.page-ficha:has(.LUGARES.MONUMENTO, .localidad) .parsys-two-columns .group-card-reduced .block-gene-card.container .row.block-gene-card-select {
  padding-inline: 0;
}
@media screen and (width < 30rem) {
  .page-ficha:has(.LUGARES.MONUMENTO, .localidad) .parsys .hero__ficha__content .hero__ficha__main .description.rp-subheadline {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .page-ficha:has(.LUGARES.MONUMENTO) .parsys-two-columns .content-col-left {
    padding-right: 0;
  }
}
.page-ficha:has(.LUGARES.MONUMENTO) .parsys-two-columns .group-card-reduced.section .card-component {
  padding-block: 40px;
}
@media screen and (width < 30rem) {
  .page-ficha:has(.LUGARES.MONUMENTO) .parsys-two-columns .group-card-reduced.section .card-component {
    padding-block: 32px;
  }
}
.page-ficha:has(.LUGARES.MONUMENTO) .parsys .group-card.section .block-info-card {
  margin-bottom: 14px;
}
@media (min-width: 64rem) {
  .page-ficha .rp-template-reportage:not(.template--solete) {
    background-color: #f8f8f8;
    position: relative;
  }
}
@media (min-width: 80rem) {
  .page-ficha .rp-template-reportage:not(.template--solete) .col-left {
    padding-right: 28px;
  }
}
@media (min-width: 64rem) {
  .page-ficha .rp-template-reportage:not(.template--solete) .content-col-left {
    position: relative;
    background-color: #ffffff;
    padding: 48px 48px 0 0;
    margin-bottom: 64px;
  }
  .page-ficha .rp-template-reportage:not(.template--solete) .content-col-left:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 50%;
    height: 100%;
    background: #ffffff;
  }
}

.rp-guia-container {
  overflow-x: clip;
}

.container-n {
  margin-inline: 1rem;
  padding-inline: 0;
  width: auto;
}
@media (min-width: 45rem) {
  .container-n {
    max-width: calc(100% - 5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 64rem) {
  .container-n {
    min-width: 0;
    max-width: calc(100% - 5.5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 80rem) {
  .container-n {
    max-width: min(100%, 72rem);
  }
}
@media (min-width: 90rem) {
  .container-n {
    max-width: min(100%, 78rem);
  }
}
@media (min-width: 120rem) {
  .container-n {
    max-width: min(100%, 94rem);
  }
}

.container-n-sm,
.container-n-md,
.container-n-lg,
.container-n-xl,
.container-n-xxl {
  margin-right: 1rem;
  margin-left: 1rem;
  padding-right: 0;
  padding-left: 0;
  width: auto;
}

@media (min-width: 45rem) {
  .container-n,
.container-n-sm {
    margin-right: auto;
    margin-left: auto;
    max-width: calc(100% - 5rem);
  }
}
@media (min-width: 64rem) {
  .container-n,
.container-n-sm,
.container-n-md {
    margin-right: auto;
    margin-left: auto;
    max-width: calc(100% - 5.5rem);
  }

  .container-n-lg,
.container-n-xl {
    margin-right: 2.75rem;
    margin-left: 2.75rem;
  }
}
@media (min-width: 80rem) {
  .container-n,
.container-n-sm,
.container-n-md,
.container-n-lg {
    margin-right: auto;
    margin-left: auto;
    max-width: 72rem;
  }

  .container-n-xl {
    margin-right: 4rem;
    margin-left: 4rem;
  }
}
@media (min-width: 90rem) {
  .container-n,
.container-n-sm,
.container-n-md,
.container-n-lg,
.container-n-xl {
    margin-right: auto;
    margin-left: auto;
    max-width: 78rem;
  }
}
@media (min-width: 120rem) {
  .container-n,
.container-n-sm,
.container-n-md,
.container-n-lg,
.container-n-xl,
.container-n-xxl {
    margin-right: auto;
    margin-left: auto;
    max-width: 94rem;
  }
}
.row-n {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

@media (min-width: 64rem) {
  .row-n {
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media (min-width: 80rem) {
  .row-n {
    margin-right: -16px;
    margin-left: -16px;
  }
}
.no-gutters-n {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters-n > .col-n,
.no-gutters-n > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-n-1,
.col-n-2,
.col-n-3,
.col-n-4,
.col-n-5,
.col-n-6,
.col-n-7,
.col-n-8,
.col-n-9,
.col-n-10,
.col-n-11,
.col-n-12,
.col-n,
.col-n-auto,
.col-n-sm-1,
.col-n-sm-2,
.col-n-sm-3,
.col-n-sm-4,
.col-n-sm-5,
.col-n-sm-6,
.col-n-sm-7,
.col-n-sm-8,
.col-n-sm-9,
.col-n-sm-10,
.col-n-sm-11,
.col-n-sm-12,
.col-n-sm,
.col-n-sm-auto,
.col-n-md-1,
.col-n-md-2,
.col-n-md-3,
.col-n-md-4,
.col-n-md-5,
.col-n-md-6,
.col-n-md-7,
.col-n-md-8,
.col-n-md-9,
.col-n-md-10,
.col-n-md-11,
.col-n-md-12,
.col-n-md,
.col-n-md-auto,
.col-n-lg-1,
.col-n-lg-2,
.col-n-lg-3,
.col-n-lg-4,
.col-n-lg-5,
.col-n-lg-6,
.col-n-lg-7,
.col-n-lg-8,
.col-n-lg-9,
.col-n-lg-10,
.col-n-lg-11,
.col-n-lg-12,
.col-n-lg,
.col-n-lg-auto,
.col-n-xl-1,
.col-n-xl-2,
.col-n-xl-3,
.col-n-xl-4,
.col-n-xl-5,
.col-n-xl-6,
.col-n-xl-7,
.col-n-xl-8,
.col-n-xl-9,
.col-n-xl-10,
.col-n-xl-11,
.col-n-xl-12,
.col-n-xl,
.col-n-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

@media (min-width: 64rem) {
  .col-n-1,
.col-n-2,
.col-n-3,
.col-n-4,
.col-n-5,
.col-n-6,
.col-n-7,
.col-n-8,
.col-n-9,
.col-n-10,
.col-n-11,
.col-n-12,
.col-n,
.col-n-auto,
.col-n-sm-1,
.col-n-sm-2,
.col-n-sm-3,
.col-n-sm-4,
.col-n-sm-5,
.col-n-sm-6,
.col-n-sm-7,
.col-n-sm-8,
.col-n-sm-9,
.col-n-sm-10,
.col-n-sm-11,
.col-n-sm-12,
.col-n-sm,
.col-n-sm-auto,
.col-n-md-1,
.col-n-md-2,
.col-n-md-3,
.col-n-md-4,
.col-n-md-5,
.col-n-md-6,
.col-n-md-7,
.col-n-md-8,
.col-n-md-9,
.col-n-md-10,
.col-n-md-11,
.col-n-md-12,
.col-n-md,
.col-n-md-auto,
.col-n-lg-1,
.col-n-lg-2,
.col-n-lg-3,
.col-n-lg-4,
.col-n-lg-5,
.col-n-lg-6,
.col-n-lg-7,
.col-n-lg-8,
.col-n-lg-9,
.col-n-lg-10,
.col-n-lg-11,
.col-n-lg-12,
.col-n-lg,
.col-n-lg-auto,
.col-n-xl-1,
.col-n-xl-2,
.col-n-xl-3,
.col-n-xl-4,
.col-n-xl-5,
.col-n-xl-6,
.col-n-xl-7,
.col-n-xl-8,
.col-n-xl-9,
.col-n-xl-10,
.col-n-xl-11,
.col-n-xl-12,
.col-n-xl,
.col-n-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}
@media (min-width: 80rem) {
  .col-n-1,
.col-n-2,
.col-n-3,
.col-n-4,
.col-n-5,
.col-n-6,
.col-n-7,
.col-n-8,
.col-n-9,
.col-n-10,
.col-n-11,
.col-n-12,
.col-n,
.col-n-auto,
.col-n-sm-1,
.col-n-sm-2,
.col-n-sm-3,
.col-n-sm-4,
.col-n-sm-5,
.col-n-sm-6,
.col-n-sm-7,
.col-n-sm-8,
.col-n-sm-9,
.col-n-sm-10,
.col-n-sm-11,
.col-n-sm-12,
.col-n-sm,
.col-n-sm-auto,
.col-n-md-1,
.col-n-md-2,
.col-n-md-3,
.col-n-md-4,
.col-n-md-5,
.col-n-md-6,
.col-n-md-7,
.col-n-md-8,
.col-n-md-9,
.col-n-md-10,
.col-n-md-11,
.col-n-md-12,
.col-n-md,
.col-n-md-auto,
.col-n-lg-1,
.col-n-lg-2,
.col-n-lg-3,
.col-n-lg-4,
.col-n-lg-5,
.col-n-lg-6,
.col-n-lg-7,
.col-n-lg-8,
.col-n-lg-9,
.col-n-lg-10,
.col-n-lg-11,
.col-n-lg-12,
.col-n-lg,
.col-n-lg-auto,
.col-n-xl-1,
.col-n-xl-2,
.col-n-xl-3,
.col-n-xl-4,
.col-n-xl-5,
.col-n-xl-6,
.col-n-xl-7,
.col-n-xl-8,
.col-n-xl-9,
.col-n-xl-10,
.col-n-xl-11,
.col-n-xl-12,
.col-n-xl,
.col-n-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media (min-width: 90rem) {
  .col-n-1,
.col-n-2,
.col-n-3,
.col-n-4,
.col-n-5,
.col-n-6,
.col-n-7,
.col-n-8,
.col-n-9,
.col-n-10,
.col-n-11,
.col-n-12,
.col-n,
.col-n-auto,
.col-n-sm-1,
.col-n-sm-2,
.col-n-sm-3,
.col-n-sm-4,
.col-n-sm-5,
.col-n-sm-6,
.col-n-sm-7,
.col-n-sm-8,
.col-n-sm-9,
.col-n-sm-10,
.col-n-sm-11,
.col-n-sm-12,
.col-n-sm,
.col-n-sm-auto,
.col-n-md-1,
.col-n-md-2,
.col-n-md-3,
.col-n-md-4,
.col-n-md-5,
.col-n-md-6,
.col-n-md-7,
.col-n-md-8,
.col-n-md-9,
.col-n-md-10,
.col-n-md-11,
.col-n-md-12,
.col-n-md,
.col-n-md-auto,
.col-n-lg-1,
.col-n-lg-2,
.col-n-lg-3,
.col-n-lg-4,
.col-n-lg-5,
.col-n-lg-6,
.col-n-lg-7,
.col-n-lg-8,
.col-n-lg-9,
.col-n-lg-10,
.col-n-lg-11,
.col-n-lg-12,
.col-n-lg,
.col-n-lg-auto,
.col-n-xl-1,
.col-n-xl-2,
.col-n-xl-3,
.col-n-xl-4,
.col-n-xl-5,
.col-n-xl-6,
.col-n-xl-7,
.col-n-xl-8,
.col-n-xl-9,
.col-n-xl-10,
.col-n-xl-11,
.col-n-xl-12,
.col-n-xl,
.col-n-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.container-mobile, .stories-component .slides__container .slide__main .slide__content, .container-4-columns, .container-6-columns, .container-mediumq-8-columns, .container-bigq-8-columns {
  margin-inline: 1rem;
}

.container-mobile-full {
  margin-inline: 0;
}
@media (min-width: 45rem) {
  .container-mobile-full {
    margin-inline: auto;
  }
}

@media (min-width: 45rem) {
  .container-tablet, .container-4-columns, .container-6-columns, .container-mediumq-8-columns, .container-bigq-8-columns {
    max-width: calc(100% - 5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}

.container-fluid-12-columns, .container-bigq-10-columns {
  margin-inline: 1rem;
  padding-inline: 0;
}
@media (min-width: 45rem) {
  .container-fluid-12-columns, .container-bigq-10-columns {
    max-width: calc(100% - 5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 64rem) {
  .container-fluid-12-columns, .container-bigq-10-columns {
    min-width: 0;
    max-width: calc(100% - 5.5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 80rem) {
  .container-fluid-12-columns, .container-bigq-10-columns {
    max-width: min(100%, 72rem);
  }
}
@media (min-width: 90rem) {
  .container-fluid-12-columns, .container-bigq-10-columns {
    max-width: min(100%, 78rem);
  }
}
@media (min-width: 120rem) {
  .container-fluid-12-columns, .container-bigq-10-columns {
    max-width: min(100%, 94rem);
  }
}

@media (min-width: 64rem) {
  .container-fluid-12-columns-m {
    min-width: 0;
    max-width: calc(100% - 5.5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 80rem) {
  .container-fluid-12-columns-m {
    max-width: min(100%, 72rem);
  }
}
@media (min-width: 90rem) {
  .container-fluid-12-columns-m {
    max-width: min(100%, 78rem);
  }
}
@media (min-width: 120rem) {
  .container-fluid-12-columns-m {
    max-width: min(100%, 94rem);
  }
}

@media (min-width: 120rem) {
  .container-bigq-10-columns {
    max-width: 1266px;
  }
}

@media (min-width: 64rem) {
  .container-bigq-8-columns {
    max-width: 778px;
    padding-inline: 8px;
  }
}
@media (min-width: 90rem) {
  .container-bigq-8-columns {
    max-width: 830px;
  }
}
@media (min-width: 120rem) {
  .container-bigq-8-columns {
    max-width: 1000px;
  }
}

@media (min-width: 45rem) {
  .container-mediumq-8-columns {
    max-width: 552px;
    padding-inline: 8px;
  }
}
@media (min-width: 721px) {
  .container-mediumq-8-columns {
    max-width: 570px;
  }
}
@media (min-width: 64rem) {
  .container-mediumq-8-columns {
    max-width: 622px;
  }
}
@media (min-width: 90rem) {
  .container-mediumq-8-columns {
    max-width: 830px;
  }
}
@media (min-width: 120rem) {
  .container-mediumq-8-columns {
    max-width: 1000px;
  }
}

.container-12-columns {
  margin-inline: 1rem;
  padding-inline: 0;
}
@media (min-width: 45rem) {
  .container-12-columns {
    max-width: calc(100% - 5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 64rem) {
  .container-12-columns {
    min-width: 0;
    max-width: calc(100% - 5.5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 80rem) {
  .container-12-columns {
    max-width: min(100%, 72rem);
  }
}
@media (min-width: 90rem) {
  .container-12-columns {
    max-width: min(100%, 78rem);
  }
}
@media (min-width: 120rem) {
  .container-12-columns {
    max-width: min(100%, 94rem);
  }
}

@media (min-width: 45rem) {
  .container-6-columns {
    max-width: 424px;
  }
}
@media (min-width: 721px) {
  .container-6-columns {
    max-width: 442px;
  }
}
@media (min-width: 64rem) {
  .container-6-columns {
    max-width: 450px;
  }
}
@media (min-width: 90rem) {
  .container-6-columns {
    max-width: 622px;
  }
}
@media (min-width: 120rem) {
  .container-6-columns {
    max-width: 750px;
  }
}

@media (min-width: 64rem) {
  .container-4-columns {
    max-width: 296px;
    padding-inline: 0;
  }
}
@media (min-width: 90rem) {
  .container-4-columns {
    max-width: 400px;
  }
}
@media (min-width: 120rem) {
  .container-4-columns {
    max-width: 486px;
  }
}

@font-face {
  font-family: "Repsol-Regular";
  src: url("clientlib-components/resources/fonts/Repsol/Repsol-Regular.woff2") format("woff2"), url("clientlib-components/resources/fonts/Repsol/Repsol-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Repsol-SemiBold";
  src: url("clientlib-components/resources/fonts/Repsol/Repsol-SemiBold.woff2") format("woff2"), url("clientlib-components/resources/fonts/Repsol/Repsol-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Black";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-Black.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-Black.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-BlackItalic";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-BlackItalic.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-BoldItalic";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-BoldItalic.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Italic";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-Italic.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-Italic.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-Light.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-MediumItalic";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-MediumItalic.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-Thin.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-ThinItalic";
  src: url("clientlib-components/resources/fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"), url("clientlib-components/resources/fonts/Roboto/Roboto-ThinItalic.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolDisplay";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-Light.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-Light.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolDisplay";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-Regular.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolDisplay";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-Medium.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolDisplay";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-Bold.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolDisplay";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-ExtraBold.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolDisplay-ExtraBold.woff") format("woff");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolText";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-Light.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-Light.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolText";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-LightItalic.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-LightItalic.woff") format("woff");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolText";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-Regular.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolText";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-Italic.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolText";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-SemiBold.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolText";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-SemiBoldItalic.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-SemiBoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolText";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-Bold.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "SoleRepsolText";
  src: url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-BoldItalic.woff2") format("woff2"), url("clientlib-components/resources/fonts/SoleRepsol/SoleRepsolText-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
.gr-headline-01 {
  font-family: var(--gr-font-display);
  font-size: var(--gr-size-48);
  line-height: var(--gr-size-60);
  font-weight: 400;
  font-style: normal;
}
@media screen and (width <= 45rem) {
  .gr-headline-01 {
    font-family: var(--gr-font-display);
    font-size: var(--gr-size-40);
    line-height: var(--gr-size-48);
    font-weight: 400;
    font-style: normal;
  }
}

.gr-headline-02 {
  font-family: var(--gr-font-display);
  font-size: var(--gr-size-36);
  line-height: var(--gr-size-48);
  font-weight: 400;
  font-style: normal;
}
@media screen and (width <= 45rem) {
  .gr-headline-02 {
    font-family: var(--gr-font-display);
    font-size: var(--gr-size-28);
    line-height: var(--gr-size-32);
    font-weight: 400;
    font-style: normal;
  }
}

.gr-headline-03 {
  font-family: var(--gr-font-display);
  font-size: var(--gr-size-28);
  line-height: var(--gr-size-40);
  font-weight: 400;
  font-style: normal;
}
@media screen and (width <= 45rem) {
  .gr-headline-03 {
    font-family: var(--gr-font-display);
    font-size: var(--gr-size-22);
    line-height: var(--gr-size-32);
    font-weight: 400;
    font-style: normal;
  }
}

.gr-headline-04 {
  font-family: var(--gr-font-display);
  font-size: var(--gr-size-20);
  line-height: var(--gr-size-32);
  font-weight: 400;
  font-style: normal;
}
@media screen and (width <= 45rem) {
  .gr-headline-04 {
    font-family: var(--gr-font-display);
    font-size: var(--gr-size-18);
    line-height: var(--gr-size-30);
    font-weight: 400;
    font-style: normal;
  }
}

.gr-headline-primary {
  font-family: var(--gr-font-display);
  font-size: var(--gr-size-32);
  line-height: var(--gr-size-46);
  font-weight: 400;
  font-style: normal;
}
@media screen and (width <= 45rem) {
  .gr-headline-primary {
    font-family: var(--gr-font-display);
    font-size: var(--gr-size-22);
    line-height: var(--gr-size-34);
    font-weight: 400;
    font-style: normal;
  }
}

.gr-headline-secondary {
  font-family: var(--gr-font-display);
  font-size: var(--gr-size-26);
  line-height: var(--gr-size-40);
  font-weight: 400;
  font-style: normal;
}
@media screen and (width <= 45rem) {
  .gr-headline-secondary {
    font-family: var(--gr-font-display);
    font-size: var(--gr-size-22);
    line-height: var(--gr-size-32);
    font-weight: 400;
    font-style: normal;
  }
}

.gr-body-highlighted-1 {
  font-family: var(--gr-font-text);
  font-size: var(--gr-size-26);
  line-height: var(--gr-size-40);
  font-weight: 400;
  font-style: normal;
}
@media screen and (width <= 45rem) {
  .gr-body-highlighted-1 {
    font-family: var(--gr-font-text);
    font-size: var(--gr-size-22);
    line-height: var(--gr-size-32);
    font-weight: 400;
    font-style: normal;
  }
}

.gr-body-highlighted-2 {
  font-family: var(--gr-font-text);
  font-size: var(--gr-size-20);
  line-height: var(--gr-size-40);
  font-weight: 400;
  font-style: normal;
}
@media screen and (width <= 45rem) {
  .gr-body-highlighted-2 {
    font-family: var(--gr-font-text);
    font-size: var(--gr-size-18);
    line-height: var(--gr-size-32);
    font-weight: 400;
    font-style: normal;
  }
}

.gr-body-18 {
  font-family: var(--gr-font-text);
  font-size: var(--gr-size-18);
  line-height: var(--gr-size-32);
  font-weight: 400;
  font-style: normal;
}
@media screen and (width <= 45rem) {
  .gr-body-18 {
    font-family: var(--gr-font-text);
    font-size: var(--gr-size-18);
    line-height: var(--gr-size-32);
    font-weight: 400;
    font-style: normal;
  }
}

.gr-button__yellow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-16);
  --icon-size: var(--gr-size-20);
  --line-height: var(--gr-size-24);
  padding: 0.75rem 1.5rem;
  --background-color: var(--gr-color-yellow-40);
  --content-color: var(--gr-blue-guia);
  --pseudo-element-color: var(--gr-color-accent-50);
  --active-bg-color: var(--gr-color-accent-10);
  --disabled-bg-color: var(--gr-color-accent-50);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
@media screen and (width < 30rem) {
  .gr-button__yellow {
    padding: 0.75rem 1rem;
  }
}
.gr-button__yellow > * {
  pointer-events: none;
}
.gr-button__yellow .button__text,
.gr-button__yellow .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__yellow .button__icon,
.gr-button__yellow [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__yellow .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__yellow::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__yellow:focus {
  outline: none;
}
.gr-button__yellow:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__yellow:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__yellow:active {
  background-color: var(--active-bg-color);
}
.gr-button__yellow:disabled, .disabled.gr-button__yellow {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__yellow {
  pointer-events: none;
}
.is-loading.gr-button__yellow .button__icon,
.is-loading.gr-button__yellow [class^=icon-] {
  display: none;
}
.is-loading.gr-button__yellow .icon__spinner {
  display: inline-block;
}

.gr-button__yellow--small {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-14);
  --icon-size: var(--gr-size-16);
  --line-height: var(--gr-size-20);
  padding: 0.375rem 0.75rem;
  --background-color: var(--gr-color-yellow-40);
  --content-color: var(--gr-blue-guia);
  --pseudo-element-color: var(--gr-color-accent-50);
  --active-bg-color: var(--gr-color-accent-10);
  --disabled-bg-color: var(--gr-color-accent-50);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
.gr-button__yellow--small > * {
  pointer-events: none;
}
.gr-button__yellow--small .button__text,
.gr-button__yellow--small .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__yellow--small .button__icon,
.gr-button__yellow--small [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__yellow--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__yellow--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__yellow--small:focus {
  outline: none;
}
.gr-button__yellow--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__yellow--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__yellow--small:active {
  background-color: var(--active-bg-color);
}
.gr-button__yellow--small:disabled, .disabled.gr-button__yellow--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__yellow--small {
  pointer-events: none;
}
.is-loading.gr-button__yellow--small .button__icon,
.is-loading.gr-button__yellow--small [class^=icon-] {
  display: none;
}
.is-loading.gr-button__yellow--small .icon__spinner {
  display: inline-block;
}

.gr-button__navy-primary {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-16);
  --icon-size: var(--gr-size-20);
  --line-height: var(--gr-size-24);
  padding: 0.75rem 1.5rem;
  --background-color: var(--gr-color-content--active);
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-content--hover);
  --active-bg-color: var(--gr-color-content--active);
  --disabled-bg-color: var(--gr-color-content--active);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
@media screen and (width < 30rem) {
  .gr-button__navy-primary {
    padding: 0.75rem 1rem;
  }
}
.gr-button__navy-primary > * {
  pointer-events: none;
}
.gr-button__navy-primary .button__text,
.gr-button__navy-primary .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__navy-primary .button__icon,
.gr-button__navy-primary [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__navy-primary .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__navy-primary::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__navy-primary:focus {
  outline: none;
}
.gr-button__navy-primary:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__navy-primary:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__navy-primary:active {
  background-color: var(--active-bg-color);
}
.gr-button__navy-primary:disabled, .disabled.gr-button__navy-primary {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__navy-primary {
  pointer-events: none;
}
.is-loading.gr-button__navy-primary .button__icon,
.is-loading.gr-button__navy-primary [class^=icon-] {
  display: none;
}
.is-loading.gr-button__navy-primary .icon__spinner {
  display: inline-block;
}

.gr-button__navy-primary--small {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-14);
  --icon-size: var(--gr-size-16);
  --line-height: var(--gr-size-20);
  padding: 0.375rem 0.75rem;
  --background-color: var(--gr-color-content--active);
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-content--hover);
  --active-bg-color: var(--gr-color-content--active);
  --disabled-bg-color: var(--gr-color-content--active);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
.gr-button__navy-primary--small > * {
  pointer-events: none;
}
.gr-button__navy-primary--small .button__text,
.gr-button__navy-primary--small .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__navy-primary--small .button__icon,
.gr-button__navy-primary--small [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__navy-primary--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__navy-primary--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__navy-primary--small:focus {
  outline: none;
}
.gr-button__navy-primary--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__navy-primary--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__navy-primary--small:active {
  background-color: var(--active-bg-color);
}
.gr-button__navy-primary--small:disabled, .disabled.gr-button__navy-primary--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__navy-primary--small {
  pointer-events: none;
}
.is-loading.gr-button__navy-primary--small .button__icon,
.is-loading.gr-button__navy-primary--small [class^=icon-] {
  display: none;
}
.is-loading.gr-button__navy-primary--small .icon__spinner {
  display: inline-block;
}

.gr-button__navy-primary__inverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-16);
  --icon-size: var(--gr-size-20);
  --line-height: var(--gr-size-24);
  padding: 0.75rem 1.5rem;
  --background-color: var(--gr-background-default);
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover--inverse);
  --active-bg-color: var(--gr-color-surface--active--inverse);
  --disabled-bg-color: var(--gr-background-default);
  --border-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
@media screen and (width < 30rem) {
  .gr-button__navy-primary__inverse {
    padding: 0.75rem 1rem;
  }
}
.gr-button__navy-primary__inverse > * {
  pointer-events: none;
}
.gr-button__navy-primary__inverse .button__text,
.gr-button__navy-primary__inverse .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__navy-primary__inverse .button__icon,
.gr-button__navy-primary__inverse [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__navy-primary__inverse .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__navy-primary__inverse::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__navy-primary__inverse:focus {
  outline: none;
}
.gr-button__navy-primary__inverse:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__navy-primary__inverse:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__navy-primary__inverse:active {
  background-color: var(--active-bg-color);
}
.gr-button__navy-primary__inverse:disabled, .disabled.gr-button__navy-primary__inverse {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__navy-primary__inverse {
  pointer-events: none;
}
.is-loading.gr-button__navy-primary__inverse .button__icon,
.is-loading.gr-button__navy-primary__inverse [class^=icon-] {
  display: none;
}
.is-loading.gr-button__navy-primary__inverse .icon__spinner {
  display: inline-block;
}

.gr-button__navy-primary__inverse--small {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-14);
  --icon-size: var(--gr-size-16);
  --line-height: var(--gr-size-20);
  padding: 0.375rem 0.75rem;
  --background-color: var(--gr-background-default);
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover--inverse);
  --active-bg-color: var(--gr-color-surface--active--inverse);
  --disabled-bg-color: var(--gr-background-default);
  --border-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
.gr-button__navy-primary__inverse--small > * {
  pointer-events: none;
}
.gr-button__navy-primary__inverse--small .button__text,
.gr-button__navy-primary__inverse--small .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__navy-primary__inverse--small .button__icon,
.gr-button__navy-primary__inverse--small [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__navy-primary__inverse--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__navy-primary__inverse--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__navy-primary__inverse--small:focus {
  outline: none;
}
.gr-button__navy-primary__inverse--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__navy-primary__inverse--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__navy-primary__inverse--small:active {
  background-color: var(--active-bg-color);
}
.gr-button__navy-primary__inverse--small:disabled, .disabled.gr-button__navy-primary__inverse--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__navy-primary__inverse--small {
  pointer-events: none;
}
.is-loading.gr-button__navy-primary__inverse--small .button__icon,
.is-loading.gr-button__navy-primary__inverse--small [class^=icon-] {
  display: none;
}
.is-loading.gr-button__navy-primary__inverse--small .icon__spinner {
  display: inline-block;
}

.gr-button__navy-secondary {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-16);
  --icon-size: var(--gr-size-20);
  --line-height: var(--gr-size-24);
  padding: 0.75rem 1.5rem;
  --background-color: transparent;
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover);
  --active-bg-color: var(--gr-color-surface--hover);
  --border-color: var(--gr-color-content--active);
  --disabled-bg-color: var(--gr-background-default);
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
@media screen and (width < 30rem) {
  .gr-button__navy-secondary {
    padding: 0.75rem 1rem;
  }
}
.gr-button__navy-secondary:hover {
  --content-color: var(--gr-color-content--hover);
  --border-color: var(--gr-color-content--hover);
}
.gr-button__navy-secondary > * {
  pointer-events: none;
}
.gr-button__navy-secondary .button__text,
.gr-button__navy-secondary .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__navy-secondary .button__icon,
.gr-button__navy-secondary [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__navy-secondary .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__navy-secondary::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__navy-secondary:focus {
  outline: none;
}
.gr-button__navy-secondary:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__navy-secondary:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__navy-secondary:active {
  background-color: var(--active-bg-color);
}
.gr-button__navy-secondary:disabled, .disabled.gr-button__navy-secondary {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__navy-secondary {
  pointer-events: none;
}
.is-loading.gr-button__navy-secondary .button__icon,
.is-loading.gr-button__navy-secondary [class^=icon-] {
  display: none;
}
.is-loading.gr-button__navy-secondary .icon__spinner {
  display: inline-block;
}

.gr-button__navy-secondary--small {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-14);
  --icon-size: var(--gr-size-16);
  --line-height: var(--gr-size-20);
  padding: 0.375rem 0.75rem;
  --background-color: transparent;
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover);
  --active-bg-color: var(--gr-color-surface--hover);
  --border-color: var(--gr-color-content--active);
  --disabled-bg-color: var(--gr-background-default);
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
.gr-button__navy-secondary--small:hover {
  --content-color: var(--gr-color-content--hover);
  --border-color: var(--gr-color-content--hover);
}
.gr-button__navy-secondary--small > * {
  pointer-events: none;
}
.gr-button__navy-secondary--small .button__text,
.gr-button__navy-secondary--small .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__navy-secondary--small .button__icon,
.gr-button__navy-secondary--small [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__navy-secondary--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__navy-secondary--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__navy-secondary--small:focus {
  outline: none;
}
.gr-button__navy-secondary--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__navy-secondary--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__navy-secondary--small:active {
  background-color: var(--active-bg-color);
}
.gr-button__navy-secondary--small:disabled, .disabled.gr-button__navy-secondary--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__navy-secondary--small {
  pointer-events: none;
}
.is-loading.gr-button__navy-secondary--small .button__icon,
.is-loading.gr-button__navy-secondary--small [class^=icon-] {
  display: none;
}
.is-loading.gr-button__navy-secondary--small .icon__spinner {
  display: inline-block;
}

.gr-button__navy-secondary__inverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-16);
  --icon-size: var(--gr-size-20);
  --line-height: var(--gr-size-24);
  padding: 0.75rem 1.5rem;
  --background-color: transparent;
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-secondary-surface--hover--inverse);
  --active-bg-color: var(--gr-color-secondary-surface--active--inverse);
  --border-color: var(--gr-color-white);
  --disabled-bg-color: transparent;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
@media screen and (width < 30rem) {
  .gr-button__navy-secondary__inverse {
    padding: 0.75rem 1rem;
  }
}
.gr-button__navy-secondary__inverse > * {
  pointer-events: none;
}
.gr-button__navy-secondary__inverse .button__text,
.gr-button__navy-secondary__inverse .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__navy-secondary__inverse .button__icon,
.gr-button__navy-secondary__inverse [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__navy-secondary__inverse .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__navy-secondary__inverse::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__navy-secondary__inverse:focus {
  outline: none;
}
.gr-button__navy-secondary__inverse:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__navy-secondary__inverse:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__navy-secondary__inverse:active {
  background-color: var(--active-bg-color);
}
.gr-button__navy-secondary__inverse:disabled, .disabled.gr-button__navy-secondary__inverse {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__navy-secondary__inverse {
  pointer-events: none;
}
.is-loading.gr-button__navy-secondary__inverse .button__icon,
.is-loading.gr-button__navy-secondary__inverse [class^=icon-] {
  display: none;
}
.is-loading.gr-button__navy-secondary__inverse .icon__spinner {
  display: inline-block;
}

.gr-button__navy-secondary__inverse--small {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-14);
  --icon-size: var(--gr-size-16);
  --line-height: var(--gr-size-20);
  padding: 0.375rem 0.75rem;
  --background-color: transparent;
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-secondary-surface--hover--inverse);
  --active-bg-color: var(--gr-color-secondary-surface--active--inverse);
  --border-color: var(--gr-color-white);
  --disabled-bg-color: transparent;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
.gr-button__navy-secondary__inverse--small > * {
  pointer-events: none;
}
.gr-button__navy-secondary__inverse--small .button__text,
.gr-button__navy-secondary__inverse--small .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__navy-secondary__inverse--small .button__icon,
.gr-button__navy-secondary__inverse--small [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__navy-secondary__inverse--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__navy-secondary__inverse--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__navy-secondary__inverse--small:focus {
  outline: none;
}
.gr-button__navy-secondary__inverse--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__navy-secondary__inverse--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__navy-secondary__inverse--small:active {
  background-color: var(--active-bg-color);
}
.gr-button__navy-secondary__inverse--small:disabled, .disabled.gr-button__navy-secondary__inverse--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__navy-secondary__inverse--small {
  pointer-events: none;
}
.is-loading.gr-button__navy-secondary__inverse--small .button__icon,
.is-loading.gr-button__navy-secondary__inverse--small [class^=icon-] {
  display: none;
}
.is-loading.gr-button__navy-secondary__inverse--small .icon__spinner {
  display: inline-block;
}

.gr-button__ghost {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-16);
  --icon-size: var(--gr-size-20);
  --line-height: var(--gr-size-24);
  padding: 0.75rem 1.5rem;
  --background-color: transparent;
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover);
  --active-bg-color: var(--gr-color-surface--hover);
  --disabled-bg-color: var(--gr-background-default);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
@media screen and (width < 30rem) {
  .gr-button__ghost {
    padding: 0.75rem 1rem;
  }
}
.gr-button__ghost:hover {
  --content-color: var(--gr-color-content--hover);
  --border-color: var(--gr-color-content--hover);
}
.gr-button__ghost:active {
  color: var(--gr-color-content--active);
}
.gr-button__ghost > * {
  pointer-events: none;
}
.gr-button__ghost .button__text,
.gr-button__ghost .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__ghost .button__icon,
.gr-button__ghost [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__ghost .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__ghost::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__ghost:focus {
  outline: none;
}
.gr-button__ghost:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__ghost:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__ghost:active {
  background-color: var(--active-bg-color);
}
.gr-button__ghost:disabled, .disabled.gr-button__ghost {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__ghost {
  pointer-events: none;
}
.is-loading.gr-button__ghost .button__icon,
.is-loading.gr-button__ghost [class^=icon-] {
  display: none;
}
.is-loading.gr-button__ghost .icon__spinner {
  display: inline-block;
}

.gr-button__ghost--small {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-14);
  --icon-size: var(--gr-size-16);
  --line-height: var(--gr-size-20);
  padding: 0.375rem 0.75rem;
  --background-color: transparent;
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover);
  --active-bg-color: var(--gr-color-surface--hover);
  --disabled-bg-color: var(--gr-background-default);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
.gr-button__ghost--small:hover {
  --content-color: var(--gr-color-content--hover);
  --border-color: var(--gr-color-content--hover);
}
.gr-button__ghost--small:active {
  color: var(--gr-color-content--active);
}
.gr-button__ghost--small > * {
  pointer-events: none;
}
.gr-button__ghost--small .button__text,
.gr-button__ghost--small .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__ghost--small .button__icon,
.gr-button__ghost--small [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__ghost--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__ghost--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__ghost--small:focus {
  outline: none;
}
.gr-button__ghost--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__ghost--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__ghost--small:active {
  background-color: var(--active-bg-color);
}
.gr-button__ghost--small:disabled, .disabled.gr-button__ghost--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__ghost--small {
  pointer-events: none;
}
.is-loading.gr-button__ghost--small .button__icon,
.is-loading.gr-button__ghost--small [class^=icon-] {
  display: none;
}
.is-loading.gr-button__ghost--small .icon__spinner {
  display: inline-block;
}

.gr-button__ghost__inverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-16);
  --icon-size: var(--gr-size-20);
  --line-height: var(--gr-size-24);
  padding: 0.75rem 1.5rem;
  --background-color: transparent;
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-secondary-surface--hover--inverse);
  --active-bg-color: var(--gr-color-secondary-surface--active--inverse);
  --disabled-bg-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
@media screen and (width < 30rem) {
  .gr-button__ghost__inverse {
    padding: 0.75rem 1rem;
  }
}
.gr-button__ghost__inverse > * {
  pointer-events: none;
}
.gr-button__ghost__inverse .button__text,
.gr-button__ghost__inverse .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__ghost__inverse .button__icon,
.gr-button__ghost__inverse [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__ghost__inverse .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__ghost__inverse::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__ghost__inverse:focus {
  outline: none;
}
.gr-button__ghost__inverse:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__ghost__inverse:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__ghost__inverse:active {
  background-color: var(--active-bg-color);
}
.gr-button__ghost__inverse:disabled, .disabled.gr-button__ghost__inverse {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__ghost__inverse {
  pointer-events: none;
}
.is-loading.gr-button__ghost__inverse .button__icon,
.is-loading.gr-button__ghost__inverse [class^=icon-] {
  display: none;
}
.is-loading.gr-button__ghost__inverse .icon__spinner {
  display: inline-block;
}

.gr-button__ghost__inverse--small {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  --font-size: var(--gr-size-14);
  --icon-size: var(--gr-size-16);
  --line-height: var(--gr-size-20);
  padding: 0.375rem 0.75rem;
  --background-color: transparent;
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-secondary-surface--hover--inverse);
  --active-bg-color: var(--gr-color-secondary-surface--active--inverse);
  --disabled-bg-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: var(--gr-radius-round);
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
  width: auto;
  max-height: var(--gr-spacing-48);
  background-color: var(--background-color);
  cursor: pointer;
  overflow: hidden;
}
.gr-button__ghost__inverse--small > * {
  pointer-events: none;
}
.gr-button__ghost__inverse--small .button__text,
.gr-button__ghost__inverse--small .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-button__ghost__inverse--small .button__icon,
.gr-button__ghost__inverse--small [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-button__ghost__inverse--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-button__ghost__inverse--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: var(--gr-radius-round);
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-button__ghost__inverse--small:focus {
  outline: none;
}
.gr-button__ghost__inverse--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-button__ghost__inverse--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-button__ghost__inverse--small:active {
  background-color: var(--active-bg-color);
}
.gr-button__ghost__inverse--small:disabled, .disabled.gr-button__ghost__inverse--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color);
}
.is-loading.gr-button__ghost__inverse--small {
  pointer-events: none;
}
.is-loading.gr-button__ghost__inverse--small .button__icon,
.is-loading.gr-button__ghost__inverse--small [class^=icon-] {
  display: none;
}
.is-loading.gr-button__ghost__inverse--small .icon__spinner {
  display: inline-block;
}

.gr-icon-button__primary {
  --icon-size: var(--gr-size-24);
  --button-size: var(--gr-size-48);
  --padding: var(--gr-spacing-12);
  --background-color: var(--gr-color-content--active);
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-content--hover);
  --active-bg-color: var(--gr-color-content--active);
  --disabled-bg-color: var(--gr-color-content--active);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__primary > * {
  pointer-events: none;
}
.gr-icon-button__primary .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__primary .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__primary::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__primary:focus {
  outline: none;
}
.gr-icon-button__primary:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__primary:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__primary:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__primary:disabled, .disabled.gr-icon-button__primary {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__primary {
  pointer-events: none;
}
.is-loading.gr-icon-button__primary .button__icon,
.is-loading.gr-icon-button__primary [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__primary .icon__spinner {
  display: inline-block;
}

.gr-icon-button__primary--small {
  --icon-size: var(--gr-size-16);
  --button-size: var(--gr-size-32);
  --padding: var(--gr-spacing-8);
  --background-color: var(--gr-color-content--active);
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-content--hover);
  --active-bg-color: var(--gr-color-content--active);
  --disabled-bg-color: var(--gr-color-content--active);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__primary--small > * {
  pointer-events: none;
}
.gr-icon-button__primary--small .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__primary--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__primary--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__primary--small:focus {
  outline: none;
}
.gr-icon-button__primary--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__primary--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__primary--small:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__primary--small:disabled, .disabled.gr-icon-button__primary--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__primary--small {
  pointer-events: none;
}
.is-loading.gr-icon-button__primary--small .button__icon,
.is-loading.gr-icon-button__primary--small [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__primary--small .icon__spinner {
  display: inline-block;
}

.gr-icon-button__primary__inverse {
  --icon-size: var(--gr-size-24);
  --button-size: var(--gr-size-48);
  --padding: var(--gr-spacing-12);
  --background-color: var(--gr-background-default);
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover--inverse);
  --active-bg-color: var(--gr-color-surface--active--inverse);
  --disabled-bg-color: var(--gr-background-default);
  --border-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__primary__inverse > * {
  pointer-events: none;
}
.gr-icon-button__primary__inverse .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__primary__inverse .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__primary__inverse::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__primary__inverse:focus {
  outline: none;
}
.gr-icon-button__primary__inverse:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__primary__inverse:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__primary__inverse:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__primary__inverse:disabled, .disabled.gr-icon-button__primary__inverse {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__primary__inverse {
  pointer-events: none;
}
.is-loading.gr-icon-button__primary__inverse .button__icon,
.is-loading.gr-icon-button__primary__inverse [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__primary__inverse .icon__spinner {
  display: inline-block;
}

.gr-icon-button__primary__inverse--small {
  --icon-size: var(--gr-size-16);
  --button-size: var(--gr-size-32);
  --padding: var(--gr-spacing-8);
  --background-color: var(--gr-background-default);
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover--inverse);
  --active-bg-color: var(--gr-color-surface--active--inverse);
  --disabled-bg-color: var(--gr-background-default);
  --border-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__primary__inverse--small > * {
  pointer-events: none;
}
.gr-icon-button__primary__inverse--small .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__primary__inverse--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__primary__inverse--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__primary__inverse--small:focus {
  outline: none;
}
.gr-icon-button__primary__inverse--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__primary__inverse--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__primary__inverse--small:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__primary__inverse--small:disabled, .disabled.gr-icon-button__primary__inverse--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__primary__inverse--small {
  pointer-events: none;
}
.is-loading.gr-icon-button__primary__inverse--small .button__icon,
.is-loading.gr-icon-button__primary__inverse--small [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__primary__inverse--small .icon__spinner {
  display: inline-block;
}

.gr-icon-button__secondary {
  --icon-size: var(--gr-size-24);
  --button-size: var(--gr-size-48);
  --padding: var(--gr-spacing-12);
  --background-color: transparent;
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover);
  --active-bg-color: var(--gr-color-surface--hover);
  --border-color: var(--gr-color-content--active);
  --disabled-bg-color: var(--gr-background-default);
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__secondary:hover {
  --content-color: var(--gr-color-content--hover);
  --border-color: var(--gr-color-content--hover);
}
.gr-icon-button__secondary > * {
  pointer-events: none;
}
.gr-icon-button__secondary .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__secondary .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__secondary::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__secondary:focus {
  outline: none;
}
.gr-icon-button__secondary:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__secondary:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__secondary:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__secondary:disabled, .disabled.gr-icon-button__secondary {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__secondary {
  pointer-events: none;
}
.is-loading.gr-icon-button__secondary .button__icon,
.is-loading.gr-icon-button__secondary [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__secondary .icon__spinner {
  display: inline-block;
}

.gr-icon-button__secondary--small {
  --icon-size: var(--gr-size-16);
  --button-size: var(--gr-size-32);
  --padding: var(--gr-spacing-8);
  --background-color: transparent;
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover);
  --active-bg-color: var(--gr-color-surface--hover);
  --border-color: var(--gr-color-content--active);
  --disabled-bg-color: var(--gr-background-default);
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__secondary--small:hover {
  --content-color: var(--gr-color-content--hover);
  --border-color: var(--gr-color-content--hover);
}
.gr-icon-button__secondary--small > * {
  pointer-events: none;
}
.gr-icon-button__secondary--small .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__secondary--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__secondary--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__secondary--small:focus {
  outline: none;
}
.gr-icon-button__secondary--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__secondary--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__secondary--small:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__secondary--small:disabled, .disabled.gr-icon-button__secondary--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__secondary--small {
  pointer-events: none;
}
.is-loading.gr-icon-button__secondary--small .button__icon,
.is-loading.gr-icon-button__secondary--small [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__secondary--small .icon__spinner {
  display: inline-block;
}

.gr-icon-button__secondary__inverse {
  --icon-size: var(--gr-size-24);
  --button-size: var(--gr-size-48);
  --padding: var(--gr-spacing-12);
  --background-color: transparent;
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-secondary-surface--hover--inverse);
  --active-bg-color: var(--gr-color-secondary-surface--active--inverse);
  --border-color: var(--gr-color-white);
  --disabled-bg-color: transparent;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__secondary__inverse > * {
  pointer-events: none;
}
.gr-icon-button__secondary__inverse .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__secondary__inverse .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__secondary__inverse::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__secondary__inverse:focus {
  outline: none;
}
.gr-icon-button__secondary__inverse:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__secondary__inverse:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__secondary__inverse:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__secondary__inverse:disabled, .disabled.gr-icon-button__secondary__inverse {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__secondary__inverse {
  pointer-events: none;
}
.is-loading.gr-icon-button__secondary__inverse .button__icon,
.is-loading.gr-icon-button__secondary__inverse [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__secondary__inverse .icon__spinner {
  display: inline-block;
}

.gr-icon-button__secondary__inverse--small {
  --icon-size: var(--gr-size-16);
  --button-size: var(--gr-size-32);
  --padding: var(--gr-spacing-8);
  --background-color: transparent;
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-secondary-surface--hover--inverse);
  --active-bg-color: var(--gr-color-secondary-surface--active--inverse);
  --border-color: var(--gr-color-white);
  --disabled-bg-color: transparent;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__secondary__inverse--small > * {
  pointer-events: none;
}
.gr-icon-button__secondary__inverse--small .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__secondary__inverse--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__secondary__inverse--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__secondary__inverse--small:focus {
  outline: none;
}
.gr-icon-button__secondary__inverse--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__secondary__inverse--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__secondary__inverse--small:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__secondary__inverse--small:disabled, .disabled.gr-icon-button__secondary__inverse--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__secondary__inverse--small {
  pointer-events: none;
}
.is-loading.gr-icon-button__secondary__inverse--small .button__icon,
.is-loading.gr-icon-button__secondary__inverse--small [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__secondary__inverse--small .icon__spinner {
  display: inline-block;
}

.gr-icon-button__ghost {
  --icon-size: var(--gr-size-24);
  --button-size: var(--gr-size-48);
  --padding: var(--gr-spacing-12);
  --background-color: transparent;
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover);
  --active-bg-color: var(--gr-color-surface--hover);
  --disabled-bg-color: var(--gr-background-default);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__ghost:hover {
  --content-color: var(--gr-color-content--hover);
  --border-color: var(--gr-color-content--hover);
}
.gr-icon-button__ghost:active {
  color: var(--gr-color-content--active);
}
.gr-icon-button__ghost > * {
  pointer-events: none;
}
.gr-icon-button__ghost .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__ghost .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__ghost::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__ghost:focus {
  outline: none;
}
.gr-icon-button__ghost:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__ghost:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__ghost:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__ghost:disabled, .disabled.gr-icon-button__ghost {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__ghost {
  pointer-events: none;
}
.is-loading.gr-icon-button__ghost .button__icon,
.is-loading.gr-icon-button__ghost [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__ghost .icon__spinner {
  display: inline-block;
}

.gr-icon-button__ghost--small {
  --icon-size: var(--gr-size-16);
  --button-size: var(--gr-size-32);
  --padding: var(--gr-spacing-8);
  --background-color: transparent;
  --content-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-surface--hover);
  --active-bg-color: var(--gr-color-surface--hover);
  --disabled-bg-color: var(--gr-background-default);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__ghost--small:hover {
  --content-color: var(--gr-color-content--hover);
  --border-color: var(--gr-color-content--hover);
}
.gr-icon-button__ghost--small:active {
  color: var(--gr-color-content--active);
}
.gr-icon-button__ghost--small > * {
  pointer-events: none;
}
.gr-icon-button__ghost--small .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__ghost--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__ghost--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__ghost--small:focus {
  outline: none;
}
.gr-icon-button__ghost--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__ghost--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__ghost--small:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__ghost--small:disabled, .disabled.gr-icon-button__ghost--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__ghost--small {
  pointer-events: none;
}
.is-loading.gr-icon-button__ghost--small .button__icon,
.is-loading.gr-icon-button__ghost--small [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__ghost--small .icon__spinner {
  display: inline-block;
}

.gr-icon-button__ghost__inverse {
  --icon-size: var(--gr-size-24);
  --button-size: var(--gr-size-48);
  --padding: var(--gr-spacing-12);
  --background-color: transparent;
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-secondary-surface--hover--inverse);
  --active-bg-color: var(--gr-color-secondary-surface--active--inverse);
  --disabled-bg-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__ghost__inverse > * {
  pointer-events: none;
}
.gr-icon-button__ghost__inverse .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__ghost__inverse .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__ghost__inverse::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__ghost__inverse:focus {
  outline: none;
}
.gr-icon-button__ghost__inverse:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__ghost__inverse:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__ghost__inverse:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__ghost__inverse:disabled, .disabled.gr-icon-button__ghost__inverse {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__ghost__inverse {
  pointer-events: none;
}
.is-loading.gr-icon-button__ghost__inverse .button__icon,
.is-loading.gr-icon-button__ghost__inverse [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__ghost__inverse .icon__spinner {
  display: inline-block;
}

.gr-icon-button__ghost__inverse--small {
  --icon-size: var(--gr-size-16);
  --button-size: var(--gr-size-32);
  --padding: var(--gr-spacing-8);
  --background-color: transparent;
  --content-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-secondary-surface--hover--inverse);
  --active-bg-color: var(--gr-color-secondary-surface--active--inverse);
  --disabled-bg-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
  border-radius: 50% !important;
  background-color: var(--background-color) !important;
  cursor: pointer;
  overflow: hidden;
  width: var(--button-size) !important;
  height: var(--button-size) !important;
  padding: var(--padding);
}
.gr-icon-button__ghost__inverse--small > * {
  pointer-events: none;
}
.gr-icon-button__ghost__inverse--small .icon {
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-icon-button__ghost__inverse--small .icon__spinner {
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 1px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
.gr-icon-button__ghost__inverse--small::after {
  content: "";
  position: absolute;
  left: -50%;
  top: 100%;
  width: 200%;
  min-height: 300px;
  border-radius: 50%;
  background-color: var(--pseudo-element-color);
  pointer-events: none;
  z-index: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-icon-button__ghost__inverse--small:focus {
  outline: none;
}
.gr-icon-button__ghost__inverse--small:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-icon-button__ghost__inverse--small:hover:not(:disabled)::after {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.gr-icon-button__ghost__inverse--small:active {
  background-color: var(--active-bg-color) !important;
}
.gr-icon-button__ghost__inverse--small:disabled, .disabled.gr-icon-button__ghost__inverse--small {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
  background-color: var(--disabled-bg-color) !important;
}
.is-loading.gr-icon-button__ghost__inverse--small {
  pointer-events: none;
}
.is-loading.gr-icon-button__ghost__inverse--small .button__icon,
.is-loading.gr-icon-button__ghost__inverse--small [class^=icon-] {
  display: none;
}
.is-loading.gr-icon-button__ghost__inverse--small .icon__spinner {
  display: inline-block;
}

.gr-link {
  --content-color: var(--gr-color-content--active);
  --content-hover-color: var(--gr-color-content--hover);
  --content-active-color: var(--gr-color-content--active);
  --pseudo-element-color: var(--gr-color-content--active);
  --pseudo-element-hover-color: var(--gr-color-content--hover);
  --pseudo-element-active-color: var(--gr-color-content--active);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  -webkit-column-gap: var(--gr-spacing-6);
     -moz-column-gap: var(--gr-spacing-6);
          column-gap: var(--gr-spacing-6);
  border-radius: var(--gr-spacing-6);
  width: auto;
  cursor: pointer;
  --font-size: var(--gr-size-16);
  --icon-size: var(--gr-size-20);
  --line-height: var(--gr-size-24);
}
.gr-link > * {
  pointer-events: none;
}
.gr-link .link__text,
.gr-link .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-link .link__text::after,
.gr-link .text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: var(--pseudo-element-color);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-link .link__icon,
.gr-link [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-link:hover .link__text,
.gr-link:hover .text {
  --content-color: var(--content-hover-color);
  --pseudo-element-color: var(--pseudo-element-hover-color);
}
.gr-link:hover .link__text::after,
.gr-link:hover .text::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.gr-link:active .link__text,
.gr-link:active .text {
  --content-color: var(--content-active-color);
  --pseudo-element-color: var(--pseudo-element-active-color);
}
.gr-link:active .link__text::after,
.gr-link:active .text::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.gr-link:focus {
  outline: none;
}
.gr-link:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-link:disabled, .disabled.gr-link {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
}

.gr-link__inverse {
  --content-color: var(--gr-color-white);
  --content-hover-color: var(--gr-color-surface--hover--inverse);
  --content-active-color: var(--gr-color-white);
  --pseudo-element-color: var(--gr-color-white);
  --pseudo-element-hover-color: var(--gr-color-surface--active--inverse);
  --pseudo-element-active-color: var(--gr-color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  -webkit-column-gap: var(--gr-spacing-6);
     -moz-column-gap: var(--gr-spacing-6);
          column-gap: var(--gr-spacing-6);
  border-radius: var(--gr-spacing-6);
  width: auto;
  cursor: pointer;
  --font-size: var(--gr-size-16);
  --icon-size: var(--gr-size-20);
  --line-height: var(--gr-size-24);
}
.gr-link__inverse > * {
  pointer-events: none;
}
.gr-link__inverse .link__text,
.gr-link__inverse .text {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  color: var(--content-color);
  font-family: var(--gr-font-text);
  font-size: var(--font-size);
  font-weight: 600;
  z-index: 1;
}
.gr-link__inverse .link__text::after,
.gr-link__inverse .text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: var(--pseudo-element-color);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gr-link__inverse .link__icon,
.gr-link__inverse [class^=icon-] {
  position: relative;
  display: grid;
  place-content: center;
  font-size: var(--icon-size);
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: 0;
  color: var(--content-color);
  z-index: 1;
}
.gr-link__inverse:hover .link__text,
.gr-link__inverse:hover .text {
  --content-color: var(--content-hover-color);
  --pseudo-element-color: var(--pseudo-element-hover-color);
}
.gr-link__inverse:hover .link__text::after,
.gr-link__inverse:hover .text::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.gr-link__inverse:active .link__text,
.gr-link__inverse:active .text {
  --content-color: var(--content-active-color);
  --pseudo-element-color: var(--pseudo-element-active-color);
}
.gr-link__inverse:active .link__text::after,
.gr-link__inverse:active .text::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.gr-link__inverse:focus {
  outline: none;
}
.gr-link__inverse:focus-visible {
  --focus-border-color: var(--gr-color-border--focus);
  -webkit-box-shadow: 0 0 0 2px var(--focus-border-color);
          box-shadow: 0 0 0 2px var(--focus-border-color);
  outline: none;
  border-color: transparent;
}
.gr-link__inverse:disabled, .disabled.gr-link__inverse {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
}

.headline-marker,
.gr-headline-marker,
.rp-guia-headline-marker {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: var(--gr-spacing-8);
}
.headline-marker::after,
.gr-headline-marker::after,
.rp-guia-headline-marker::after {
  display: block;
  content: "";
  position: relative;
  bottom: 0;
  left: 0;
  width: 160px;
  height: 8px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-title.svg?#");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.gr-icon-submarker {
  position: relative;
}
.gr-icon-submarker::after {
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-galardonados-selected-icon.svg?#");
  display: block;
  position: absolute;
  width: 30px;
  left: 50%;
  bottom: -6px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.icon--inverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.guia-icon-sol {
  background-image: url("clientlib-components/resources/images/sol.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-sol_fondo {
  background-image: url("clientlib-components/resources/images/sol_fondo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-2soles {
  background-image: url("clientlib-components/resources/images/2soles.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-2soles_fondo {
  background-image: url("clientlib-components/resources/images/2soles_fondo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-3soles {
  background-image: url("clientlib-components/resources/images/3soles.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-3soles_fondo {
  background-image: url("clientlib-components/resources/images/3soles_fondo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-sostenible {
  background-image: url("clientlib-components/resources/images/sostenible.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-recomendado {
  background-image: url("clientlib-components/resources/images/recomendado.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-recomendado_white {
  background-image: url("clientlib-components/resources/images/recomendado_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-gr {
  background-image: url("clientlib-components/resources/images/gr.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-gr_white {
  background-image: url("clientlib-components/resources/images/gr_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.guia-icon-solete {
  background-image: url("clientlib-components/resources/images/solete.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.text b .hightlight {
  background-color: var(--yellow-60);
  padding: 0px 4px;
}
.text ul {
  list-style: none;
}
.text ul li {
  position: relative;
  padding-left: 20px;
}
.text ul li::before {
  content: "";
  color: #E3973D;
  font-weight: bold;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #E3973D;
  border-color: #E3973D;
  border-radius: 3px;
  margin-right: 12px;
  margin-bottom: 1px;
  position: absolute;
  left: 0;
  top: 4px;
}
.text ol {
  list-style: none;
  counter-reset: li;
}
.text ol li {
  position: relative;
  padding-left: 20px;
  counter-increment: li;
}
.text ol li::before {
  content: counter(li);
  color: #E3973D;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 1px;
  font-size: 14px;
  position: absolute;
  left: 0;
}

.rp-description a {
  color: #016A7F;
}

img.up-focus {
  -o-object-position: 0% 0%;
     object-position: 0% 0%;
}
img.up-16-focus {
  -o-object-position: 0% 16%;
     object-position: 0% 16%;
}
img.up-33-focus {
  -o-object-position: 0% 33%;
     object-position: 0% 33%;
}
img.bottom-33-focus {
  -o-object-position: 0% 67%;
     object-position: 0% 67%;
}
img.bottom-16-focus {
  -o-object-position: 0% 84%;
     object-position: 0% 84%;
}
img.bottom-focus {
  -o-object-position: 0% 100%;
     object-position: 0% 100%;
}

.list-reset-appearance {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

[class*=-component].backgroundWhite {
  background-color: #ffffff;
}
[class*=-component].backgroundYellowHigh {
  background-color: #FFC800;
}
[class*=-component].backgroundYellow {
  background-color: #FFF8E0;
}
[class*=-component].backgroundGrey {
  background-color: #F2F2F2;
}
[class*=-component].backgroundLightGrey {
  background-color: #f8f8f8;
}
[class*=-component].backgroundBlue {
  background-color: var(--gr-blue-guia);
}
[class*=-component].backgroundBlueRoute {
  background-color: #003766;
}
[class*=-component].backgroundTurquoise {
  background-color: #005161;
}
[class*=-component].backgroundBurgundy {
  background-color: #b52958;
}

/* Dialog styles */
[data-granite-coral-multifield-name="./listItems"] {
  padding: 0;
  counter-reset: li;
}
[data-granite-coral-multifield-name="./listItems"] .coral3-Multifield-item {
  margin: 0;
  padding: 0.625rem;
}
[data-granite-coral-multifield-name="./listItems"] .coral3-Multifield-item:not(:n) {
  border-top: 2px solid #b1b1b1;
}
[data-granite-coral-multifield-name="./listItems"] .coral3-Multifield-item:nth-of-type(even) {
  background-color: #f7f7f7;
}
[data-granite-coral-multifield-name="./listItems"] .coral3-Multifield-item .coral-Heading--3 {
  position: relative;
  margin-block: 8px;
  counter-increment: li;
}
[data-granite-coral-multifield-name="./listItems"] .coral3-Multifield-item .coral-Heading--3::after {
  position: absolute;
  content: counter(li);
  padding-left: 5px;
}
[data-granite-coral-multifield-name="./listItems"] .coral3-Multifield-item .coral-Form-fieldset-legend {
  font-size: 1rem;
}
[data-granite-coral-multifield-name="./listItems"] .coral3-Multifield-item .coral-Form-field.coral3-Select * {
  margin-inline: 0;
}
[data-granite-coral-multifield-name="./listItems"] .coral3-Multifield-item .coral-InputGroup .coral3-Button.coral3-Button--secondary {
  margin: 0;
}
[data-granite-coral-multifield-name="./listItems"] .coral3-Button.coral3-Button--secondary {
  margin: 0.625rem;
}

.hamburgerIcon {
  position: relative;
  display: inline-block;
  margin-right: 16px;
  padding: 5px 4px;
  color: #016A7F;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .hamburgerIcon {
    margin-right: 32px;
  }
}
.hamburgerIcon > span {
  position: relative;
  display: block;
  width: 16px;
  height: 14px;
  margin: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  overflow: hidden;
}
.hamburgerIcon > span .menu__line {
  position: absolute;
  left: 0;
  display: block;
  width: 16px;
  height: 2px;
  background-color: #016A7F;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hamburgerIcon > span .menu__line.menu1 {
  top: 0;
}
.hamburgerIcon > span .menu__line.menu2 {
  top: calc(50% - 1px);
}
.hamburgerIcon > span .menu__line.menu3 {
  bottom: 0;
}
.hamburgerIcon:hover > span > span.menu1 {
  width: 13px;
}
.hamburgerIcon:hover > span > span.menu3 {
  width: 6px;
}

.ui-datepicker {
  max-width: 100%;
  width: 400px;
  border-radius: 8px;
  padding: 24px;
  border: 0;
  margin-top: 24px;
  margin-bottom: 32px;
}
@media (max-width: 64rem) {
  .ui-datepicker {
    left: 0px !important;
  }
}
.ui-datepicker .ui-datepicker-calendar {
  margin-top: 32px;
}
.ui-datepicker .ui-datepicker-month {
  text-align: center;
  border: none;
}
.ui-datepicker .ui-datepicker-year {
  border: none;
  text-align: center;
}
.ui-datepicker th,
.ui-datepicker td span,
.ui-datepicker td a {
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
}
.ui-datepicker th {
  color: #757575;
}
.ui-datepicker td span,
.ui-datepicker td a {
  color: #464646;
}
.ui-datepicker .ui-datepicker-title {
  line-height: 40px;
}
.ui-datepicker tbody td {
  padding: 4px;
}
.ui-datepicker tbody td span,
.ui-datepicker tbody td a {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ui-datepicker-next span {
  display: none !important;
}

.ui-datepicker-prev span {
  display: none !important;
}

.ui-datepicker-next-hover {
  right: 2px;
  top: 2px;
}

.ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 0;
  background: transparent;
  text-align: center;
  padding: 0;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: solid 1px #016A7F;
  border-radius: 8px;
}

.ui-datepicker-other-month .ui-state-default.ui-priority-secondary {
  color: #DDDDDD;
}

.date-event .ui-state-default:after {
  content: "";
  display: block;
  background-color: #FF6200;
  width: 18px;
  height: 2px;
  margin-top: 3px;
}

*:not(.ui-datepicker-today) > .ui-state-default.ui-state-active {
  background-color: #FF6200;
  color: #ffffff;
  border-radius: 8px;
}

.ui-corner-all.ui-datepicker-next,
.ui-corner-all.ui-datepicker-prev {
  padding: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #C0EBF2;
  color: #016A7F;
  border: 4px solid transparent;
  font-size: 18px;
  border-radius: 8px;
  overflow: hidden;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ui-corner-all.ui-datepicker-next:before,
.ui-corner-all.ui-datepicker-prev:before {
  font-family: "Guia Icons";
  display: block;
}
.ui-corner-all.ui-datepicker-next:hover,
.ui-corner-all.ui-datepicker-prev:hover {
  background-color: #92D9E2;
}
.ui-corner-all.ui-datepicker-next:active,
.ui-corner-all.ui-datepicker-prev:active {
  background-color: #B0E1E7;
}
.ui-corner-all.ui-datepicker-next:disabled, .ui-corner-all.ui-datepicker-next.slick-disabled, .ui-corner-all.ui-datepicker-next[aria-disabled=true], .ui-corner-all.ui-datepicker-next.btn-disabled,
.ui-corner-all.ui-datepicker-prev:disabled,
.ui-corner-all.ui-datepicker-prev.slick-disabled,
.ui-corner-all.ui-datepicker-prev[aria-disabled=true],
.ui-corner-all.ui-datepicker-prev.btn-disabled {
  background-color: #DDDDDD;
  color: #AAAAAA;
}
.ui-corner-all.ui-datepicker-next:focus,
.ui-corner-all.ui-datepicker-prev:focus {
  border-color: #9CD1FF;
}
.ui-corner-all.ui-datepicker-next.ui-datepicker-next:before,
.ui-corner-all.ui-datepicker-prev.ui-datepicker-next:before {
  content: "\e906";
}
.ui-corner-all.ui-datepicker-next.ui-datepicker-prev:before,
.ui-corner-all.ui-datepicker-prev.ui-datepicker-prev:before {
  content: "\e905";
}

.submenu-component .submenu-guia-component {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}
.submenu-component .submenu-guia-component.submenu-visible {
  position: relative;
  top: 0;
  z-index: 0;
}
.submenu-component .submenu-guia-component.is-active {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 10;
}
.submenu-component .submenu-guia-component .container__submenu__navbar {
  position: relative;
}
.submenu-component .submenu-guia-component .container__submenu__navbar::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar::after {
    content: none;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item {
  max-width: 500px;
  padding-top: 16px;
  padding-bottom: 14px;
  opacity: 1;
  cursor: default;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item {
    padding-top: 16px;
    padding-bottom: 14px;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item:hover {
  color: #464646;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .rp-title-02 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: 77px;
  padding-top: 9px;
  padding-right: 16px;
  text-align: center;
  border-right: solid 1px #AAAAAA;
  color: var(--gr-blue-guia);
  font-family: "Roboto-Medium";
  font-weight: 500;
  cursor: default;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .rp-title-02::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 8px;
  background: url("../../../etc.clientlibs/repsol-guiav2/clientlibs/clientlib-components/resources/images/submenu-active-underline.svg") no-repeat center;
  background-size: 60px 8px;
  pointer-events: none;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .section-cursor {
  cursor: pointer;
  margin-right: 0;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages {
  padding-left: 16px;
  padding-top: 16px;
  padding-bottom: 14px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages {
    padding-top: 16px;
    padding-bottom: 14px;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page {
  visibility: hidden;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16 {
  font-weight: 400;
  padding-right: 24px;
  margin: 0;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16 {
    padding-right: 24px;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16:last-of-type {
  padding-right: 0;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-active,
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-disabled {
  cursor: default;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-active:hover,
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-disabled:hover {
  color: #464646;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-active {
  font-family: "Roboto-Medium";
  font-weight: 500;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page.load {
  visibility: visible;
  opacity: 1;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .slick-track {
  width: 10000px;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button {
  outline: none;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 36px;
  color: #464646;
  border: 0;
  background: #ffffff;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button {
    display: inline-block;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button::before {
  display: none;
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button::before {
    display: block;
  }
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button {
    width: 32px;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button.btn-disabled, .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button.slick-disabled {
  display: none !important;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button.btn-disabled.slick-hidden, .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button.slick-disabled.slick-hidden {
  display: none;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
  left: -10px;
  background: linear-gradient(95deg, #ffffff 0%, #ffffff 29.27%, #ffffff 53.58%, rgba(255, 255, 255, 0.87) 70.63%, rgba(255, 255, 255, 0) 96.87%);
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
    left: 0;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button.tab-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), color-stop(29.27%, #ffffff), color-stop(53.58%, #ffffff), color-stop(70.63%, rgba(255, 255, 255, 0.87)), color-stop(96.87%, rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #ffffff 0%, #ffffff 29.27%, #ffffff 53.58%, rgba(255, 255, 255, 0.87) 70.63%, rgba(255, 255, 255, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundBlue {
  background-color: #003766;
}
.submenu-component .submenu-guia-component.backgroundBlue .container__submenu__navbar::after {
  background: -webkit-gradient(linear, right top, left top, from(#003766), color-stop(29.27%, #003766), color-stop(53.58%, #003766), color-stop(70.63%, #003766), color-stop(96.87%, rgba(0, 55, 102, 0)));
  background: linear-gradient(270deg, #003766 0%, #003766 29.27%, #003766 53.58%, #003766 70.63%, rgba(0, 55, 102, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundBlue .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
  left: -10px;
  background: linear-gradient(95deg, #003766 0%, #003766 29.27%, #003766 53.58%, RGBA(0, 55, 102, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component.backgroundBlue .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
    left: 0;
  }
}
.submenu-component .submenu-guia-component.backgroundBlue .container__submenu__navbar .submenu__navbar .block-pages button.tab-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#003766), color-stop(29.27%, #003766), color-stop(53.58%, #003766), color-stop(70.63%, RGBA(0, 55, 102, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #003766 0%, #003766 29.27%, #003766 53.58%, RGBA(0, 55, 102, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundTurquoise {
  background-color: #00404D;
}
.submenu-component .submenu-guia-component.backgroundTurquoise .container__submenu__navbar::after {
  background: -webkit-gradient(linear, right top, left top, from(#005161), color-stop(29.27%, #005161), color-stop(53.58%, #005161), color-stop(70.63%, #005161), color-stop(96.87%, rgba(0, 81, 97, 0)));
  background: linear-gradient(270deg, #005161 0%, #005161 29.27%, #005161 53.58%, #005161 70.63%, rgba(0, 81, 97, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundTurquoise .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
  background: linear-gradient(95deg, #005161 0%, #005161 29.27%, #005161 53.58%, RGBA(0, 81, 97, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
  left: -10px;
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component.backgroundTurquoise .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
    left: 0;
  }
}
.submenu-component .submenu-guia-component.backgroundTurquoise .container__submenu__navbar .submenu__navbar .block-pages button.tab-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#005161), color-stop(29.27%, #005161), color-stop(53.58%, #005161), color-stop(70.63%, RGBA(0, 81, 97, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #005161 0%, #005161 29.27%, #005161 53.58%, RGBA(0, 81, 97, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundBurgundy {
  background-color: #b52958;
}
.submenu-component .submenu-guia-component.backgroundBurgundy .container__submenu__navbar::after {
  background: -webkit-gradient(linear, right top, left top, from(#B52958), color-stop(29.27%, #B52958), color-stop(53.58%, #B52958), color-stop(70.63%, #B52958), color-stop(96.87%, rgba(181, 41, 88, 0)));
  background: linear-gradient(270deg, #B52958 0%, #B52958 29.27%, #B52958 53.58%, #B52958 70.63%, rgba(181, 41, 88, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundBurgundy .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
  background: linear-gradient(95deg, #B52958 0%, #B52958 29.27%, #B52958 53.58%, RGBA(181, 41, 88, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
  left: -10px;
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component.backgroundBurgundy .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
    left: 0;
  }
}
.submenu-component .submenu-guia-component.backgroundBurgundy .container__submenu__navbar .submenu__navbar .block-pages button.tab-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#B52958), color-stop(29.27%, #B52958), color-stop(53.58%, #B52958), color-stop(70.63%, RGBA(181, 41, 88, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #B52958 0%, #B52958 29.27%, #B52958 53.58%, RGBA(181, 41, 88, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundYellow {
  background-color: #FFC800;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar::after {
  background: -webkit-gradient(linear, right top, left top, from(#FFC800), color-stop(29.27%, #FFC800), color-stop(53.58%, #FFC800), color-stop(70.63%, rgba(255, 200, 0, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #FFC800 0%, #FFC800 29.27%, #FFC800 53.58%, rgba(255, 200, 0, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16 {
  color: #464646;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16:hover {
  color: #727272;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16:disabled, .submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16.rp-disabled {
  color: #AAAAAA;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16:active {
  color: #464646;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
  background: linear-gradient(95deg, #FFC800 0%, #FFC800 29.27%, #FFC800 53.58%, rgba(255, 200, 0, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
  left: -10px;
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
    left: 0;
  }
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages button.tab-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#FFC800), color-stop(29.27%, #FFC800), color-stop(53.58%, #FFC800), color-stop(70.63%, rgba(255, 200, 0, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #FFC800 0%, #FFC800 29.27%, #FFC800 53.58%, rgba(255, 200, 0, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .principal-item .rp-title-02,
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .principal-item .rp-body-16,
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-title-02,
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .principal-item .rp-title-02,
.submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .principal-item .rp-body-16,
.submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-title-02,
.submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .principal-item .rp-title-02,
.submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .principal-item .rp-body-16,
.submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-title-02,
.submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16 {
  color: #ffffff;
  border-right-color: #ffffff;
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16:hover, .submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16:active, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16:hover, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16:active, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16:hover, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16:active {
  color: #DDDDDD;
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16:disabled, .submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16.rp-disabled, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16:disabled, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16.rp-disabled, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16:disabled, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16.rp-disabled {
  color: #AAAAAA;
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .subitem-disabled:hover,
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .subitem-active:hover, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .subitem-disabled:hover,
.submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .subitem-active:hover, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .subitem-disabled:hover,
.submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .subitem-active:hover {
  color: #ffffff;
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages button, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages button, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages button {
  color: #ffffff;
  outline: none;
}

.isAuthor .submenu-component .component-name,
.isAuthor .submenu-component .component-info {
  display: block !important;
}
.isAuthor .submenu-component .submenu-guia-component.submenu-visible {
  display: block;
}
.isAuthor .submenu-component .submenu-guia-component.submenu-hidden {
  display: none;
}

.submenu-component .submenu-guia-component {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}
.submenu-component .submenu-guia-component.submenu-visible {
  position: relative;
  top: 0;
  z-index: 0;
}
.submenu-component .submenu-guia-component.is-active {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 10;
}
.submenu-component .submenu-guia-component .container__submenu__navbar {
  position: relative;
}
.submenu-component .submenu-guia-component .container__submenu__navbar::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar::after {
    content: none;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item {
  max-width: 500px;
  padding-top: 16px;
  padding-bottom: 14px;
  opacity: 1;
  cursor: default;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item {
    padding-top: 16px;
    padding-bottom: 14px;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item:hover {
  color: #464646;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .rp-title-02 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: 77px;
  padding-top: 9px;
  padding-right: 16px;
  text-align: center;
  border-right: solid 1px #AAAAAA;
  color: var(--gr-blue-guia);
  font-family: "Roboto-Medium";
  font-weight: 500;
  cursor: default;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .rp-title-02::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 8px;
  background: url("../../../etc.clientlibs/repsol-guiav2/clientlibs/clientlib-components/resources/images/submenu-active-underline.svg") no-repeat center;
  background-size: 60px 8px;
  pointer-events: none;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .section-cursor {
  cursor: pointer;
  margin-right: 0;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages {
  padding-left: 16px;
  padding-top: 16px;
  padding-bottom: 14px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages {
    padding-top: 16px;
    padding-bottom: 14px;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page {
  visibility: hidden;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16 {
  font-weight: 400;
  padding-right: 24px;
  margin: 0;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16 {
    padding-right: 24px;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16:last-of-type {
  padding-right: 0;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-active,
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-disabled {
  cursor: default;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-active:hover,
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-disabled:hover {
  color: #464646;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .subitem-active {
  font-family: "Roboto-Medium";
  font-weight: 500;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page.load {
  visibility: visible;
  opacity: 1;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .slick-track {
  width: 10000px;
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button {
  outline: none;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 36px;
  color: #464646;
  border: 0;
}
@media (min-width: 64rem) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button {
    display: inline-block;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button::before {
  display: none;
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button::before {
    display: block;
  }
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button {
    width: 32px;
  }
}
.submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button.btn-disabled.slick-hidden, .submenu-component .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages button.slick-disabled.slick-hidden {
  display: none;
}
.submenu-component .submenu-guia-component.backgroundBlue {
  background-color: #003766;
}
.submenu-component .submenu-guia-component.backgroundBlue .container__submenu__navbar::after {
  background: -webkit-gradient(linear, right top, left top, from(#003766), color-stop(29.27%, #003766), color-stop(53.58%, #003766), color-stop(70.63%, #003766), color-stop(96.87%, rgba(0, 55, 102, 0)));
  background: linear-gradient(270deg, #003766 0%, #003766 29.27%, #003766 53.58%, #003766 70.63%, rgba(0, 55, 102, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundBlue .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
  left: -10px;
  background: linear-gradient(95deg, #003766 0%, #003766 29.27%, #003766 53.58%, RGBA(0, 55, 102, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component.backgroundBlue .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
    left: 0;
  }
}
.submenu-component .submenu-guia-component.backgroundBlue .container__submenu__navbar .submenu__navbar .block-pages button.tab-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#003766), color-stop(29.27%, #003766), color-stop(53.58%, #003766), color-stop(70.63%, RGBA(0, 55, 102, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #003766 0%, #003766 29.27%, #003766 53.58%, RGBA(0, 55, 102, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundTurquoise {
  background-color: #00404D;
}
.submenu-component .submenu-guia-component.backgroundTurquoise .container__submenu__navbar::after {
  background: -webkit-gradient(linear, right top, left top, from(#005161), color-stop(29.27%, #005161), color-stop(53.58%, #005161), color-stop(70.63%, #005161), color-stop(96.87%, rgba(0, 81, 97, 0)));
  background: linear-gradient(270deg, #005161 0%, #005161 29.27%, #005161 53.58%, #005161 70.63%, rgba(0, 81, 97, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundTurquoise .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
  background: linear-gradient(95deg, #005161 0%, #005161 29.27%, #005161 53.58%, RGBA(0, 81, 97, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
  left: -10px;
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component.backgroundTurquoise .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
    left: 0;
  }
}
.submenu-component .submenu-guia-component.backgroundTurquoise .container__submenu__navbar .submenu__navbar .block-pages button.tab-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#005161), color-stop(29.27%, #005161), color-stop(53.58%, #005161), color-stop(70.63%, RGBA(0, 81, 97, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #005161 0%, #005161 29.27%, #005161 53.58%, RGBA(0, 81, 97, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundBurgundy {
  background-color: #b52958;
}
.submenu-component .submenu-guia-component.backgroundBurgundy .container__submenu__navbar::after {
  background: -webkit-gradient(linear, right top, left top, from(#B52958), color-stop(29.27%, #B52958), color-stop(53.58%, #B52958), color-stop(70.63%, #B52958), color-stop(96.87%, rgba(181, 41, 88, 0)));
  background: linear-gradient(270deg, #B52958 0%, #B52958 29.27%, #B52958 53.58%, #B52958 70.63%, rgba(181, 41, 88, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundBurgundy .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
  background: linear-gradient(95deg, #B52958 0%, #B52958 29.27%, #B52958 53.58%, RGBA(181, 41, 88, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
  left: -10px;
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component.backgroundBurgundy .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
    left: 0;
  }
}
.submenu-component .submenu-guia-component.backgroundBurgundy .container__submenu__navbar .submenu__navbar .block-pages button.tab-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#B52958), color-stop(29.27%, #B52958), color-stop(53.58%, #B52958), color-stop(70.63%, RGBA(181, 41, 88, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #B52958 0%, #B52958 29.27%, #B52958 53.58%, RGBA(181, 41, 88, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundYellow {
  background-color: #FFC800;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar::after {
  background: -webkit-gradient(linear, right top, left top, from(#FFC800), color-stop(29.27%, #FFC800), color-stop(53.58%, #FFC800), color-stop(70.63%, rgba(255, 200, 0, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #FFC800 0%, #FFC800 29.27%, #FFC800 53.58%, rgba(255, 200, 0, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16 {
  color: #464646;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16:hover {
  color: #727272;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16:disabled, .submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16.rp-disabled {
  color: #AAAAAA;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages .rp-body-16:active {
  color: #464646;
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
  background: linear-gradient(95deg, #FFC800 0%, #FFC800 29.27%, #FFC800 53.58%, rgba(255, 200, 0, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
  left: -10px;
}
@media (min-width: 768px) {
  .submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages button.tab-prev {
    left: 0;
  }
}
.submenu-component .submenu-guia-component.backgroundYellow .container__submenu__navbar .submenu__navbar .block-pages button.tab-next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#FFC800), color-stop(29.27%, #FFC800), color-stop(53.58%, #FFC800), color-stop(70.63%, rgba(255, 200, 0, 0.87)), color-stop(96.87%, rgba(255, 200, 0, 0)));
  background: linear-gradient(270deg, #FFC800 0%, #FFC800 29.27%, #FFC800 53.58%, rgba(255, 200, 0, 0.87) 70.63%, rgba(255, 200, 0, 0) 96.87%);
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .principal-item .rp-title-02,
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .principal-item .rp-body-16,
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-title-02,
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .principal-item .rp-title-02,
.submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .principal-item .rp-body-16,
.submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-title-02,
.submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .principal-item .rp-title-02,
.submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .principal-item .rp-body-16,
.submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-title-02,
.submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16 {
  color: #ffffff;
  border-right-color: #ffffff;
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16:hover, .submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16:active, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16:hover, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16:active, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16:hover, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16:active {
  color: #DDDDDD;
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16:disabled, .submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .rp-body-16.rp-disabled, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16:disabled, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .rp-body-16.rp-disabled, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16:disabled, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .rp-body-16.rp-disabled {
  color: #AAAAAA;
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .subitem-disabled:hover,
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages .list-page .subitem-active:hover, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .subitem-disabled:hover,
.submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages .list-page .subitem-active:hover, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .subitem-disabled:hover,
.submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages .list-page .subitem-active:hover {
  color: #ffffff;
}
.submenu-component .submenu-guia-component.backgroundBlue .submenu__navbar .block-pages button, .submenu-component .submenu-guia-component.backgroundTurquoise .submenu__navbar .block-pages button, .submenu-component .submenu-guia-component.backgroundBurgundy .submenu__navbar .block-pages button {
  color: #ffffff;
  outline: none;
}

.header__submenu:has(.submenu-component-v3).active {
  min-height: 60px;
}

.submenu-component-v3 .submenu-guia-component {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-radius: 8px 8px 0 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.submenu-component-v3 .submenu-guia-component.backgroundWhite, .submenu-component-v3 .submenu-guia-component:not(.backgroundYellow):not(.backgroundBlue):not(.backgroundTurquoise):not(.backgroundBurgundy) {
  background-color: #ffffff;
}
.submenu-component-v3 .submenu-guia-component.backgroundWhite .container__submenu__navbar::after, .submenu-component-v3 .submenu-guia-component:not(.backgroundYellow):not(.backgroundBlue):not(.backgroundTurquoise):not(.backgroundBurgundy) .container__submenu__navbar::after {
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), color-stop(55%, #ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #ffffff 0%, #ffffff 55%, rgba(255, 255, 255, 0) 100%);
}
.submenu-component-v3 .submenu-guia-component.backgroundWhite .block-pages button.tab-prev, .submenu-component-v3 .submenu-guia-component:not(.backgroundYellow):not(.backgroundBlue):not(.backgroundTurquoise):not(.backgroundBurgundy) .block-pages button.tab-prev {
  background: -webkit-gradient(linear, left top, right top, color-stop(55%, #ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, #ffffff 55%, rgba(255, 255, 255, 0) 100%);
}
.submenu-component-v3 .submenu-guia-component.backgroundWhite .block-pages button.tab-next, .submenu-component-v3 .submenu-guia-component:not(.backgroundYellow):not(.backgroundBlue):not(.backgroundTurquoise):not(.backgroundBurgundy) .block-pages button.tab-next {
  background: -webkit-gradient(linear, right top, left top, color-stop(55%, #ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #ffffff 55%, rgba(255, 255, 255, 0) 100%);
}
.submenu-component-v3 .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item {
  padding-top: 10px;
  padding-bottom: 8px;
}
.submenu-component-v3 .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .rp-title-02 {
  border-right: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.submenu-component-v3 .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .rp-title-02::after {
  width: 50px;
  background-size: 50px 8px;
}
.submenu-component-v3 .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .rp-title-02::before {
  content: "";
  position: absolute;
  right: 0;
  top: 14px;
  height: 14px;
  border-right: 1px solid #AAAAAA;
}
.submenu-component-v3 .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages {
  padding-top: 10px;
  padding-bottom: 8px;
}
.submenu-component-v3 .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16 {
  font-size: 14px;
}

.submenu-component-v3--xf-author {
  margin: 24px 0;
}
.submenu-component-v3--xf-author .submenu-guia-component {
  position: relative;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: 100%;
}
.submenu-component-v3--xf-author .container__submenu__navbar {
  min-height: 72px;
}
.submenu-component-v3--xf-author .submenu__navbar {
  min-width: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.submenu-component-v3--xf-author .submenu__navbar .principal-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.submenu-component-v3--xf-author .block-pages {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 240px;
          flex: 1 1 240px;
  min-width: 0;
  overflow: visible;
}
.submenu-component-v3--xf-author .block-pages button {
  display: none !important;
}
.submenu-component-v3--xf-author .list-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 24px;
  visibility: visible;
  opacity: 1;
  min-width: 0 !important;
  white-space: normal;
  -webkit-transform: none !important;
          transform: none !important;
}
.submenu-component-v3--xf-author .list-page .item.rp-body-16 {
  padding-right: 0;
}
.submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 24px;
  white-space: normal !important;
}
.submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16 {
  padding-right: 0;
}
@media (max-width: 64rem) {
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar {
    min-height: auto;
  }
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar::after {
    content: none;
  }
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 0;
  }
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item {
    padding: 0 0 12px;
  }
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .principal-item .rp-title-02 {
    border-right: 0;
    padding-right: 0;
  }
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages {
    padding: 0;
    width: 100%;
  }
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page {
    display: block;
    gap: 0;
    height: auto !important;
  }
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page.slick-initialized .slick-list,
.submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page.slick-initialized .slick-track {
    display: block;
    height: auto !important;
    -webkit-transform: none !important;
            transform: none !important;
    width: auto !important;
  }
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16 {
    display: block;
    float: none !important;
    margin-bottom: 8px;
    white-space: normal;
    width: auto !important;
  }
  .submenu-component-v3--xf-author .submenu-guia-component .container__submenu__navbar .submenu__navbar .block-pages .list-page .item.rp-body-16:last-of-type {
    margin-bottom: 0;
  }
}

.isAuthor .submenu-component .component-name,
.isAuthor .submenu-component .component-info {
  display: block !important;
}
.isAuthor .submenu-component .submenu-guia-component.submenu-visible {
  display: block;
}
.isAuthor .submenu-component .submenu-guia-component.submenu-hidden {
  display: none;
}

.geolocation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.geolocation .icon-rp-Geolocation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3rem;
  width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  height: 3rem;
  max-height: 3rem;
  font-size: 1.25rem;
  background-color: #f8f8f8;
  border-radius: 8px;
}
.geolocation .icon-rp-Geolocation::before {
  font-size: 1.25rem;
}
.geolocation .icon-rp-Geolocation img {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .geolocation:hover {
    cursor: pointer;
  }
}
.geolocation .text-error {
  display: none;
  width: 100%;
  color: #E4002B;
}

header.header-guia {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}
header.header-guia .border-header {
  height: auto;
  max-height: 200px;
  opacity: 1;
  -webkit-transition: 600ms ease-in-out all;
  transition: 600ms ease-in-out all;
}
header.header-guia.scroll-bottom {
  pointer-events: none;
}
header.header-guia.scroll-bottom .border-header {
  max-height: 0;
  opacity: 0;
  -webkit-transition: 600ms ease-in-out all;
  transition: 600ms ease-in-out all;
}
header.header-guia .block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 0px;
  height: auto;
  max-height: 100px;
}
header.header-guia .block-content .col-left,
header.header-guia .block-content .col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header.header-guia .block-content .navigation-block,
header.header-guia .block-content .col-center {
  padding: 16px 0 4px 0px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 64rem) {
  header.header-guia .block-content .navigation-block,
header.header-guia .block-content .col-center {
    padding: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: none;
  }
}
@media (min-width: 80rem) {
  header.header-guia .block-content .navigation-block,
header.header-guia .block-content .col-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
header.header-guia .block-content .navigation-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
@media screen and (width <= 80rem) {
  header.header-guia .block-content .navigation-block {
    display: none;
  }
}
@media (min-width: 64rem) {
  header.header-guia .block-content .navigation-block .navigation__link {
    padding-block: 12px;
  }
}
header.header-guia .block-content .navigation-block .navigation__link--featured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
header.header-guia .block-content .navigation-block .navigation__link--featured .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  font-size: 1.125rem;
  font-weight: 500;
}
header.header-guia .block-content .navigation-block .navigation__link--featured .icon-rp::before {
  font-size: 1.125rem;
}
header.header-guia .block-content .navigation-block .navigation__link--featured .icon-rp img {
  width: 100%;
  height: 100%;
}
header.header-guia .block-content .col-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: unset;
  width: 170px;
  margin-right: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 608px;
  position: relative;
}
header.header-guia .block-content .col-center .header-search-input {
  width: 0;
  padding: 12px 16px 12px 48px;
  border: solid 1px #dddddd;
  border-radius: 8px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
@media (min-width: 1024px) {
  header.header-guia .block-content .col-center .header-search-input {
    padding: 12px 16px 12px 56px;
    min-width: 188px;
    width: 100%;
  }
}
header.header-guia .block-content .col-center .rp-icon {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  margin: 0;
  padding: 12px;
  background: none;
  height: 50px;
  -webkit-transition: right 0.4s ease-out;
  transition: right 0.4s ease-out;
}
header.header-guia .block-content .col-center .rp-icon:before {
  font-size: 22px;
}
@media (min-width: 1024px) {
  header.header-guia .block-content .col-center .rp-icon {
    left: 0;
    right: inherit;
  }
}
header.header-guia .block-content .col-center .cancelSearch {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-left: 24px;
}
header.header-guia .block-content .col-right {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  min-height: 40px;
}
@media (min-width: 64rem) {
  header.header-guia .block-content .col-right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
header.header-guia .block-content .col-right .menuSearch {
  cursor: pointer;
}
header.header-guia .block-content .col-right .login-hidden {
  display: none;
}
header.header-guia .block-content .col-right #userDataPages .rp-btn-login-guia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 16px;
  gap: 8px;
  padding: 0;
  color: #016A7F;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  border: none;
}
@media (min-width: 64rem) {
  header.header-guia .block-content .col-right #userDataPages .rp-btn-login-guia {
    margin-left: 32px;
  }
}
header.header-guia .block-content .col-right #userDataPages .rp-btn-login-guia .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
header.header-guia .block-content .col-right #userDataPages .rp-btn-login-guia .icon-rp::before {
  font-size: 1.25rem;
}
header.header-guia .block-content .col-right #userDataPages .rp-btn-login-guia .icon-rp img {
  width: 100%;
  height: 100%;
}
header.header-guia .block-content .col-right #userDataPages .rp-btn-login-guia .rp-login-text {
  display: none;
}
@media (min-width: 45rem) {
  header.header-guia .block-content .col-right #userDataPages .rp-btn-login-guia .rp-login-text {
    display: block;
  }
}
header.header-guia .block-content .col-right #userDataPages.btn--hide {
  display: none;
}
header.header-guia .block-content .col-right #userDataPages .rp-btn-login-guia:focus {
  border: none;
  outline: none;
}
header.header-guia .block-content .col-right #userDataPages .header__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  width: 40px;
  margin-left: 16px;
  background-color: var(--gr-blue-guia);
  border-radius: 50%;
  cursor: pointer;
}
@media (min-width: 64rem) {
  header.header-guia .block-content .col-right #userDataPages .header__avatar {
    height: 48px;
    width: 48px;
    margin-left: 32px;
  }
}
header.header-guia .block-content .col-right #userDataPages .header__avatar img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 64rem) {
  header.header-guia .block-content .col-right #userDataPages .header__avatar img {
    height: 48px;
    width: 48px;
  }
}
header.header-guia .block-content .col-right #userDataPages .header__avatar .pasUserName {
  position: absolute;
  top: auto;
  left: auto;
  color: #ffffff;
}
header.header-guia .block-content .col-right #userDataPages .header__avatar .pasUserName--hide {
  display: none;
}
header.header-guia .block-content .col-right #userDataPages .selectorBox {
  position: absolute;
  background-color: #ffffff;
  margin-top: 12px;
  width: 200px;
  z-index: 999;
  display: none;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
header.header-guia .block-content .col-right #userDataPages .selectorBox a {
  display: block;
  font-family: "Roboto-Medium";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #464646;
  padding: 16px 24px;
}
header.header-guia .block-content .col-right #userDataPages .selectorBox a:first-of-type {
  border-bottom: 1px solid #DDDDDD;
}
header.header-guia .block-content .col-right #userDataPages .selectorBox .btn__miguia {
  display: none;
}
header.header-guia .block-content .col-right .rp-btn-guia-secondary:focus-visible {
  border: none;
  outline: none;
}
header.header-guia .block-content .col-right .rp-btn-secondary,
header.header-guia .block-content .col-right .header__avatar {
  position: relative;
  z-index: 12;
}
header.header-guia .block-content .col-right .rp-btn-secondary {
  padding: 12px;
}
@media (min-width: 64rem) {
  header.header-guia .block-content .col-right .rp-btn-secondary {
    height: 48px;
  }
}
header.header-guia .block-content .col-right .rp-btn-secondary .icon-rp {
  display: none;
  margin-right: 0;
}
@media (min-width: 64rem) {
  header.header-guia .block-content .col-right .rp-btn-secondary .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 1.5rem;
    width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    height: 1.5rem;
    max-height: 1.5rem;
    font-size: 1.25rem;
  }
  header.header-guia .block-content .col-right .rp-btn-secondary .icon-rp::before {
    font-size: 1.25rem;
  }
  header.header-guia .block-content .col-right .rp-btn-secondary .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
header.header-guia .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
header.header-guia .icon::before {
  font-size: 1.25rem;
}
header.header-guia .icon img {
  width: 100%;
  height: 100%;
}
header.header-guia .rp-logo picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
}
@media (min-width: 64rem) {
  header.header-guia .rp-logo picture {
    height: 24px;
    margin-right: 40px;
  }
}
@media (min-width: 64rem) {
  header.header-guia nav {
    margin: 0 -16px;
  }
}
header.header-guia nav a {
  margin: 0 12px;
}
@media (max-width: 64rem) {
  header.header-guia nav a:first-of-type {
    margin-left: 0;
  }
}
@media (min-width: 64rem) {
  header.header-guia nav a {
    margin: 0 16px;
  }
}
header.header-guia.backgroundWhite {
  background-color: transparent;
}
header.header-guia.backgroundWhite .border-header {
  background-color: #ffffff;
}
header.header-guia.backgroundWhite .icon {
  color: #016A7F;
}
header.header-guia.backgroundWhite .navigation-block a {
  color: #464646;
}
header.header-guia.backgroundWhite .navigation-block a.active, header.header-guia.backgroundWhite .navigation-block a:active {
  color: #016A7F;
}
header.header-guia.backgroundWhite .navigation-block a:disabled, header.header-guia.backgroundWhite .navigation-block a.rp-disabled, header.header-guia.backgroundWhite .navigation-block a:hover {
  color: #AAAAAA;
}
header.header-guia.backgroundWhite .navigation-block a:hover {
  color: #757575;
}
@media (max-width: 64rem) {
  header.header-guia.backgroundWhite .navigation-block a {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
header.header-guia.backgroundBlue {
  background-color: transparent;
}
header.header-guia.backgroundBlue .border-header {
  border-bottom: 1px solid #222F5B;
  background-color: var(--gr-blue-guia);
}
header.header-guia.backgroundBlue .block-content .navigation-block a {
  color: #ffffff;
}
header.header-guia.backgroundBlue .block-content .navigation-block a:hover {
  color: #AAAAAA;
}
header.header-guia.backgroundBlue .block-content .navigation-block a.active, header.header-guia.backgroundBlue .block-content .navigation-block a:active {
  color: #757575;
}
header.header-guia.backgroundBlue .block-content .navigation-block a:disabled, header.header-guia.backgroundBlue .block-content .navigation-block a.rp-disabled {
  color: #464646;
}
header.header-guia.backgroundBlue .block-content .hamburgerIcon:not(.icon--dark) {
  color: #ffffff;
}
header.header-guia.backgroundBlue .block-content .hamburgerIcon:not(.icon--dark) .menu__line {
  background-color: #ffffff;
}
header.header-guia.backgroundBlue .block-content .menuSearch {
  color: #ffffff;
}
header.header-guia.backgroundBlue .block-content .col-right #userDataPages:not(.btn--dark) .rp-btn-login-guia {
  color: #ffffff;
}
header.header-guia.backgroundBlue .block-content .col-right #userDataPages:not(.btn--dark) .header__avatar {
  background-color: #ffffff;
}
header.header-guia.backgroundBlue .block-content .col-right #userDataPages:not(.btn--dark) .header__avatar__name {
  color: var(--gr-blue-guia);
}
header.header-guia.colorless {
  background-color: transparent;
}
header.header-guia.colorless .icon {
  color: #ffffff;
}
header.header-guia.colorless .navigation-block a {
  color: #ffffff;
}
header.header-guia.colorless .navigation-block a:hover {
  color: #f8f8f8;
}
header.header-guia.colorless .navigation-block a.active, header.header-guia.colorless .navigation-block a:active {
  color: #016A7F;
}
header.header-guia.colorless .navigation-block a:disabled, header.header-guia.colorless .navigation-block a.rp-disabled {
  color: #AAAAAA;
}

.header-xf .growth .growth-component {
  position: fixed;
  z-index: 1002;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
}
@media (max-width: 64rem) {
  .header-xf .growth .growth-component .container {
    padding: 0;
  }
}
.header-xf .growth .growth-component .block-gene .block-text .buttons .false {
  margin-left: 10px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: inline-block;
}
@media (min-width: 45rem) {
  .header-xf .growth .growth-component .block-gene .block-text .buttons .false {
    margin: 0;
    margin-top: 16px;
  }
}
@media (min-width: 64rem) {
  .header-xf .growth .growth-component .block-gene .block-text .buttons .false {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0;
  }
}

.header.margin-submenu-visible {
  margin-bottom: 60px;
}
@media (min-width: 64rem) {
  .header.margin-submenu-visible {
    margin-bottom: 69px;
  }
}

header.header-guia.header-page-search .block-header-guia .block-content .block-content__navigation .block-img {
  display: none;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__navigation .block-img {
    display: block;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: calc(100% - 40px);
  padding: 0;
}
@media (min-width: 45rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search {
    gap: 16px;
  }
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-inline: 6px;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group {
  width: -webkit-fill-available;
  width: -moz-available;
  position: relative;
  height: 56px;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group {
    height: 48px;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input {
  position: absolute;
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  height: 100%;
  padding: 16px 108px 16px 16px;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input {
    height: 48px;
    padding-block: 12px;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input.validation--error {
  border-color: #E4002B;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input:focus, header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group input:active {
  border-color: #016A7F;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp {
  position: absolute;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  min-height: 54px;
  height: 54px;
  max-height: 54px;
  font-size: 1.5rem;
  top: 1px;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp::before {
  font-size: 1.5rem;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp img {
  width: 100%;
  height: 100%;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp[class$="--hide"] {
  display: none;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    min-height: 46px;
    height: 46px;
    max-height: 46px;
    font-size: 1.5rem;
  }
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp::before {
    font-size: 1.5rem;
  }
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp:hover {
    cursor: pointer;
  }
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp {
    padding-inline: initial;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp.icon-rp-Search {
  right: 0.5px;
  border-radius: 0 7px 7px 0;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp.icon-rp-Search {
    right: 0.8px;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp.icon-rp-Cross {
  right: 56px;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp.icon-rp-Cross {
    right: 48px;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .input__group .icon-rp {
  color: #016A7F;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .page-search__cta--close {
  display: none;
}
header.header-guia.header-page-search .block-header-guia .block-content .block-content__ctaLogin {
  display: none;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__ctaLogin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content .block-content__navigation,
header.header-guia.header-page-search .block-header-guia .block-content .block-content__search,
header.header-guia.header-page-search .block-header-guia .block-content .block-content__ctaLogin {
    min-width: 33.33333%;
    max-width: 33.33333%;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content.general-search--show .block-content__navigation {
  display: none;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content.general-search--show .block-content__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content.general-search--show .block-content__search {
  min-width: 100%;
  gap: 16px;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content.general-search--show .block-content__search {
    min-width: 33.33333%;
    max-width: 33.33333%;
    gap: 0;
  }
}
header.header-guia.header-page-search .block-header-guia .block-content.general-search--show .page-search__cta--close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .block-header-guia .block-content.general-search--show .page-search__cta--close {
    position: absolute;
    right: -56px;
  }
}
@media (min-width: 64rem) {
  header.header-guia.header-page-search .button-input-container {
    width: 100%;
  }
}

.header__submenu {
  --header-height: 72px;
  position: absolute;
  top: var(--header-height);
  left: 0;
  width: 100%;
  z-index: 12;
  -webkit-transition: opacity 0.3s ease-in-out 0.3s;
  transition: opacity 0.3s ease-in-out 0.3s;
}
.header__submenu.active {
  min-height: 60px;
}
@media (min-width: 64rem) {
  .header__submenu.active {
    min-height: 68px;
  }
}
.header__submenu.hide {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s ease-in-out;
  transition: opacity 0s ease-in-out;
}

.reset-appearance-button, header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .page-search__cta--close {
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
}
.reset-appearance-button:focus, header.header-guia.header-page-search .block-header-guia .block-content .block-content__search .page-search__cta--close:focus {
  outline: 0;
}

.menu-guia-veil {
  backdrop-filter: blur(0px) saturate(100%);
  -webkit-backdrop-filter: blur(0px) saturate(100%);
  background-color: rgba(69, 69, 69, 0);
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 100;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.menu-guia-veil.active {
  background-color: rgba(69, 69, 69, 0.8);
  display: initial;
}
.menu-guia-veil.scroll-top {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.menu-guia-veil.scroll-bottom {
  top: 0;
}

.menu-guia {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: -101%;
  padding: 16px 16px 40px 16px;
  z-index: 160;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--gr-blue-guia);
  -webkit-transition: left 0.5s ease;
  transition: left 0.5s ease;
}
.menu-guia--hide {
  display: none;
}
.menu-guia::-webkit-scrollbar {
  width: 4px;
}
.menu-guia::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
          box-shadow: inset 0 0 5px grey;
  border-radius: 0px;
}
.menu-guia::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 0px;
}
@media (min-width: 45rem) {
  .menu-guia {
    min-width: 604px;
    padding: 24px 40px 40px 40px;
  }
}
@media (min-width: 64rem) {
  .menu-guia {
    width: 50%;
    padding: 24px 24px 56px 44px;
    position: fixed;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
}
.menu-guia.scroll-bottom {
  height: 100vh !important;
  top: 0;
}
.menu-guia.panel-active {
  left: 0;
}
.menu-guia .logo-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 56px;
}
@media (min-width: 64rem) {
  .menu-guia .logo-close {
    margin-bottom: 64px;
  }
}
.menu-guia .logo-close .rp-logo {
  width: 140px;
}
.menu-guia .logo-close .btn {
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #ffffff;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.menu-guia .logo-close .btn > span {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  overflow: hidden;
  margin: 0;
}
.menu-guia .logo-close .btn > span > span {
  display: block;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu-guia .logo-close .btn.close {
  opacity: 1;
}
.menu-guia .logo-close .btn.close > span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menu-guia .logo-close .btn.close > span > span {
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
}
.menu-guia .logo-close .btn.close > .span2 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  top: 0;
}
.menu-guia .logo-close .btn.minus > span > span {
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
}
.menu-guia .logo-close .btn.minus > .span2 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: absolute;
  top: 0;
}
.menu-guia .menu-navigation-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  z-index: 120;
}
.menu-guia .menu-navigation-block .block-1,
.menu-guia .menu-navigation-block .block-2 {
  width: 100%;
  height: 100%;
  background-color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .menu-guia .menu-navigation-block .block-1,
.menu-guia .menu-navigation-block .block-2 {
    width: 50%;
  }
}
.menu-guia .menu-navigation-block .block-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 3;

  gap: 24px;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-text {
  position: relative;
  display: inline-block;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 4px;
  width: 100%;
  background: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-menu-burger.svg?#") no-repeat left center;
  background-size: 100% cover;
  background-repeat: no-repeat;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.5s ease-in-out;
  transition: clip-path 0.5s ease-in-out;
  pointer-events: none;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-text.item--visually-active {
  color: #FFC800;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-text.item--visually-active::after {
  display: none;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .navigation__link--featured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .navigation__link--featured .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  font-size: 1.125rem;
  font-weight: 500;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .navigation__link--featured .icon-rp::before {
  font-size: 1.125rem;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .navigation__link--featured .icon-rp img {
  width: 100%;
  height: 100%;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #ffffff;
  cursor: pointer;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 22px;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .menu-guia .menu-navigation-block .block-1 .list-1 .item-1 {
    font-size: 1.5rem;
  }
}
@media (min-width: 64rem) {
  .menu-guia .menu-navigation-block .block-1 .list-1 .item-1 {
    font-size: 24px;
  }
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-1 .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  font-size: 1.25rem;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-1 .icon::before {
  font-size: 1.25rem;
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-1 .icon img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .menu-guia .menu-navigation-block .block-1 .list-1 .item-1 .icon {
    display: none;
  }
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-1:hover span::after {
  clip-path: inset(0 0% 0 0);
}
.menu-guia .menu-navigation-block .block-1 .list-1 .item-1:not(:last-of-type) {
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .menu-guia .menu-navigation-block .block-1 .list-1 .item-1:not(:last-of-type) {
    margin-bottom: 24px;
  }
}
.menu-guia .menu-navigation-block .block-1 .list-secondary-links .link__list__item .rp-link {
  color: #ffffff;
}
.menu-guia .menu-navigation-block .block-1 .list-secondary-links .link__list__item .rp-link:hover, .menu-guia .menu-navigation-block .block-1 .list-secondary-links .link__list__item .rp-link:active {
  color: #FFC800;
  opacity: 1;
}
.menu-guia .menu-navigation-block .block-1 .list-secondary-links .link__list__item:not(:last-of-type) {
  padding-bottom: 4px;
}
.menu-guia .menu-navigation-block .block-1 .list-secondary-links .list-link-fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 40px;
}
.menu-guia .menu-navigation-block .block-1 .list-secondary-links .list-link-fixed .link-fixed--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
.menu-guia .menu-navigation-block .block-1 .list-secondary-links .list-link-fixed .link-fixed--item:hover, .menu-guia .menu-navigation-block .block-1 .list-secondary-links .list-link-fixed .link-fixed--item:active {
  cursor: pointer;
  color: #FFC800;
}
.menu-guia .menu-navigation-block .block-1 .list-secondary-links .list-rrss .link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 56px;
}
@media (min-width: 64rem) {
  .menu-guia .menu-navigation-block .block-1 .list-secondary-links .list-rrss .link__list {
    margin-top: 40px;
  }
}
.menu-guia .menu-navigation-block .block-1 .list-secondary-links .list-rrss .link__list__item {
  margin-bottom: 0;
}
.menu-guia .menu-navigation-block .block-1 .list-secondary-links .list-rrss .link__list__item img {
  width: 24px;
  height: 24px;
}
.menu-guia .menu-navigation-block .block-1 .rp-body-16.color-grey {
  /* ELIMINAR EL DISPLAY NONE CUANDO SE AÑADA LA SECCIÓN DE FAVORITOS*/
  display: none;
}
.menu-guia .menu-navigation-block .block-2 {
  position: absolute;
  top: 0;
  left: -105%;
  z-index: 3;
  -webkit-transition: left 0.4s ease;
  transition: left 0.4s ease;
}
@media (min-width: 64rem) {
  .menu-guia .menu-navigation-block .block-2 {
    position: relative;
    left: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }
}
.menu-guia .menu-navigation-block .block-2--active {
  left: 0;
}
.menu-guia .menu-navigation-block .block-2--activedesktop {
  opacity: 1;
  pointer-events: auto;
}
.menu-guia .menu-navigation-block .block-2 .logo-close {
  width: 100%;
  color: #ffffff;
  margin-bottom: 40px;
}
@media (min-width: 64rem) {
  .menu-guia .menu-navigation-block .block-2 .logo-close {
    display: none;
  }
}
.menu-guia .menu-navigation-block .block-2 .logo-close .menuBack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.menu-guia .menu-navigation-block .block-2 .logo-close .menuBack .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  font-size: 1.25rem;
}
.menu-guia .menu-navigation-block .block-2 .logo-close .menuBack .icon::before {
  font-size: 1.25rem;
}
.menu-guia .menu-navigation-block .block-2 .logo-close .menuBack .icon img {
  width: 100%;
  height: 100%;
}
.menu-guia .menu-navigation-block .block-2 .list-2 {
  position: relative;
  padding-left: 24px;
}
@media (min-width: 64rem) {
  .menu-guia .menu-navigation-block .block-2 .list-2 {
    padding-left: 0;
  }
}
.menu-guia .menu-navigation-block .block-2 .list-2--container {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container.visible {
  max-height: 100vh;
  opacity: 1;
  pointer-events: auto;
  overflow-y: auto;
  scrollbar-width: none;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .prelink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: 100%;
  margin-bottom: 24px;
  color: #ffffff;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .prelink a {
  color: #ffffff;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .prelink .icon {
  display: none;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .prelink:hover, .menu-guia .menu-navigation-block .block-2 .list-2--container .prelink:active {
  color: #FFC800;
  cursor: pointer;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .prelink:hover a, .menu-guia .menu-navigation-block .block-2 .list-2--container .prelink:active a {
  color: #FFC800;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .prelink:hover .icon, .menu-guia .menu-navigation-block .block-2 .list-2--container .prelink:active .icon {
  display: block;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .menu-level-2 {
  margin-bottom: 24px;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .menu-level-2:last-child {
  margin-bottom: 0;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .item-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: 100%;
  color: #ffffff;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .item-2 a {
  color: #ffffff;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .item-2 .icon {
  display: none;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .item-2:hover, .menu-guia .menu-navigation-block .block-2 .list-2--container .item-2:active {
  color: #FFC800;
  cursor: pointer;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .item-2:hover a, .menu-guia .menu-navigation-block .block-2 .list-2--container .item-2:active a {
  color: #FFC800;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .item-2:hover .icon, .menu-guia .menu-navigation-block .block-2 .list-2--container .item-2:active .icon {
  display: block;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .list-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  margin-left: 32px;
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .list-3 .item-3 {
  color: rgba(255, 255, 255, 0.65);
}
.menu-guia .menu-navigation-block .block-2 .list-2--container .list-3 .item-3:hover, .menu-guia .menu-navigation-block .block-2 .list-2--container .list-3 .item-3:active {
  color: #FFC800;
}

.menu-burger-image--container {
  position: relative;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 64rem) {
  .menu-burger-image--container {
    position: fixed;
    top: 0;
    left: 49vw;
    width: 51vw;
    height: 100vh;
    z-index: 110;
    overflow: hidden;
    background-color: var(--gr-blue-guia);
    display: block;
    visibility: hidden;
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .menu-burger-image--container.visible {
    opacity: 1;
    visibility: visible;
    clip-path: inset(0 0 0 0);
    -webkit-transition-property: clip-path, opacity;
    transition-property: clip-path, opacity;
    -webkit-transition-duration: 1s, 0.5s;
            transition-duration: 1s, 0.5s;
    -webkit-transition-timing-function: ease, ease;
            transition-timing-function: ease, ease;
    -webkit-transition-delay: 0s, 0s;
            transition-delay: 0s, 0s;
  }
  .menu-burger-image--container.leaving {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
    -webkit-transition: clip-path 0.7s ease, opacity 0.5s ease 0.5s;
    transition: clip-path 0.7s ease, opacity 0.5s ease 0.5s;
  }
  .menu-burger-image--container.back-image {
    z-index: 130;
    opacity: 1;
  }
  .menu-burger-image--container.mid-image {
    z-index: 140;
    opacity: 1;
  }
  .menu-burger-image--container.top-image {
    z-index: 150;
    opacity: 1;
  }
  .menu-burger-image--container.reset-transition {
    visibility: hidden !important;
    -webkit-transition: none !important;
    transition: none !important;
    clip-path: inset(0 100% 0 0) !important;
    opacity: 0 !important;
  }
}
.menu-burger-image--container .menu-burger-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 620px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
@media (min-width: 80rem) {
  .menu-burger-image--container .menu-burger-image {
    max-height: 100%;
  }
}
.menu-burger-image--container.visible .menu-burger-image {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

#userDataButtonPages .rp-btn-login-guia {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 12px;
  height: 48px;
}

@media (min-width: 64rem) {
  #userDataButtonPages .rp-btn-login-guia {
    height: 56px;
  }
}
#userDataButtonPages .rp-btn-login-guia .icon-rp {
  margin-right: 0;
}

.menu-guia.menu-guia--xf-author {
  position: relative;
  top: auto;
  left: 0;
  z-index: 1015;
  width: 100%;
  min-width: 0;
  height: 900px;
  max-height: 900px;
  min-height: 0;
  padding: 24px 24px 48px;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 1 !important;
  -webkit-transition: none;
  transition: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 64rem) {
  .menu-guia.menu-guia--xf-author {
    width: 50vw;
    min-width: 604px;
    height: 900px;
    max-height: 900px;
    min-height: 0;
    margin-left: 0;
    padding: 24px 24px 56px 44px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media (min-width: 64rem) {
  .menu-guia.menu-guia--xf-author.menu-guia--xf-preview {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1015;
    margin-left: 0;
  }
}
.menu-guia.menu-guia--xf-author .logo-close {
  margin-bottom: 64px;
}
.menu-guia.menu-guia--xf-author .logo-close .btn.close {
  pointer-events: none;
}
.menu-guia.menu-guia--xf-author .menu-navigation-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  z-index: 1020;
  overflow: visible;
}
@media (min-width: 64rem) {
  .menu-guia.menu-guia--xf-author .menu-navigation-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
    height: 100%;
  }
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .block-1,
.menu-guia.menu-guia--xf-author .menu-navigation-block .block-2 {
  position: static;
  left: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  opacity: 1;
  pointer-events: auto;
  overflow: visible;
  background-color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .menu-guia.menu-guia--xf-author .menu-navigation-block .block-1,
.menu-guia.menu-guia--xf-author .menu-navigation-block .block-2 {
    width: 50%;
    height: 100%;
  }
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .block-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: visible;
  scrollbar-width: none;
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .block-2 {
  position: absolute;
  top: 0;
  left: -105%;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 64rem) {
  .menu-guia.menu-guia--xf-author .menu-navigation-block .block-2 {
    position: relative;
    left: 0;
    z-index: 2;
    opacity: 1;
    pointer-events: auto;
  }
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .block-2 .logo-close {
  display: none;
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .block-2 .list-2 {
  padding-left: 0;
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .block-2 .list-2--container {
  display: none;
  position: absolute;
  top: 0;
  max-height: 100vh;
  overflow: hidden;
  scrollbar-width: none;
  opacity: 0;
  pointer-events: none;
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .block-2 .list-2--container.visible {
  display: block;
  max-height: 100vh;
  opacity: 1;
  pointer-events: auto;
  overflow-y: auto;
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .list-secondary-links {
  margin-top: 40px;
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .list-secondary-links .link__list__title {
  display: none;
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .list-secondary-links .link__list__item {
  color: #ffffff !important;
  opacity: 1;
}
.menu-guia.menu-guia--xf-author .menu-navigation-block .list-secondary-links .link__list__item .rp-link {
  color: #ffffff !important;
  opacity: 1;
}
.menu-guia.menu-guia--xf-author .menu-burger-image--container {
  display: none !important;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 0;
  width: 50vw;
  height: 100%;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  clip-path: none;
  background-color: var(--gr-blue-guia);
  -webkit-transition: none;
  transition: none;
}
@media (min-width: 64rem) {
  .menu-guia.menu-guia--xf-author .menu-burger-image--container {
    display: none !important;
    position: fixed;
    top: 0;
    left: 49vw;
    z-index: 1010;
    width: 51vw;
    height: 100vh;
  }
}
.menu-guia.menu-guia--xf-author .menu-burger-image--container.visible {
  visibility: visible;
  opacity: 1;
  clip-path: none;
}
.menu-guia.menu-guia--xf-author .menu-burger-image--container .menu-burger-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
@media (min-width: 64rem) {
  .menu-guia.menu-guia--xf-author.menu-guia--xf-preview .menu-burger-image--container {
    position: fixed;
    display: none !important;
  }
}

.rp-guia-headline, .rp-guia-title-03, .rp-guia-title-02, .login-component .modal .modal-content .gigya-login-form .gr17-h2,
.login-component .modal .modal-content .gigya-register-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-h2, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header, .login-component .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2, .rp-guia-title-01, .rp-guia-headline-03, .rp-guia-headline-02, .rp-guia-headline-01 {
  font-family: "Roboto-Bold";
  font-weight: 700;
}

.rp-guia-headline-01 {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
}
@media (min-width: 64rem) {
  .rp-guia-headline-01 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}

.rp-guia-headline-02 {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .rp-guia-headline-02 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

.rp-guia-headline-03 {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .rp-guia-headline-03 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.rp-guia-title-01 {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
}
@media (min-width: 64rem) {
  .rp-guia-title-01 {
    font-size: 36px;
    line-height: 46px;
  }
}

.rp-guia-title-02, .login-component .modal .modal-content .gigya-login-form .gr17-h2,
.login-component .modal .modal-content .gigya-register-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-h2, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header, .login-component .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2 {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 22px;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .rp-guia-title-02, .login-component .modal .modal-content .gigya-login-form .gr17-h2,
.login-component .modal .modal-content .gigya-register-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-h2, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header, .login-component .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2 {
    font-size: 26px;
    line-height: 2.5rem;
  }
}

.rp-guia-title-03 {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 30px;
}
@media (min-width: 64rem) {
  .rp-guia-title-03 {
    font-size: 22px;
    line-height: 2rem;
  }
}

.rp-title-01, .multirecetas .note-component .noteTitle .cmp-title__text, .note-component .noteTitle .cmp-title__text, .login-component .modal .modal-content #gigya-verification-sent-screen .title-step strong,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .title-step strong,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .title-step strong,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .title-step strong {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (min-width: 64rem) {
  .rp-title-01, .multirecetas .note-component .noteTitle .cmp-title__text, .note-component .noteTitle .cmp-title__text, .login-component .modal .modal-content #gigya-verification-sent-screen .title-step strong,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .title-step strong,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .title-step strong,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .title-step strong {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.rp-title-02, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}

.rp-title,
.rp-highlighted-body {
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (min-width: 64rem) {
  .rp-title,
.rp-highlighted-body {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.rp-subheadline {
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 22px;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .rp-subheadline {
    font-size: 1.5rem;
  }
}

.rp-body-guia, .rp-body-12, .multirecetas .index-component.sticky-bar .heading-reportaje .reportaje-title, .multirecetas .index-component.sticky-bar .block-select .static-block .item-link, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input, .login-component .modal .modal-content .gigya-login-form .error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .error-form,
.modal-promo .modal .modal-content .gigya-login-form .error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .error-form, .login-component .modal .modal-content .gigya-register-form .gr17-legal-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-legal-text, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text), .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label, .index-component.sticky-bar .heading-reportaje .reportaje-title, .index-component.sticky-bar .block-select .static-block .item-link,
.rp-caption, .rp-body-14, .multirecetas .index-component:not(.sticky-bar) .list-links .item-link, .multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term, .index-component:not(.sticky-bar) .list-links .item-link, .index-component.sticky-bar .block-select .block-index .list-links .item-link, .rp-body-16, .paragraph-component .paragraph-interview .rp-description p, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label, .login-component .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.login-component .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label, .login-component .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong, .login-component .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a, .login-component .modal .modal-content #gigya-verification-code-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .email-display, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a, .login-component .modal .modal-content #gigya-verification-sent-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .email-display, .description .description-component .description-block > p, .content__image-component .content__container > p:not(.content__title), .accordion-component .accordion__details .accordion__content *:not(i, b), .card-component .card.card-s .card__content .info-card .rp-guia-title-03, .rp-body-18, .multirecetas .note-component .rp-description p, .paragraph-component .block-info:not(.paragraph-interview) .rp-description p, .note-component .rp-description p {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
}

.rp-body-18, .multirecetas .note-component .rp-description p, .paragraph-component .block-info:not(.paragraph-interview) .rp-description p, .note-component .rp-description p {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 2rem;
}

.rp-body-16, .paragraph-component .paragraph-interview .rp-description p, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label, .login-component .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.login-component .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label, .login-component .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong, .login-component .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a, .login-component .modal .modal-content #gigya-verification-code-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .email-display, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a, .login-component .modal .modal-content #gigya-verification-sent-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .email-display, .description .description-component .description-block > p, .content__image-component .content__container > p:not(.content__title), .accordion-component .accordion__details .accordion__content *:not(i, b), .card-component .card.card-s .card__content .info-card .rp-guia-title-03 {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.rp-body-14, .multirecetas .index-component:not(.sticky-bar) .list-links .item-link, .multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term, .index-component:not(.sticky-bar) .list-links .item-link, .index-component.sticky-bar .block-select .block-index .list-links .item-link {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.025px;
}

.rp-body-12, .multirecetas .index-component.sticky-bar .heading-reportaje .reportaje-title, .multirecetas .index-component.sticky-bar .block-select .static-block .item-link, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input, .login-component .modal .modal-content .gigya-login-form .error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .error-form,
.modal-promo .modal .modal-content .gigya-login-form .error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .error-form, .login-component .modal .modal-content .gigya-register-form .gr17-legal-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-legal-text, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text), .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label, .index-component.sticky-bar .heading-reportaje .reportaje-title, .index-component.sticky-bar .block-select .static-block .item-link,
.rp-caption {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025px;
}

.rp-guia-headline, .rp-guia-title-03, .rp-guia-title-02, .login-component .modal .modal-content .gigya-login-form .gr17-h2,
.login-component .modal .modal-content .gigya-register-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-h2, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header, .login-component .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2, .rp-guia-title-01, .rp-guia-headline-03, .rp-guia-headline-02, .rp-guia-headline-01 {
  font-family: "Roboto-Bold";
  font-weight: 700;
}

.rp-guia-headline-01 {
  font-size: 2.5rem;
  line-height: 3rem;
}
@media (min-width: 64rem) {
  .rp-guia-headline-01 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}

.rp-guia-headline-02 {
  font-size: 1.75rem;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .rp-guia-headline-02 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}

.rp-guia-headline-03 {
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .rp-guia-headline-03 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.rp-guia-title-01 {
  font-size: 26px;
  line-height: 34px;
}
@media (min-width: 64rem) {
  .rp-guia-title-01 {
    font-size: 36px;
    line-height: 46px;
  }
}

.rp-guia-title-02, .login-component .modal .modal-content .gigya-login-form .gr17-h2,
.login-component .modal .modal-content .gigya-register-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-h2, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header, .login-component .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2 {
  font-size: 22px;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .rp-guia-title-02, .login-component .modal .modal-content .gigya-login-form .gr17-h2,
.login-component .modal .modal-content .gigya-register-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-h2, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header, .login-component .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2 {
    font-size: 26px;
    line-height: 2.5rem;
  }
}

.rp-guia-title-03 {
  font-size: 1.25rem;
  line-height: 30px;
}
@media (min-width: 64rem) {
  .rp-guia-title-03 {
    font-size: 22px;
    line-height: 2rem;
  }
}

.headline-marker {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: var(--gr-spacing-8);
}
.headline-marker::after {
  display: block;
  content: "";
  position: relative;
  bottom: 0;
  left: 0;
  width: 160px;
  height: 8px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-title.svg?#");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.rp-title-01, .multirecetas .note-component .noteTitle .cmp-title__text, .note-component .noteTitle .cmp-title__text, .login-component .modal .modal-content #gigya-verification-sent-screen .title-step strong,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .title-step strong,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .title-step strong,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .title-step strong {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (min-width: 64rem) {
  .rp-title-01, .multirecetas .note-component .noteTitle .cmp-title__text, .note-component .noteTitle .cmp-title__text, .login-component .modal .modal-content #gigya-verification-sent-screen .title-step strong,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .title-step strong,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .title-step strong,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .title-step strong {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.rp-title-02, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}

.rp-title,
.rp-highlighted-body {
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (min-width: 64rem) {
  .rp-title,
.rp-highlighted-body {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.rp-subheadline {
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 22px;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .rp-subheadline {
    font-size: 1.5rem;
  }
}

.rp-body-guia, .rp-body-12, .multirecetas .index-component.sticky-bar .heading-reportaje .reportaje-title, .multirecetas .index-component.sticky-bar .block-select .static-block .item-link, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input, .login-component .modal .modal-content .gigya-login-form .error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .error-form,
.modal-promo .modal .modal-content .gigya-login-form .error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .error-form, .login-component .modal .modal-content .gigya-register-form .gr17-legal-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-legal-text, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text), .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label, .index-component.sticky-bar .heading-reportaje .reportaje-title, .index-component.sticky-bar .block-select .static-block .item-link,
.rp-caption, .rp-body-14, .multirecetas .index-component:not(.sticky-bar) .list-links .item-link, .multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term, .index-component:not(.sticky-bar) .list-links .item-link, .index-component.sticky-bar .block-select .block-index .list-links .item-link, .rp-body-16, .paragraph-component .paragraph-interview .rp-description p, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label, .login-component .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.login-component .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label, .login-component .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong, .login-component .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a, .login-component .modal .modal-content #gigya-verification-code-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .email-display, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a, .login-component .modal .modal-content #gigya-verification-sent-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .email-display, .description .description-component .description-block > p, .content__image-component .content__container > p:not(.content__title), .accordion-component .accordion__details .accordion__content *:not(i, b), .card-component .card.card-s .card__content .info-card .rp-guia-title-03, .rp-body-18, .multirecetas .note-component .rp-description p, .paragraph-component .block-info:not(.paragraph-interview) .rp-description p, .note-component .rp-description p {
  font-family: "Roboto-Regular";
  font-style: normal;
}
.rp-body-guia:not(.rp-body-semibold), .rp-body-12:not(.rp-body-semibold), .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input:not(.rp-body-semibold),
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input:not(.rp-body-semibold),
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input:not(.rp-body-semibold),
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input:not(.rp-body-semibold), .login-component .modal .modal-content .gigya-login-form .error-form:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome .gigya-login-form .error-form:not(.rp-body-semibold),
.modal-promo .modal .modal-content .gigya-login-form .error-form:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome .gigya-login-form .error-form:not(.rp-body-semibold), .login-component .modal .modal-content .gigya-register-form .gr17-legal-text:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-legal-text:not(.rp-body-semibold),
.modal-promo .modal .modal-content .gigya-register-form .gr17-legal-text:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-legal-text:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.rp-body-semibold):not(.gr17-introduce-text),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.rp-body-semibold):not(.gr17-introduce-text),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.rp-body-semibold):not(.gr17-introduce-text),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.rp-body-semibold):not(.gr17-introduce-text), .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label:not(.rp-body-semibold), .index-component.sticky-bar .heading-reportaje .reportaje-title:not(.rp-body-semibold), .index-component.sticky-bar .block-select .static-block .item-link:not(.rp-body-semibold),
.rp-caption:not(.rp-body-semibold), .rp-body-14:not(.rp-body-semibold), .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term:not(.rp-body-semibold),
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term:not(.rp-body-semibold), .index-component:not(.sticky-bar) .list-links .item-link:not(.rp-body-semibold), .index-component.sticky-bar .block-select .block-index .list-links .item-link:not(.rp-body-semibold), .rp-body-16:not(.rp-body-semibold), .paragraph-component .paragraph-interview .rp-description p:not(.rp-body-semibold), .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label:not(.rp-body-semibold), .login-component .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password:not(.rp-body-semibold),
.modal-promo .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password:not(.rp-body-semibold), .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-link:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link:not(.rp-body-semibold),
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-link:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-forgot-password-screen .rp-init-login:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-init-login:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-verification-code-screen .email-display:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .email-display:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-verification-code-screen .email-display:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .email-display:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a:not(.rp-body-semibold), .login-component .modal .modal-content #gigya-verification-sent-screen .email-display:not(.rp-body-semibold),
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .email-display:not(.rp-body-semibold),
.modal-promo .modal .modal-content #gigya-verification-sent-screen .email-display:not(.rp-body-semibold),
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .email-display:not(.rp-body-semibold), .description .description-component .description-block > p:not(.rp-body-semibold), .content__image-component .content__container > p:not(.rp-body-semibold):not(.content__title), .accordion-component .accordion__details .accordion__content :not(.rp-body-semibold):not(i, b), .card-component .card.card-s .card__content .info-card .rp-guia-title-03:not(.rp-body-semibold), .rp-body-18:not(.rp-body-semibold), .multirecetas .note-component .rp-description p:not(.rp-body-semibold), .paragraph-component .block-info:not(.paragraph-interview) .rp-description p:not(.rp-body-semibold), .note-component .rp-description p:not(.rp-body-semibold) {
  font-weight: 400;
}
.rp-body-guia.rp-body-semibold, .rp-body-semibold.rp-body-12, .login-component .modal .modal-content .gigya-login-form .rp-body-semibold.gigya-composite-control-label.text-input,
.login-component .modal .modal-content .gigya-register-form .rp-body-semibold.gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-login-form .rp-body-semibold.gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-register-form .rp-body-semibold.gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-login-form .rp-body-semibold.gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-register-form .rp-body-semibold.gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .rp-body-semibold.gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .rp-body-semibold.gigya-composite-control-label.text-input, .login-component .modal .modal-content .gigya-login-form .rp-body-semibold.error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .rp-body-semibold.error-form,
.modal-promo .modal .modal-content .gigya-login-form .rp-body-semibold.error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .rp-body-semibold.error-form, .login-component .modal .modal-content .gigya-register-form .rp-body-semibold.gr17-legal-text,
.login-component .modal .modal-content-welcome .gigya-register-form .rp-body-semibold.gr17-legal-text,
.modal-promo .modal .modal-content .gigya-register-form .rp-body-semibold.gr17-legal-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .rp-body-semibold.gr17-legal-text, .login-component .modal .modal-content #gigya-forgot-password-screen .rp-body-semibold.gigya-composite-control-label:not(.gr17-introduce-text),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-body-semibold.gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-body-semibold.gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-body-semibold.gigya-composite-control-label:not(.gr17-introduce-text), .login-component .modal .modal-content #gigya-reset-password .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .rp-body-semibold.gigya-composite-control-label, .index-component.sticky-bar .heading-reportaje .rp-body-semibold.reportaje-title, .index-component.sticky-bar .block-select .static-block .rp-body-semibold.item-link,
.rp-body-semibold.rp-caption, .rp-body-semibold.rp-body-14, .login-component .modal .modal-content .gigya-register-form .rp-body-semibold.gigya-composite-control-label.acept-term,
.login-component .modal .modal-content-welcome .gigya-register-form .rp-body-semibold.gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content .gigya-register-form .rp-body-semibold.gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content-welcome .gigya-register-form .rp-body-semibold.gigya-composite-control-label.acept-term, .index-component:not(.sticky-bar) .list-links .rp-body-semibold.item-link, .index-component.sticky-bar .block-select .block-index .list-links .rp-body-semibold.item-link, .rp-body-semibold.rp-body-16, .paragraph-component .paragraph-interview .rp-description p.rp-body-semibold, .login-component .modal .modal-content .gigya-login-form .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content .gigya-register-form .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-login-form .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-register-form .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-login-form .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-register-form .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-login-form .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-register-form .rp-body-semibold.gigya-composite-control-label, .login-component .modal .modal-content .modal-content-footer-password .rp-body-semibold.modal-content-footer__forgot-password,
.login-component .modal .modal-content-welcome .modal-content-footer-password .rp-body-semibold.modal-content-footer__forgot-password,
.modal-promo .modal .modal-content .modal-content-footer-password .rp-body-semibold.modal-content-footer__forgot-password,
.modal-promo .modal .modal-content-welcome .modal-content-footer-password .rp-body-semibold.modal-content-footer__forgot-password, .login-component .modal .modal-content .gigya-login-form .rp-body-semibold.gigya-composite-control-link,
.login-component .modal .modal-content-welcome .gigya-login-form .rp-body-semibold.gigya-composite-control-link,
.modal-promo .modal .modal-content .gigya-login-form .rp-body-semibold.gigya-composite-control-link,
.modal-promo .modal .modal-content-welcome .gigya-login-form .rp-body-semibold.gigya-composite-control-link, .login-component .modal .modal-content #gigya-forgot-password-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password-success-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content #gigya-complete-registration-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-code-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-sent-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .rp-body-semibold.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .rp-body-semibold.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .rp-body-semibold.gigya-composite-control-label, .login-component .modal .modal-content #gigya-forgot-password-screen .rp-body-semibold.rp-init-login,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-body-semibold.rp-init-login,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-body-semibold.rp-init-login,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-body-semibold.rp-init-login, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong.rp-body-semibold,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong.rp-body-semibold,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong.rp-body-semibold,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong.rp-body-semibold, .login-component .modal .modal-content #gigya-forgot-password-success-screen .rp-body-semibold.rp-link-forgot-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-body-semibold.rp-link-forgot-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .rp-body-semibold.rp-link-forgot-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-body-semibold.rp-link-forgot-password, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input.rp-body-semibold,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input.rp-body-semibold,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input.rp-body-semibold,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input.rp-body-semibold, .login-component .modal .modal-content #gigya-complete-registration-screen .rp-body-semibold.gigya-composite-control.gigya-composite-control-link.gr17-link,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .rp-body-semibold.gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .rp-body-semibold.gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .rp-body-semibold.gigya-composite-control.gigya-composite-control-link.gr17-link, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a.rp-body-semibold,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a.rp-body-semibold,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a.rp-body-semibold,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a.rp-body-semibold, .login-component .modal .modal-content #gigya-verification-code-screen .rp-body-semibold.email-display,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .rp-body-semibold.email-display,
.modal-promo .modal .modal-content #gigya-verification-code-screen .rp-body-semibold.email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .rp-body-semibold.email-display, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a.rp-body-semibold,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a.rp-body-semibold,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a.rp-body-semibold,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a.rp-body-semibold, .login-component .modal .modal-content #gigya-verification-sent-screen .rp-body-semibold.email-display,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .rp-body-semibold.email-display,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .rp-body-semibold.email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .rp-body-semibold.email-display, .description .description-component .description-block > p.rp-body-semibold, .content__image-component .content__container > p.rp-body-semibold:not(.content__title), .accordion-component .accordion__details .accordion__content .rp-body-semibold:not(i, b), .card-component .card.card-s .card__content .info-card .rp-body-semibold.rp-guia-title-03, .rp-body-semibold.rp-body-18, .multirecetas .note-component .rp-description p.rp-body-semibold, .paragraph-component .block-info:not(.paragraph-interview) .rp-description p.rp-body-semibold, .note-component .rp-description p.rp-body-semibold {
  font-family: "Roboto-Medium";
  font-weight: 500;
}

.rp-body-18, .multirecetas .note-component .rp-description p, .paragraph-component .block-info:not(.paragraph-interview) .rp-description p, .note-component .rp-description p {
  font-size: 1.125rem;
  line-height: 2rem;
}

.rp-body-16, .paragraph-component .paragraph-interview .rp-description p, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label, .login-component .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.login-component .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label, .login-component .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong, .login-component .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a, .login-component .modal .modal-content #gigya-verification-code-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .email-display, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a, .login-component .modal .modal-content #gigya-verification-sent-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .email-display, .description .description-component .description-block > p, .content__image-component .content__container > p:not(.content__title), .accordion-component .accordion__details .accordion__content *:not(i, b), .card-component .card.card-s .card__content .info-card .rp-guia-title-03 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.rp-body-14, .multirecetas .index-component:not(.sticky-bar) .list-links .item-link, .multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term, .index-component:not(.sticky-bar) .list-links .item-link, .index-component.sticky-bar .block-select .block-index .list-links .item-link {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.025px;
}

.rp-body-12, .multirecetas .index-component.sticky-bar .heading-reportaje .reportaje-title, .multirecetas .index-component.sticky-bar .block-select .static-block .item-link, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input, .login-component .modal .modal-content .gigya-login-form .error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .error-form,
.modal-promo .modal .modal-content .gigya-login-form .error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .error-form, .login-component .modal .modal-content .gigya-register-form .gr17-legal-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-legal-text, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text), .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label, .index-component.sticky-bar .heading-reportaje .reportaje-title, .index-component.sticky-bar .block-select .static-block .item-link,
.rp-caption {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025px;
}

.page-tag .card-component[data-type=auto] .block-gene-card-select {
  row-gap: 16px;
}
@media (min-width: 64rem) {
  .page-tag .card-component[data-type=auto] .block-gene-card-select {
    row-gap: 24px;
  }
}
@media (min-width: 90rem) {
  .page-tag .card-component[data-type=auto] .block-gene-card-select {
    row-gap: 32px;
  }
}
.page-tag .card-component[data-type=auto] .block-gene-card-select > div > .card {
  height: 100%;
}

.card-component:not(:has(.component-class-1)) {
  padding-block: 32px;
}
@media (min-width: 45rem) {
  .card-component:not(:has(.component-class-1)) {
    padding-block: 64px;
  }
}
.card-component:not(:has(.component-class-1)) .card {
  padding-block: 0;
}
.card-component:has(.component-class-1) {
  padding-block: 32px;
}
@media (min-width: 45rem) {
  .card-component:has(.component-class-1) {
    padding-block: 64px;
  }
}
.card-component:has(.component-class-1) .card {
  padding-block: 8px;
}
.card-component .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-component .card .card__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.card-component .card .card__content > picture {
  aspect-ratio: 4/3;
}
.card-component .card .card__content > picture img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
.card-component .card .card__content .block-img-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 4/3;
}
.card-component .card .card__content .block-img-default .icon-card-default {
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
}
.card-component .card .card__content .block-img-default .icon-card-default.RESTAURANTE, .card-component .card .card__content .block-img-default .icon-card-default.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.card-component .card .card__content .block-img-default .icon-card-default.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
.card-component .card .card__content .info-card,
.card-component .card .card__content .info-card-tag,
.card-component .card .card__content .info-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.card-component .card .card__content .info-card .tag,
.card-component .card .card__content .info-card .location,
.card-component .card .card__content .info-card .soles .soles-text,
.card-component .card .card__content .info-card-tag .tag,
.card-component .card .card__content .info-card-tag .location,
.card-component .card .card__content .info-card-tag .soles .soles-text,
.card-component .card .card__content .info-card-content .tag,
.card-component .card .card__content .info-card-content .location,
.card-component .card .card__content .info-card-content .soles .soles-text {
  letter-spacing: normal;
}
.card-component .card .card__content .info-card .tag,
.card-component .card .card__content .info-card-tag .tag,
.card-component .card .card__content .info-card-content .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-component .card .card__content .info-card .tag .icon-type, .card-component .card .card__content .info-card .tag::before,
.card-component .card .card__content .info-card-tag .tag .icon-type,
.card-component .card .card__content .info-card-tag .tag::before,
.card-component .card .card__content .info-card-content .tag .icon-type,
.card-component .card .card__content .info-card-content .tag::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 1.125rem;
  margin-right: 8px;
}
.card-component .card .card__content .info-card .tag .icon-type::before, .card-component .card .card__content .info-card .tag::before::before,
.card-component .card .card__content .info-card-tag .tag .icon-type::before,
.card-component .card .card__content .info-card-tag .tag::before::before,
.card-component .card .card__content .info-card-content .tag .icon-type::before,
.card-component .card .card__content .info-card-content .tag::before::before {
  font-size: 1.125rem;
}
.card-component .card .card__content .info-card .tag .icon-type img, .card-component .card .card__content .info-card .tag::before img,
.card-component .card .card__content .info-card-tag .tag .icon-type img,
.card-component .card .card__content .info-card-tag .tag::before img,
.card-component .card .card__content .info-card-content .tag .icon-type img,
.card-component .card .card__content .info-card-content .tag::before img {
  width: 100%;
  height: 100%;
}
.card-component .card .card__content .info-card .tag picture,
.card-component .card .card__content .info-card-tag .tag picture,
.card-component .card .card__content .info-card-content .tag picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  min-height: 16px;
  height: 16px;
  max-height: 16px;
  font-size: 1rem;
  margin-right: 8px;
}
.card-component .card .card__content .info-card .tag picture::before,
.card-component .card .card__content .info-card-tag .tag picture::before,
.card-component .card .card__content .info-card-content .tag picture::before {
  font-size: 1rem;
}
.card-component .card .card__content .info-card .tag picture img,
.card-component .card .card__content .info-card-tag .tag picture img,
.card-component .card .card__content .info-card-content .tag picture img {
  width: 100%;
  height: 100%;
}
.card-component .card .card__content .info-card .soles,
.card-component .card .card__content .info-card-tag .soles,
.card-component .card .card__content .info-card-content .soles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-component .card .card__content .info-card .soles::before,
.card-component .card .card__content .info-card-tag .soles::before,
.card-component .card .card__content .info-card-content .soles::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
}
.card-component .card .card__content .info-card .soles::before::before,
.card-component .card .card__content .info-card-tag .soles::before::before,
.card-component .card .card__content .info-card-content .soles::before::before {
  font-size: 1rem;
}
.card-component .card .card__content .info-card .soles::before img,
.card-component .card .card__content .info-card-tag .soles::before img,
.card-component .card .card__content .info-card-content .soles::before img {
  width: 100%;
  height: 100%;
}
.card-component .card .card__content .info-card .soles > picture,
.card-component .card .card__content .info-card-tag .soles > picture,
.card-component .card .card__content .info-card-content .soles > picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
  margin-right: 8px;
}
.card-component .card .card__content .info-card .soles > picture::before,
.card-component .card .card__content .info-card-tag .soles > picture::before,
.card-component .card .card__content .info-card-content .soles > picture::before {
  font-size: 1rem;
}
.card-component .card .card__content .info-card .soles > picture img,
.card-component .card .card__content .info-card-tag .soles > picture img,
.card-component .card .card__content .info-card-content .soles > picture img {
  width: 100%;
  height: 100%;
}
.card-component .card .card__content .info-card .location,
.card-component .card .card__content .info-card-tag .location,
.card-component .card .card__content .info-card-content .location {
  color: #727272;
}
.card-component .card .card__content .info-card picture img,
.card-component .card .card__content .info-card-tag picture img,
.card-component .card .card__content .info-card-content picture img {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  min-height: auto !important;
}
.card-component .card .card__content .info-card-interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding: 0 24px 24px 24px;
  margin-top: auto;
}
.card-component .card .card__content .info-card-interaction .icon-rp-interaction {
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 22px;
  width: 22px;
  max-width: 22px;
  min-height: 22px;
  height: 22px;
  max-height: 22px;
  font-size: 1.125rem;
}
.card-component .card .card__content .info-card-interaction .icon-rp-interaction::before {
  font-size: 1.125rem;
}
.card-component .card .card__content .info-card-interaction .icon-rp-interaction img {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .card-component .card .card__content:hover, .card-component .card .card__content:active {
    -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
  }
  .card-component .card .card__content:hover .title, .card-component .card .card__content:active .title {
    color: #016A7F;
  }
}
.card-component .card.card-s .card__content {
  min-height: 156px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-component .card.card-s .card__content .block-img-default .icon-card-default {
  width: 70px;
  height: 70px;
}
@media (min-width: 45rem) {
  .card-component .card.card-s .card__content .block-img-default .icon-card-default {
    height: 120px;
    width: 120px;
  }
}
.card-component .card.card-s .card__content .info-card,
.card-component .card.card-s .card__content .info-card-tag,
.card-component .card.card-s .card__content .info-card-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-component .card.card-s .card__content .info-card {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.card-component .card.card-s .card__content .info-card .info-card-detail {
  display: none;
}
.card-component .card.card-s .card__content .info-card .rp-guia-title-03 {
  font-family: "Roboto-Medium";
  font-weight: 500;
}
.card-component .card.card-s .card__content .info-card .info-card-tag {
  padding-block: 8px;
}
.card-component .card.card-s .card__content .info-card-interaction {
  position: absolute;
  bottom: 0;
  right: 48%;
}
.card-component .card.card-xl .card__content {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.card-component .card.card-xl .card__content .info-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
}
.card-component .card.card-xl .card__content .info-card .info-card-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-component .card.card-xl .card__content .info-card .info-card-content .title {
  margin-block: 4px 8px;
}
.card-component .card.restaurante-card.card-s .card__content > picture,
.card-component .card.restaurante-card.card-s .card__content .block-img-default, .card-component .card.recomendado-card.card-s .card__content > picture,
.card-component .card.recomendado-card.card-s .card__content .block-img-default, .card-component .card.soletes-card.card-s .card__content > picture,
.card-component .card.soletes-card.card-s .card__content .block-img-default, .card-component .card.reportaje-card.card-s .card__content > picture,
.card-component .card.reportaje-card.card-s .card__content .block-img-default, .card-component .card.tourist-card.card-s .card__content > picture,
.card-component .card.tourist-card.card-s .card__content .block-img-default, .card-component .card.recetas-card.card-s .card__content > picture,
.card-component .card.recetas-card.card-s .card__content .block-img-default, .card-component .card.rutas-card.card-s .card__content > picture,
.card-component .card.rutas-card.card-s .card__content .block-img-default {
  width: 288px;
  min-width: 48%;
  max-width: 48%;
  height: 100%;
  overflow: hidden;
}
.card-component .card.restaurante-card.card-s .card__content .info-card, .card-component .card.recomendado-card.card-s .card__content .info-card, .card-component .card.soletes-card.card-s .card__content .info-card, .card-component .card.reportaje-card.card-s .card__content .info-card, .card-component .card.tourist-card.card-s .card__content .info-card, .card-component .card.recetas-card.card-s .card__content .info-card, .card-component .card.rutas-card.card-s .card__content .info-card {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 24px 24px 46px;
}
.card-component .card.restaurante-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.recomendado-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.soletes-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.reportaje-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.tourist-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame {
  display: none;
}
.card-component .card.restaurante-card.card-s .card__content .info-card .info-card-content .title, .card-component .card.recomendado-card.card-s .card__content .info-card .info-card-content .title, .card-component .card.soletes-card.card-s .card__content .info-card .info-card-content .title, .card-component .card.reportaje-card.card-s .card__content .info-card .info-card-content .title, .card-component .card.tourist-card.card-s .card__content .info-card .info-card-content .title, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-content .title, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-content .title {
  margin-block: 8px;
}
.card-component .card.restaurante-card.card-s .card__content .info-card .info-card-content .img-frame, .card-component .card.recomendado-card.card-s .card__content .info-card .info-card-content .img-frame, .card-component .card.soletes-card.card-s .card__content .info-card .info-card-content .img-frame, .card-component .card.reportaje-card.card-s .card__content .info-card .info-card-content .img-frame, .card-component .card.tourist-card.card-s .card__content .info-card .info-card-content .img-frame, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-content .img-frame, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-content .img-frame {
  display: none;
}
.card-component .card.restaurante-card.card-xl .card__content .block-img-default .icon-card-default, .card-component .card.recomendado-card.card-xl .card__content .block-img-default .icon-card-default, .card-component .card.soletes-card.card-xl .card__content .block-img-default .icon-card-default, .card-component .card.reportaje-card.card-xl .card__content .block-img-default .icon-card-default, .card-component .card.tourist-card.card-xl .card__content .block-img-default .icon-card-default, .card-component .card.recetas-card.card-xl .card__content .block-img-default .icon-card-default, .card-component .card.rutas-card.card-xl .card__content .block-img-default .icon-card-default {
  height: 120px;
  width: 120px;
}
.card-component .card.restaurante-card.card-xl .card__content .info-card, .card-component .card.recomendado-card.card-xl .card__content .info-card, .card-component .card.soletes-card.card-xl .card__content .info-card, .card-component .card.reportaje-card.card-xl .card__content .info-card, .card-component .card.tourist-card.card-xl .card__content .info-card, .card-component .card.recetas-card.card-xl .card__content .info-card, .card-component .card.rutas-card.card-xl .card__content .info-card {
  padding: 24px;
}
.card-component .card.restaurante-card.card-xl .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.recomendado-card.card-xl .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.soletes-card.card-xl .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.reportaje-card.card-xl .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.tourist-card.card-xl .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.recetas-card.card-xl .card__content .info-card .info-card-tag .soles .soles-img-frame, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-tag .soles .soles-img-frame {
  display: none;
}
.card-component .card.restaurante-card.card-xl .card__content .info-card .info-card-detail, .card-component .card.recomendado-card.card-xl .card__content .info-card .info-card-detail, .card-component .card.soletes-card.card-xl .card__content .info-card .info-card-detail, .card-component .card.reportaje-card.card-xl .card__content .info-card .info-card-detail, .card-component .card.tourist-card.card-xl .card__content .info-card .info-card-detail, .card-component .card.recetas-card.card-xl .card__content .info-card .info-card-detail, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-detail {
  display: none;
}
.card-component .card.restaurante-card.card-xl .card__content .info-card .info-card-content .img-frame, .card-component .card.recomendado-card.card-xl .card__content .info-card .info-card-content .img-frame, .card-component .card.soletes-card.card-xl .card__content .info-card .info-card-content .img-frame, .card-component .card.reportaje-card.card-xl .card__content .info-card .info-card-content .img-frame, .card-component .card.tourist-card.card-xl .card__content .info-card .info-card-content .img-frame, .card-component .card.recetas-card.card-xl .card__content .info-card .info-card-content .img-frame, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-content .img-frame {
  display: none;
}
.card-component .card.restaurante-card.card-xl .card__content .info-card .info-card-content .container-description > p, .card-component .card.recomendado-card.card-xl .card__content .info-card .info-card-content .container-description > p, .card-component .card.soletes-card.card-xl .card__content .info-card .info-card-content .container-description > p, .card-component .card.reportaje-card.card-xl .card__content .info-card .info-card-content .container-description > p, .card-component .card.tourist-card.card-xl .card__content .info-card .info-card-content .container-description > p, .card-component .card.recetas-card.card-xl .card__content .info-card .info-card-content .container-description > p, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-content .container-description > p {
  margin-top: 8px;
  margin-bottom: 0;
}
.card-component .card.restaurante-card.card-s .card__content .info-card .info-card-content, .card-component .card.recomendado-card.card-s .card__content .info-card .info-card-content, .card-component .card.soletes-card.card-s .card__content .info-card .info-card-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 45rem) {
  .card-component .card.reportaje-card.card-s .card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 16px;
  }
  .card-component .card.reportaje-card.card-s .card__content > picture,
.card-component .card.reportaje-card.card-s .card__content .block-img-default {
    height: 86px;
    min-height: 86px;
    width: 122px;
    min-width: 122px;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .card-component .card.reportaje-card.card-s .card__content .info-card {
    padding: 0;
  }
  .card-component .card.reportaje-card.card-s .card__content .info-card .info-card-content .title {
    margin-top: 12px;
  }
  .card-component .card.reportaje-card.card-s .card__content .info-card .info-card-content .location {
    position: absolute;
    height: 86px;
    min-height: 86px;
    bottom: 16px;
    width: calc(100% - 166px);
  }
  .card-component .card.reportaje-card.card-s .card__content .info-card-interaction {
    padding: 16px 16px 0 0;
    top: 0;
    right: 0;
  }
}
.card-component .card.recetas-card.card-xl .card__content .info-card, .card-component .card.recetas-card.card-s .card__content .info-card, .card-component .card.rutas-card.card-xl .card__content .info-card, .card-component .card.rutas-card.card-s .card__content .info-card {
  padding: 0;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-tag, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-tag, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-tag, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-tag {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-tag .tag, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-tag .tag, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-tag .tag, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-tag .tag {
  padding: 24px 24px 4px 24px;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-detail, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-detail, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-detail, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  padding: 12px 24px;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-detail .data-item, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-detail .data-item, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-detail .data-item, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-detail .data-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 33.333333%;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-detail .data-item .data-item-title, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-detail .data-item .data-item-title, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-detail .data-item .data-item-title, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-detail .data-item .data-item-title {
  letter-spacing: 0.25;
  color: #ffffff;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-detail .data-item .data-item-description, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-detail .data-item .data-item-description, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-detail .data-item .data-item-description, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-detail .data-item .data-item-description {
  color: #ffffff;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 32px;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-detail.data-kitchen, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-detail.data-kitchen, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-detail.data-kitchen, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-detail.data-kitchen {
  background-color: #b52958;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-detail.data-rute, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-detail.data-rute, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-detail.data-rute, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-detail.data-rute {
  background-color: #003766;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-content, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-content, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-content, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-content {
  padding: 0 24px 24px 24px;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-content .title, .card-component .card.recetas-card.card-s .card__content .info-card .info-card-content .title, .card-component .card.rutas-card.card-xl .card__content .info-card .info-card-content .title, .card-component .card.rutas-card.card-s .card__content .info-card .info-card-content .title {
  font-size: 22px;
}
.card-component .card.recetas-card.card-s .card__content {
  padding-bottom: 72px;
  min-height: 285px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.card-component .card.recetas-card.card-s .card__content > picture {
  max-height: 78px;
  min-width: auto;
  max-width: none;
  height: auto;
  width: 100%;
  position: relative;
  overflow: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.card-component .card.recetas-card.card-s .card__content > picture img {
  aspect-ratio: auto;
  width: 122px;
  height: 91.51px;
  min-height: auto;
  position: absolute;
  top: -31px;
  right: 24px;
}
.card-component .card.recetas-card.card-s .card__content .info-card .info-card-tag .tag {
  padding: 16px 16px 0 16px;
}
.card-component .card.recetas-card.card-s .card__content .info-card .info-card-content {
  gap: 8px;
  padding: 13px 16px 0 16px;
}
.card-component .card.recetas-card.card-s .card__content .info-card .info-card-content .title {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.card-component .card.recetas-card.card-s .card__content .info-card .info-card-content .location {
  width: 60%;
}
.card-component .card.recetas-card.card-s .card__content .info-card .info-card-detail {
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.card-component .card.recetas-card.card-s .card__content .info-card-interaction {
  top: 15px;
  bottom: auto;
  right: 16px;
  padding: 0;
}
.card-component .card.promociones-card {
  height: 100%;
}
.card-component .card.promociones-card .block-promo {
  overflow: hidden;
}
.card-component .card.promociones-card .block-promo .block-img picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 184px;
}
@media (min-width: 64rem) {
  .card-component .card.promociones-card .block-promo .block-img picture {
    height: 200px;
  }
}
.card-component .card.promociones-card .block-promo .block-img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-component .card.promociones-card .block-promo .block-img .date-gene {
  display: none;
}
.card-component .card.promociones-card .block-promo .block-img .block-time {
  position: absolute;
  top: 12px;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E4002B;
  padding: 4px 16px;
  color: #ffffff;
  border-radius: 4px;
}
@media (min-width: 64rem) {
  .card-component .card.promociones-card .block-promo .block-img .block-time {
    left: initial;
  }
}
.card-component .card.promociones-card .block-promo .block-img .block-time.disabled {
  background-color: #757575;
}
.card-component .card.promociones-card .block-promo .block-img .block-time .text-clock {
  margin-bottom: 0;
  margin-left: 12px;
  color: #ffffff;
}
.card-component .card.promociones-card .block-promo .block-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding: 24px;
}
.card-component .card.promociones-card .block-promo .block-text .info-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin-bottom: 40px;
}
.card-component .card.promociones-card .block-promo .block-text .info-card .title {
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .card-component .card.promociones-card .block-promo .block-text .info-card .title {
    margin-bottom: 12px;
  }
}
.card-component .card.promociones-card .block-promo .block-text .info-card .description > p,
.card-component .card.promociones-card .block-promo .block-text .info-card * {
  margin-bottom: 0;
}
.card-component .card.promociones-card .block-promo .block-link .rp-btn-guia {
  margin-top: 16px;
}
.card-component .card.promociones-card .block-promo .block-link .rp-btn-guia.not-active {
  pointer-events: none;
  cursor: default;
}
.card-component .card.promociones-card .block-promo .block-link .rp-btn-guia.not-active:disabled, .card-component .card.promociones-card .block-promo .block-link .rp-btn-guia.not-active.rp-disabled, .card-component .card.promociones-card .block-promo .block-link .rp-btn-guia.not-active[disabled=disabled] {
  color: #AAAAAA;
  background-color: #DDDDDD;
}
.card-component .card.recetas-card .title {
  color: #464646;
}
.card-component .card.recetas-card .info-card-interaction {
  margin-top: auto;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content,
.card-component.card-component--withPadding .soletes-card.card-s .card__content,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content,
.card-component.card-component--withPadding .tourist-card.card-s .card__content,
.card-component.card-component--withPadding .recetas-card.card-s .card__content,
.card-component.card-component--withPadding .rutas-card.card-s .card__content {
  padding: 16px;
  gap: 16px;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .soles > picture,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .soles > picture,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .soles > picture,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .soles > picture,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .soles > picture,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .soles > picture,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .soles > picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  min-height: 16px;
  height: 16px;
  max-height: 16px;
  font-size: 1rem;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .soles > picture::before,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .soles > picture::before,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .soles > picture::before,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .soles > picture::before,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .soles > picture::before,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .soles > picture::before,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .soles > picture::before {
  font-size: 1rem;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .soles > picture img,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .soles > picture img,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .soles > picture img,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .soles > picture img,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .soles > picture img,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .soles > picture img,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .soles > picture img {
  width: 100%;
  height: 100%;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content > picture, .card-component.card-component--withPadding .restaurante-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content > picture,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .soletes-card.card-s .card__content > picture,
.card-component.card-component--withPadding .soletes-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content > picture,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .tourist-card.card-s .card__content > picture,
.card-component.card-component--withPadding .tourist-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .recetas-card.card-s .card__content > picture,
.card-component.card-component--withPadding .recetas-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .rutas-card.card-s .card__content > picture,
.card-component.card-component--withPadding .rutas-card.card-s .card__content > .block-img-default {
  width: 106px;
  min-width: 106px;
  height: auto;
}
@media (min-width: 80rem) {
  .card-component.card-component--withPadding .restaurante-card.card-s .card__content > picture, .card-component.card-component--withPadding .restaurante-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content > picture,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .soletes-card.card-s .card__content > picture,
.card-component.card-component--withPadding .soletes-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content > picture,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .tourist-card.card-s .card__content > picture,
.card-component.card-component--withPadding .tourist-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .recetas-card.card-s .card__content > picture,
.card-component.card-component--withPadding .recetas-card.card-s .card__content > .block-img-default,
.card-component.card-component--withPadding .rutas-card.card-s .card__content > picture,
.card-component.card-component--withPadding .rutas-card.card-s .card__content > .block-img-default {
    width: 166px;
    min-width: 166px;
  }
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content > picture .icon-card-default, .card-component.card-component--withPadding .restaurante-card.card-s .card__content > .block-img-default .icon-card-default,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content > picture .icon-card-default,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content > .block-img-default .icon-card-default,
.card-component.card-component--withPadding .soletes-card.card-s .card__content > picture .icon-card-default,
.card-component.card-component--withPadding .soletes-card.card-s .card__content > .block-img-default .icon-card-default,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content > picture .icon-card-default,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content > .block-img-default .icon-card-default,
.card-component.card-component--withPadding .tourist-card.card-s .card__content > picture .icon-card-default,
.card-component.card-component--withPadding .tourist-card.card-s .card__content > .block-img-default .icon-card-default,
.card-component.card-component--withPadding .recetas-card.card-s .card__content > picture .icon-card-default,
.card-component.card-component--withPadding .recetas-card.card-s .card__content > .block-img-default .icon-card-default,
.card-component.card-component--withPadding .rutas-card.card-s .card__content > picture .icon-card-default,
.card-component.card-component--withPadding .rutas-card.card-s .card__content > .block-img-default .icon-card-default {
  height: 70px;
  width: 70px;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .info-card,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .info-card,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .info-card,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .info-card,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .info-card,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .info-card,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .info-card {
  padding: 0;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-no-frame,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-no-frame,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-no-frame,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-no-frame,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-no-frame,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-no-frame,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-no-frame {
  display: none;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .info-card .info-card-tag .soles .soles-img-frame {
  display: inline;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .info-card .info-card-content,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .info-card .info-card-content,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .info-card .info-card-content,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .info-card .info-card-content,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .info-card .info-card-content,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .info-card .info-card-content,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .info-card .info-card-content {
  margin-top: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .info-card .info-card-content .title,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .info-card .info-card-content .title,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .info-card .info-card-content .title,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .info-card .info-card-content .title,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .info-card .info-card-content .title,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .info-card .info-card-content .title,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .info-card .info-card-content .title {
  margin-top: 8px;
  margin-bottom: 0;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .info-card .info-card-content .img-no-frame,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .info-card .info-card-content .img-no-frame,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .info-card .info-card-content .img-no-frame,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .info-card .info-card-content .img-no-frame,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .info-card .info-card-content .img-no-frame,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .info-card .info-card-content .img-no-frame,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .info-card .info-card-content .img-no-frame {
  display: none;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .info-card .info-card-content .img-frame,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .info-card .info-card-content .img-frame,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .info-card .info-card-content .img-frame,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .info-card .info-card-content .img-frame,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .info-card .info-card-content .img-frame,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .info-card .info-card-content .img-frame,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .info-card .info-card-content .img-frame {
  display: block;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .info-card .info-card-content .location,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .info-card .info-card-content .location,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .info-card .info-card-content .location,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .info-card .info-card-content .location,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .info-card .info-card-content .location,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .info-card .info-card-content .location,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .info-card .info-card-content .location {
  color: #727272;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .card__status--closed,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .card__status--closed,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .card__status--closed,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .card__status--closed,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .card__status--closed,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .card__status--closed,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .card__status--closed {
  margin-top: 8px;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__content .info-card-interaction,
.card-component.card-component--withPadding .recomendado-card.card-s .card__content .info-card-interaction,
.card-component.card-component--withPadding .soletes-card.card-s .card__content .info-card-interaction,
.card-component.card-component--withPadding .reportaje-card.card-s .card__content .info-card-interaction,
.card-component.card-component--withPadding .tourist-card.card-s .card__content .info-card-interaction,
.card-component.card-component--withPadding .recetas-card.card-s .card__content .info-card-interaction,
.card-component.card-component--withPadding .rutas-card.card-s .card__content .info-card-interaction {
  display: none;
}
.card-component.card-component--withPadding .restaurante-card.card-s .card__link .img-no-frame,
.card-component.card-component--withPadding .recomendado-card.card-s .card__link .img-no-frame,
.card-component.card-component--withPadding .soletes-card.card-s .card__link .img-no-frame,
.card-component.card-component--withPadding .reportaje-card.card-s .card__link .img-no-frame,
.card-component.card-component--withPadding .tourist-card.card-s .card__link .img-no-frame,
.card-component.card-component--withPadding .recetas-card.card-s .card__link .img-no-frame,
.card-component.card-component--withPadding .rutas-card.card-s .card__link .img-no-frame {
  display: none;
}
@media (max-width: 45rem) {
  .card-component.card-component--withPadding .restaurante-card.card-s .card__link,
.card-component.card-component--withPadding .recomendado-card.card-s .card__link,
.card-component.card-component--withPadding .soletes-card.card-s .card__link,
.card-component.card-component--withPadding .reportaje-card.card-s .card__link,
.card-component.card-component--withPadding .tourist-card.card-s .card__link,
.card-component.card-component--withPadding .recetas-card.card-s .card__link,
.card-component.card-component--withPadding .rutas-card.card-s .card__link {
    width: 311px;
  }
}
@media (min-width: 45rem) and (max-width: 64rem) {
  .card-component.card-component--withPadding .restaurante-card.card-s .card__link,
.card-component.card-component--withPadding .recomendado-card.card-s .card__link,
.card-component.card-component--withPadding .soletes-card.card-s .card__link,
.card-component.card-component--withPadding .reportaje-card.card-s .card__link,
.card-component.card-component--withPadding .tourist-card.card-s .card__link,
.card-component.card-component--withPadding .recetas-card.card-s .card__link,
.card-component.card-component--withPadding .rutas-card.card-s .card__link {
    width: 395px;
  }
}
.card-component .block-gene-card .block-info-card {
  margin-bottom: 40px;
}
@media screen and (width < 30rem) {
  .card-component .block-gene-card .block-info-card {
    margin-bottom: 24px;
  }
}
.card-component .block-gene-card .block-info-card.text--light .rp-guia-headline-03,
.card-component .block-gene-card .block-info-card.text--light .description-title {
  color: #ffffff;
}
.card-component .block-gene-card .block-info-card .rp-guia-headline-03 {
  margin-bottom: 14px;
}
.card-component .block-gene-card .block-info-card .description-title {
  margin-bottom: 18px;
}
@media (min-width: 64rem) {
  .card-component .block-gene-card .block-info-card .description-title {
    margin-bottom: 34px;
  }
}
.card-component .block-gene-card .block-gene-card-select {
  /* >= small: 2 por fila */
  /* >= large: 4 por fila (centradas) */
}
.card-component .block-gene-card .block-gene-card-select[data-num-card="5"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* 1ª tarjeta: ocupa toda la fila */
  /* Por defecto (mobile): 1 por fila */
}
.card-component .block-gene-card .block-gene-card-select[data-num-card="5"] > .card-xxl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.card-component .block-gene-card .block-gene-card-select[data-num-card="5"] > div:not(.card-xxl) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
}
@media (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select[data-num-card="5"] > div:not(.card-xxl) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 80rem) {
  .card-component .block-gene-card .block-gene-card-select[data-num-card="5"] > div:not(.card-xxl) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card:not(.promociones-card) .card__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card:not(.promociones-card) .card__content .info-card {
    padding: 24px 24px 24px 40px;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card:not(.promociones-card) .card__content .info-card {
    padding: 40px;
  }
}
@media (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card .card__content > picture,
.card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card .card__content .block-img-default {
    min-width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 45rem) and (min-width: 90rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card .card__content .block-img-default .icon-card-default {
    width: 240px;
    height: 240px;
  }
}
@media (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card .card__content .info-card .info-card-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    padding-bottom: 22px;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card .card__content .info-card .info-card-content .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card .card__content .info-card .info-card-content .container-description > p {
    margin-top: 8px;
  }
}
@media (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card .card__content .info-card-interaction {
    padding: 0 24px 24px 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card .card__content .info-card-interaction {
    padding: 0 40px 40px 0;
  }
}
@media (min-width: 45rem) and (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.recetas-card .info-card-tag .tag,
.card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.recetas-card .info-card-content, .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.rutas-card .info-card-tag .tag,
.card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.rutas-card .info-card-content {
    padding: 0;
  }
}
@media (min-width: 45rem) and (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.recetas-card .info-card-detail, .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.rutas-card .info-card-detail {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
  }
}
@media (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .block-promo .block-img picture {
    height: 280px;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .block-promo .block-link .rp-btn-guia {
    width: 100%;
  }
}
@media (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .card__content.block-promo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .card__content.block-promo .block-img,
.card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .card__content.block-promo .block-text {
    width: 50%;
    height: 100%;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .card__content.block-promo .block-img picture {
    height: 100%;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .card__content.block-promo .block-text {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .card__content.block-promo .block-text .info-card {
    padding: 0;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .card__content.block-promo .block-text .title {
    font-size: 43px;
    line-height: 56px;
    margin-bottom: 24px;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1.card-xxl .card.promociones-card .card__content.block-promo .block-time {
    top: 32px;
    right: 32px;
  }
}
@media (min-width: 45rem) and (max-width: 1023px) {
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card:not(.promociones-card) .card__content, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card:not(.promociones-card) .card__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card:not(.promociones-card) .card__content .info-card, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card:not(.promociones-card) .card__content .info-card {
    padding: 24px 24px 24px 40px;
  }
}
@media (min-width: 45rem) and (max-width: 1023px) and (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card:not(.promociones-card) .card__content .info-card, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card:not(.promociones-card) .card__content .info-card {
    padding: 40px;
  }
}
@media (min-width: 45rem) and (max-width: 1023px) {
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card .card__content > picture,
.card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card .card__content .block-img-default, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card .card__content > picture,
.card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card .card__content .block-img-default {
    min-width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 45rem) and (max-width: 1023px) and (min-width: 90rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card .card__content .block-img-default .icon-card-default, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card .card__content .block-img-default .icon-card-default {
    width: 240px;
    height: 240px;
  }
}
@media (min-width: 45rem) and (max-width: 1023px) {
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card .card__content .info-card .info-card-content, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card .card__content .info-card .info-card-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    padding-bottom: 22px;
  }
}
@media (min-width: 45rem) and (max-width: 1023px) and (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card .card__content .info-card .info-card-content .title, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card .card__content .info-card .info-card-content .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card .card__content .info-card .info-card-content .container-description > p, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card .card__content .info-card .info-card-content .container-description > p {
    margin-top: 8px;
  }
}
@media (min-width: 45rem) and (max-width: 1023px) {
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card .card__content .info-card-interaction, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card .card__content .info-card-interaction {
    padding: 0 24px 24px 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 45rem) and (max-width: 1023px) and (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-3 .col-sm-12 .card .card__content .info-card-interaction, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card .card__content .info-card-interaction {
    padding: 0 40px 40px 0;
  }
}
@media (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-1 .card.promociones-card .card__content.block-promo .block-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1 .card.promociones-card .card__content.block-promo .block-link .rp-btn-guia {
    margin: 0;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-1 .card.promociones-card .card__content.block-promo .block-link .rp-link {
    margin-left: 24px;
  }
}
.card-component .block-gene-card .block-gene-card-select.component-class-1 a.gigya-composite-control {
  padding: 0;
}
.card-component .block-gene-card .block-gene-card-select.component-class-1 a.gigya-composite-control:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-2 .card.promociones-card .card__content.block-promo .info-card {
    margin-bottom: 50px;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-2 .card.promociones-card .card__content.block-promo .info-card .block-text .title {
    margin-bottom: 16px;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-2 .card.promociones-card .card__content.block-promo .block-img picture {
    height: 250px;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-2 .card.promociones-card .card__content.block-promo .block-time {
    top: 24px;
    right: 24px;
  }
}
@media (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-4 .card--sm-6, .card-component .block-gene-card .block-gene-card-select.component-class-5 .card--sm-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-4 .card--sm-6 .card-s, .card-component .block-gene-card .block-gene-card-select.component-class-5 .card--sm-6 .card-s {
    width: calc(50% - 8px);
  }
}
@media (min-width: 90rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-4 .card--sm-6 .card-s, .card-component .block-gene-card .block-gene-card-select.component-class-5 .card--sm-6 .card-s {
    width: 100%;
  }
}
.card-component .block-gene-card .block-gene-card-select.component-class-5 .block-gene-card-select.component-class-1.card-xxl {
  margin-bottom: 80px;
}
@media (max-width: 63.9375rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-5 .block-gene-card-select.component-class-1.card-xxl {
    margin-bottom: 16px;
  }
}
.card-component .block-gene-card .block-gene-card-select.component-class-5 .block-gene-card-select.component-class-1.card-xxl .card {
  padding-block: 0;
}
.card-component .block-gene-card .block-gene-card-select.component-class-6 {
  row-gap: 16px;
}
@media (max-width: 63.9375rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-2, .card-component .block-gene-card .block-gene-card-select.component-class-3, .card-component .block-gene-card .block-gene-card-select.component-class-4 {
    row-gap: 16px;
  }
}
@media (min-width: 45rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-2 .card, .card-component .block-gene-card .block-gene-card-select.component-class-3 .card, .card-component .block-gene-card .block-gene-card-select.component-class-4 .col-sm-6 .card, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-6 .card, .card-component .block-gene-card .block-gene-card-select.component-class-6 .card {
    height: 100%;
  }
}
@media (min-width: 64rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-sm-12 .card, .card-component .block-gene-card .block-gene-card-select.component-class-5 .col-md-6 .card {
    height: 100%;
  }
  .card-component .block-gene-card .block-gene-card-select.component-class-4 .col-sm-12 .card {
    height: 50%;
  }
}
@media (min-width: 90rem) {
  .card-component .block-gene-card .block-gene-card-select.component-class-4 .card--sm-6 .reportaje-card .card__content .info-card,
.card-component .block-gene-card .block-gene-card-select.component-class-4 .card--sm-6 .recetas-card .card__content .info-card {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.card-component .block-gene-card .btn-cards {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 64rem) {
  .card-component .block-gene-card .btn-cards {
    margin-top: 34px;
  }
}
.card-component .block-gene-card .btn-cards .rp-btn-guia {
  width: 100%;
  font-size: 1.125rem;
  line-height: 32px;
}
@media (min-width: 45rem) {
  .card-component .block-gene-card .btn-cards .rp-btn-guia {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 200px;
  }
}
@media (min-width: 64rem) {
  .card-component .block-gene-card .btn-cards .rp-btn-guia {
    min-width: 335px;
    padding: 8px 12px;
  }
}
.card-component .slick-slide:has(.recetas-card) {
  max-width: 411px;
}
.card-component .card.recetas-card .info-card .recipe-card-tag {
  display: none;
}
.card-component .block-gene-card-select.component-class-1.card-xxl .card.recetas-card .info-card .recipe-card-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.card-component .block-gene-card-select.component-class-1.card-xxl .card.recetas-card .info-card .recipe-card-tag .tag {
  text-transform: capitalize;
}
@media (min-width: 45rem) {
  .card-component .block-gene-card-select.component-class-1.card-xxl .card.recetas-card .info-card-meta {
    padding-right: 108px;
  }
}
.card-component .card.recetas-card .card__content > picture,
.card-component .card.rutas-card .card__content > picture {
  position: relative;
  display: block;
}
.card-component .card.recetas-card .card__content > picture::after,
.card-component .card.rutas-card .card__content > picture::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  background-color: #b52958;
}
.card-component .card.recetas-card .card__content .info-card-meta,
.card-component .card.rutas-card .card__content .info-card-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 4px;
  margin: 12px 0 0 -16px;
  clip-path: inset(0 0 0 16px);
  color: #727272;
  font-weight: 700;
}
.card-component .card.recetas-card .card__content .info-card-meta .meta-item,
.card-component .card.rutas-card .card__content .info-card-meta .meta-item {
  position: relative;
  padding-left: 16px;
}
.card-component .card.recetas-card .card__content .info-card-meta .meta-item::before,
.card-component .card.rutas-card .card__content .info-card-meta .meta-item::before {
  position: absolute;
  left: 5px;
  content: "·";
}
.card-component .card.recetas-card.card-xl .card__content .info-card,
.card-component .card.rutas-card.card-xl .card__content .info-card {
  padding: 24px;
}
.card-component .card.recetas-card.card-xl .card__content .info-card .info-card-content,
.card-component .card.rutas-card.card-xl .card__content .info-card .info-card-content {
  padding: 0;
}
.card-component .card.recetas-card.card-s .card__content .info-card .info-card-meta,
.card-component .card.rutas-card.card-s .card__content .info-card .info-card-meta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  padding: 0 16px 20px;
}
.card-component .card.recetas-card .info-card-content .description,
.card-component .card.rutas-card .info-card-content .description {
  display: none;
}
.card-component .block-gene-card-select.card-xxl .card.recetas-card .info-card-content .description,
.card-component .block-gene-card-select.card-xxl .card.rutas-card .info-card-content .description {
  display: revert;
}
.card-component .card.rutas-card .card__content > picture::after {
  background-color: #003766;
}
@media (min-width: 45rem) {
  .card-component .block-gene-card-select.component-class-1.card-xxl .card.recetas-card .card__content > picture::after,
.card-component .block-gene-card-select.component-class-1.card-xxl .card.rutas-card .card__content > picture::after {
    left: auto;
    top: 0;
    width: 8px;
    height: auto;
  }
  .card-component .block-gene-card-select.component-class-1.card-xxl .card.recetas-card .card__content .info-card .info-card-content,
.card-component .block-gene-card-select.component-class-1.card-xxl .card.rutas-card .card__content .info-card .info-card-content {
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .card-component .block-gene-card-select.component-class-1.card-xxl .card.recetas-card .card__content .info-card .info-card-meta,
.card-component .block-gene-card-select.component-class-1.card-xxl .card.rutas-card .card__content .info-card .info-card-meta {
    margin-top: 0;
  }
}
.card-component .info-card-interaction .icon-rp-interaction.feedback.icon-rp-Heart::before, .card-component .info-card-interaction .icon-rp-interaction.feedback.icon-rp-Heart_solid::before {
  font-size: 24px !important;
}
.card-component .info-card-interaction .icon-rp-interaction.share.icon-rp-Share::before {
  font-size: 20px !important;
}
.card-component .info-card-interaction .icon-rp-interaction.markers.icon-rp-Turned_in_not::before {
  font-size: 18px !important;
}

.upper-banner-component {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-right: 16px;
  min-height: 56px;
}
.upper-banner-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 45rem) {
  .upper-banner-component {
    display: none;
  }
}
.upper-banner-component * {
  color: #ffffff;
}
.upper-banner-component .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  font-size: 0.75rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  height: auto;
  cursor: pointer;
}
.upper-banner-component .icon-rp::before {
  font-size: 0.75rem;
}
.upper-banner-component .icon-rp img {
  width: 100%;
  height: 100%;
}
.upper-banner-component .upper-banner__image {
  width: 40px;
  height: 40px;
}
.upper-banner-component .upper-banner__image img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
.upper-banner-component .upper-banner__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 0 8px 8px;
}
.upper-banner-component .upper-banner__info__title {
  line-height: 16px;
}
.upper-banner-component .upper-banner__info__title, .upper-banner-component .upper-banner__info__pretitle {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .upper-banner-component .upper-banner__info__title, .upper-banner-component .upper-banner__info__pretitle {
    -webkit-line-clamp: 2;
  }
}
.upper-banner-component .upper-banner__info .rp-btn-guia {
  -ms-flex-item-align: center;
      align-self: center;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.upper-banner-component .upper-banner__info .rp-btn-guia .icon-rp {
  -ms-flex-item-align: center;
      align-self: center;
  color: #016A7F;
}

.general-search {
  position: fixed;
  inset: 0;
  z-index: 5;
  display: none;
  padding-block: 12px;
  background-color: #ffffff;
}
.general-search.general-search--withoutHeader {
  top: 72px;
}
.general-search.general-search--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 64rem) {
  .general-search {
    bottom: initial;
    padding-bottom: 32px;
  }
}
.general-search .icon-rp:not(.icon-rp-recomendado) {
  color: #016A7F;
}
.general-search .icon-rp.icon-rp-recomendado {
  color: var(--gr-blue-guia);
}
.general-search .general-search__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fill-available;
  width: -moz-available;
  gap: 16px;
  padding-bottom: 12px;
}
.general-search .general-search__header--hide {
  display: none;
}
.general-search .general-search__header .general-search__menu {
  display: none;
}
@media (min-width: 64rem) {
  .general-search .general-search__header .general-search__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.general-search .general-search__header .general-search__form {
  width: 100%;
}
.general-search .general-search__header .general-search__form__group {
  position: relative;
  height: 56px;
}
@media (min-width: 64rem) {
  .general-search .general-search__header .general-search__form__group {
    height: 48px;
  }
}
.general-search .general-search__header .general-search__form__group input {
  position: absolute;
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  height: 100%;
  padding: 16px 108px 16px 16px;
}
@media (min-width: 64rem) {
  .general-search .general-search__header .general-search__form__group input {
    height: 48px;
    padding-block: 12px;
  }
}
.general-search .general-search__header .general-search__form__group input.validation--error {
  border-color: #E4002B;
}
.general-search .general-search__header .general-search__form__group input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.general-search .general-search__header .general-search__form__group input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.general-search .general-search__header .general-search__form__group input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.general-search .general-search__header .general-search__form__group input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.general-search .general-search__header .general-search__form__group input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.general-search .general-search__header .general-search__form__group input:focus, .general-search .general-search__header .general-search__form__group input:active {
  border-color: #016A7F;
}
.general-search .general-search__header .general-search__form__group .icon-rp {
  position: absolute;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  min-height: 54px;
  height: 54px;
  max-height: 54px;
  font-size: 1.5rem;
  top: 1px;
}
.general-search .general-search__header .general-search__form__group .icon-rp::before {
  font-size: 1.5rem;
}
.general-search .general-search__header .general-search__form__group .icon-rp img {
  width: 100%;
  height: 100%;
}
.general-search .general-search__header .general-search__form__group .icon-rp[class$="--hide"] {
  display: none;
}
@media (min-width: 64rem) {
  .general-search .general-search__header .general-search__form__group .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    min-height: 46px;
    height: 46px;
    max-height: 46px;
    font-size: 1.5rem;
  }
  .general-search .general-search__header .general-search__form__group .icon-rp::before {
    font-size: 1.5rem;
  }
  .general-search .general-search__header .general-search__form__group .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  .general-search .general-search__header .general-search__form__group .icon-rp:hover {
    cursor: pointer;
  }
}
@media (min-width: 64rem) {
  .general-search .general-search__header .general-search__form__group .icon-rp {
    padding-inline: initial;
  }
}
.general-search .general-search__header .general-search__form__group .icon-rp.icon-rp-Search {
  right: 0.1px;
  border-radius: 0 7px 7px 0;
}
@media (min-width: 64rem) {
  .general-search .general-search__header .general-search__form__group .icon-rp.icon-rp-Search {
    right: 0.4px;
  }
}
.general-search .general-search__header .general-search__form__group .icon-rp.icon-rp-Cross {
  right: 56px;
}
@media (min-width: 64rem) {
  .general-search .general-search__header .general-search__form__group .icon-rp.icon-rp-Cross {
    right: 48px;
  }
}
@media (min-width: 64rem) {
  .general-search .general-search__header .general-search__menu,
.general-search .general-search__header .general-search__form {
    width: calc(33.33333% - 8px);
    max-width: calc(33.33333% - 8px);
  }
}
.general-search .general-search__main {
  padding-top: 16px;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results, .general-search .general-search__main .general-search__result__group.general-search__predictive-results {
  display: none;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results.general-search__result__group--show, .general-search .general-search__main .general-search__result__group.general-search__predictive-results.general-search__result__group--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  overflow-x: hidden;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .rp-title-02, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .rp-title-02 {
  margin-bottom: 12px;
}
@media (min-width: 45rem) {
  .general-search .general-search__main .general-search__result__group.general-search__initial-results .rp-title-02, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .rp-title-02 {
    padding-left: 12px;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card {
  padding: 12px 20px;
  cursor: pointer;
}
@media (min-width: 45rem) {
  .general-search .general-search__main .general-search__result__group.general-search__initial-results .card, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card {
    padding: 12px;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content > picture, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content > picture {
  position: relative;
  width: 87px;
  height: 66px;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content > picture img, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content > picture img {
  width: 87px;
  height: 66px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 87px;
  height: 66px;
  background-color: #f8f8f8;
  border-radius: 8px;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 38px;
  width: 38px;
  max-width: 38px;
  min-height: 38px;
  height: 38px;
  max-height: 38px;
  font-size: 38px;
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder::before, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder::before {
  font-size: 38px;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder img, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder img {
  width: 100%;
  height: 100%;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.RESTAURANTE, .general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-6, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.RESTAURANTE, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-1, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-2, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-3, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-4, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-5, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-7, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.ATRACTIVO_NATURAL, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.BODEGA, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.CENTROS_DEPORTIVOS, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.ESTACION_ESQUI, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.ESTACION_DE_SERVICIO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.ESTACION_RECARGA, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.EXPERIENCIA, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.FIESTA, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.LOCALIDAD, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.LUGAR_EMBLEMATICO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.MONUMENTO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.MUSEO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.PARQUE_TEMATICO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.PARQUE_URBANO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.PLAYA, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.PRODUCTO_TIPICO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.PLATO_TIPICO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.VINO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.REPORTAJE, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.REPORTAJE_GASTRO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.REPORTAJE_VIAJE, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.RECETA, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.RUTA, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.BRINDAR, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.COMER, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.DESAYUNO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.APERITIVO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.COMIDA, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.TARDEO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.CENA, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.COPAS, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.CALIFICAR, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.GEOLOCALIZAR, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.GUARDAR, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.RETROALIMENTAR, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.NOT_FOUND, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.NO_ROUTE, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .card__placeholder .icon__placeholder.COMPLETADO, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .card__placeholder .icon__placeholder.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .info-card-content, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .info-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  max-width: calc(100% - 99px);
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .info-card-content .location, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .info-card-content .location {
  color: #757575;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .info-card-content .info__category, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .info-card-content .info__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .info-card-content .info__category .icon-rp, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .info-card-content .info__category .icon-rp {
  margin-right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 0.875rem;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .info-card-content .info__category .icon-rp::before, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .info-card-content .info__category .icon-rp::before {
  font-size: 0.875rem;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card .card__content .info-card-content .info__category .icon-rp img, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .card .card__content .info-card-content .info__category .icon-rp img {
  width: 100%;
  height: 100%;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .locations-results:active,
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card:active, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .locations-results:active,
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .card:active {
  background-color: #f8f8f8;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .locations-results:active .predictive-title,
.general-search .general-search__main .general-search__result__group.general-search__initial-results .locations-results:active .info-card-content .title,
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card:active .predictive-title,
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card:active .info-card-content .title, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .locations-results:active .predictive-title,
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .locations-results:active .info-card-content .title,
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .card:active .predictive-title,
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .card:active .info-card-content .title {
  color: #016A7F;
}
@media (min-width: 64rem) {
  .general-search .general-search__main .general-search__result__group.general-search__initial-results .locations-results:hover,
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card:hover, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .locations-results:hover,
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .card:hover {
    background-color: #f8f8f8;
  }
  .general-search .general-search__main .general-search__result__group.general-search__initial-results .locations-results:hover .predictive-title,
.general-search .general-search__main .general-search__result__group.general-search__initial-results .locations-results:hover .info-card-content .title,
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card:hover .predictive-title,
.general-search .general-search__main .general-search__result__group.general-search__initial-results .card:hover .info-card-content .title, .general-search .general-search__main .general-search__result__group.general-search__predictive-results .locations-results:hover .predictive-title,
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .locations-results:hover .info-card-content .title,
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .card:hover .predictive-title,
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .card:hover .info-card-content .title {
    color: #016A7F;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__geolocation,
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical {
  width: -webkit-fill-available;
  width: -moz-available;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical {
  display: none;
  padding-top: 16px;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical--show {
  display: block;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__header .recently-results__title {
  letter-spacing: 0.25%;
  color: #727272;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__header .recently-results__delete {
  color: #016A7F;
  cursor: pointer;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding-top: 24px;
  padding-left: 0;
  margin-bottom: 0;
}
@media (min-width: 45rem) {
  .general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__list {
    gap: 12px;
  }
}
@media (min-width: 64rem) {
  .general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__list {
    padding-top: 16px;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__list__item {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__list__item:nth-child(-n+4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__list__item .rp-body-14 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__list__item .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  font-size: 1.125rem;
  cursor: pointer;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__list__item .icon-rp::before {
  font-size: 1.125rem;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results__historical .recently-results__list__item .icon-rp img {
  width: 100%;
  height: 100%;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results-most-visited {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  padding-block: 24px;
}
@media (min-width: 45rem) {
  .general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results-most-visited {
    width: 100%;
  }
}
@media (min-width: 64rem) {
  .general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results-most-visited {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
    padding-block: 32px 0;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results-most-visited .most-visited__group {
  width: 100%;
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results-most-visited .most-visited__group .group__cards {
  margin-inline: -20px;
}
@media (min-width: 45rem) {
  .general-search .general-search__main .general-search__result__group.general-search__initial-results .initial-results-most-visited .most-visited__group .group__cards {
    margin-inline: 0;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__initial-results .border-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #DDDDDD;
  margin-top: 24px;
}
@media (max-width: 45rem) {
  .general-search .general-search__main .general-search__result__group.general-search__predictive-results {
    margin-inline: 0;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .rp-title-02 {
  padding-left: 20px;
}
@media (min-width: 64rem) {
  .general-search .general-search__main .general-search__result__group.general-search__predictive-results .rp-title-02 {
    padding-left: 16px;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__locations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__locations .locations-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 8px 0 8px 20px;
}
@media (min-width: 45rem) {
  .general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__locations .locations-results {
    padding: 8px;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__locations .locations-results .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  font-size: 20px;
  background-color: #f8f8f8;
  border-radius: 50%;
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__locations .locations-results .icon-rp::before {
  font-size: 20px;
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__locations .locations-results .icon-rp img {
  width: 100%;
  height: 100%;
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__locations .locations-results .predictive-results-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__locations .locations-results .predictive-results-content .predictive-subtitle {
  color: #727272;
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__locations .locations-results:not(:last-child) {
  margin-bottom: 12px;
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results:not(:nth-child(2)) {
  margin-top: 32px;
}
@media (min-width: 45rem) {
  .general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results:not(:nth-child(2)) {
    margin-top: 24px;
  }
}
.general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__reports {
  margin-bottom: 40px;
}
@media (min-width: 45rem) {
  .general-search .general-search__main .general-search__result__group.general-search__predictive-results .predictive-results__reports {
    margin-bottom: 0;
  }
}
.general-search .general-search__main .general-search__result__group .predictive-results--empty {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding-top: 116px;
}
@media (min-width: 64rem) {
  .general-search .general-search__main .general-search__result__group .predictive-results--empty {
    padding-top: 28px;
  }
}
.general-search .general-search__main .general-search__result__group .predictive-results--empty--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.general-search .general-search__main .general-search__result__group .predictive-results--empty .not-found__image {
  content: "";
  width: 120px;
  height: 120px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
  background-size: contain;
}
.general-search .general-search__main .general-search__result__group .predictive-results--empty .not-found__text {
  text-align: center;
}

.predictive-results--empty {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding-top: 116px;
}
@media (min-width: 64rem) {
  .predictive-results--empty {
    padding-top: 28px;
  }
}
.predictive-results--empty--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.predictive-results--empty .not-found__image {
  content: "";
  width: 120px;
  height: 120px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
  background-size: contain;
}
.predictive-results--empty .not-found__text {
  text-align: center;
}

.general-search__overlay--show {
  position: fixed;
  inset: 0;
  background-color: #000000;
  opacity: 0.4;
}
.general-search__overlay--withoutHeader {
  top: 72px;
}

.rp-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-style: normal;
  font-weight: 400;
  font-family: "Roboto-Regular";
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration: none;
}
.rp-link:not(.rp-link-white) {
  color: #016A7F;
}
.rp-link:not(.rp-link-white):hover {
  opacity: 0.75;
}
.rp-link:not(.rp-link-white):active {
  opacity: 0.5;
}
.rp-link:not(.rp-link-white):disabled, .rp-link:not(.rp-link-white).btn-disabled {
  opacity: 0.3;
}
.rp-link:not(.rp-link-white):focus {
  border-color: #9CD1FF;
  outline: 0;
}
.rp-link.rp-link-white {
  color: #ffffff;
}
.rp-link.rp-link-white:hover {
  opacity: 0.75;
}
.rp-link.rp-link-white:active {
  opacity: 0.5;
}
.rp-link.rp-link-white:disabled, .rp-link.rp-link-white.btn-disabled {
  opacity: 0.3;
}
.rp-link.rp-link-white:focus {
  border-color: #9CD1FF;
  outline: 0;
}
.rp-link .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.rp-link .icon-rp::before {
  font-size: 1.25rem;
}
.rp-link .icon-rp img {
  width: 100%;
  height: 100%;
}

.footer {
  margin-top: 0;
}
.footer .footer-guia {
  background-color: var(--gr-blue-guia);
  color: #ffffff;
}
.footer .footer-guia .footer__newsletter,
.footer .footer-guia .footer__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__newsletter,
.footer .footer-guia .footer__navigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
  }
}
.footer .footer-guia .footer__newsletter {
  padding-block: 48px;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__newsletter {
    gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-block: 88px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 80rem) {
  .footer .footer-guia .footer__newsletter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.footer .footer-guia .footer__newsletter__text {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__newsletter__text {
    width: 100%;
    text-align: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 80rem) {
  .footer .footer-guia .footer__newsletter__text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.footer .footer-guia .footer__newsletter__text .rp-guia-title-02 {
  color: #ffffff;
}
.footer .footer-guia .footer__newsletter__text .rp-body-18 {
  color: #ffffff;
  margin-top: 8px;
  line-height: 1.5rem;
  margin-bottom: 0;
}
.footer .footer-guia .footer__newsletter-img {
  width: 80px;
  height: 80px;
  min-width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
}
.footer .footer-guia .footer__newsletter-img img {
  width: 56px;
  height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer .footer-guia .footer__newsletter__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 1rem;
  gap: 0;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__newsletter__input {
    padding: 10px 10px 10px 32px;
    width: -webkit-fill-available;
    width: -moz-available;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
  .footer .footer-guia .footer__newsletter__input .input-mobile {
    display: none;
  }
}
.footer .footer-guia .footer__newsletter__input input {
  border: 0;
  outline: 0;
  width: 100%;
  height: 24px;
  padding: 0;
  margin-right: 0;
  color: var(--gr-color-content--disabled);
  font-family: "Roboto-Regular";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.footer .footer-guia .footer__newsletter__input input.input-mobile {
  margin-bottom: 24px;
}
.footer .footer-guia .footer__newsletter__input input.input-desktop {
  display: none;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__newsletter__input input {
    margin-right: 16px;
  }
  .footer .footer-guia .footer__newsletter__input input.input-mobile {
    margin-bottom: 0;
  }
  .footer .footer-guia .footer__newsletter__input input.input-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer .footer-guia .footer__newsletter__input button {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
  height: 56px;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__newsletter__input button {
    min-width: 160px;
    width: auto;
    height: 48px;
  }
}
.footer .footer-guia .footer__newsletter-label {
  color: #464646;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-family: "Roboto-Medium";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 8px;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__newsletter-label {
    width: auto;
    white-space: nowrap;
    margin-bottom: 0;
  }
}
.footer .footer-guia .footer__navigation {
  padding-top: 48px;
  padding-bottom: 40px;
  border-block: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation {
    padding-block: 48px;
  }
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__logo {
    width: 50%;
  }
}
.footer .footer-guia .footer__navigation__logo .rp-logo img {
  max-width: 140px;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__buttons {
    display: none;
  }
}
.footer .footer-guia .footer__navigation__buttons--hide {
  display: none;
}
.footer .footer-guia .footer__navigation__buttons .link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.footer .footer-guia .footer__navigation__buttons .link__list__item {
  width: 100%;
}
.footer .footer-guia .footer__navigation__buttons .link__list .rp-btn-guia {
  width: 100%;
  white-space: nowrap;
  color: #016A7F;
  background-color: #ffffff;
}
.footer .footer-guia .footer__navigation__buttons .link__list .rp-btn-guia:hover {
  color: rgba(1, 105, 126, 0.75);
  background-color: #ffffff;
}
.footer .footer-guia .footer__navigation__buttons .link__list .rp-btn-guia:active {
  color: rgba(1, 105, 126, 0.5);
  background-color: #ffffff;
}
.footer .footer-guia .footer__navigation__buttons .link__list .rp-btn-guia:focus {
  border-color: #9CD1FF;
  outline: 0;
}
.footer .footer-guia .footer__navigation__buttons .link__list .rp-btn-guia:disabled, .footer .footer-guia .footer__navigation__buttons .link__list .rp-btn-guia.rp-disabled {
  color: rgba(1, 105, 126, 0.3);
  background-color: #ffffff;
}
.footer .footer-guia .footer__navigation__buttons .link__list .rp-btn-guia .icon-rp {
  color: #016A7F;
}
.footer .footer-guia .footer__navigation__buttons .link__list__title {
  color: #ffffff;
}
.footer .footer-guia .footer__navigation__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__links {
    width: 50%;
  }
}
.footer .footer-guia .footer__navigation__links .link-list {
  width: calc(50% - 8px);
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__links .link-list {
    width: -webkit-fill-available;
    width: -moz-available;
  }
}
.footer .footer-guia .footer__navigation__links .link-list--hide {
  display: none;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__links .link-list--hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer .footer-guia .footer__navigation__links .link-list .link__list__title {
  color: #ffffff;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__secondary,
.footer .footer-guia .footer__credits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__secondary .footer__navigation__related .link__list__item,
.footer .footer-guia .footer__navigation__secondary .footer__credits__info .link__list__item,
.footer .footer-guia .footer__credits .footer__navigation__related .link__list__item,
.footer .footer-guia .footer__credits .footer__credits__info .link__list__item {
    display: inline-block;
  }
}
.footer .footer-guia .footer__navigation__secondary .footer__social-media .link__list,
.footer .footer-guia .footer__navigation__secondary .footer__credits__info .link__list,
.footer .footer-guia .footer__credits .footer__social-media .link__list,
.footer .footer-guia .footer__credits .footer__credits__info .link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__secondary .footer__social-media .link__list,
.footer .footer-guia .footer__navigation__secondary .footer__credits__info .link__list,
.footer .footer-guia .footer__credits .footer__social-media .link__list,
.footer .footer-guia .footer__credits .footer__credits__info .link__list {
    gap: 16px;
  }
}
.footer .footer-guia .footer__navigation__secondary .link__list__item,
.footer .footer-guia .footer__credits .link__list__item {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__secondary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-block: 40px 0;
  }
}
.footer .footer-guia .footer__navigation__secondary .footer__social-media {
  padding-block: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__secondary .footer__social-media {
    border-bottom: none;
    padding-block: 0;
  }
}
.footer .footer-guia .footer__navigation__secondary .footer__social-media .link__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer .footer-guia .footer__navigation__secondary .footer__social-media .link__list__item img {
  width: 32px;
  height: 32px;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__secondary .footer__social-media .link__list__item img {
    width: 24px;
    height: 24px;
  }
}
.footer .footer-guia .footer__navigation__secondary .footer__navigation__related {
  margin-top: 32px;
}
@media screen and (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__secondary .footer__navigation__related {
    margin-top: 0;
  }
}
.footer .footer-guia .footer__navigation__secondary .footer__navigation__related .link__list__item:not(:first-of-type) {
  margin-top: var(--gr-spacing-16);
}
@media screen and (min-width: 64rem) {
  .footer .footer-guia .footer__navigation__secondary .footer__navigation__related .link__list__item:not(:first-of-type) {
    margin-top: 0;
  }
  .footer .footer-guia .footer__navigation__secondary .footer__navigation__related .link__list__item:first-of-type .rp-link {
    padding-right: 12px;
  }
  .footer .footer-guia .footer__navigation__secondary .footer__navigation__related .link__list__item:not(:first-of-type) .rp-link {
    padding-inline: 12px;
  }
}
.footer .footer-guia .footer__credits {
  padding-block: 24px 32px;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__credits {
    padding-block: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.footer .footer-guia .footer__credits__info {
  margin-top: 0;
}
@media (min-width: 64rem) {
  .footer .footer-guia .footer__credits__info {
    margin-top: 0;
  }
}
.footer .footer-guia .footer__credits .footer__credits__copyright {
  color: #ffffff;
  margin-bottom: 0;
}
@media screen and (width < 30rem) {
  .footer .footer-guia .footer__credits .footer__credits__copyright {
    margin-bottom: 24px;
  }
}
.footer .footer-guia .link-list .rp-link {
  color: #ffffff;
}
.footer .footer-guia .link-list .rp-link:hover {
  color: #FFC800;
}

.modal__access-private-area-overlay {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
}

.modal__access-private-area-overlay--active {
  z-index: 1200;
}
@media (min-width: 64rem) {
  .modal__access-private-area-overlay--active {
    display: block;
  }
}

.modal__access-private-area-component {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: 1300;
  -webkit-transition: 600ms ease-in-out transform;
  transition: 600ms ease-in-out transform;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media (min-width: 64rem) {
  .modal__access-private-area-component {
    width: 400px;
  }
}
.modal__access-private-area-component--show {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.modal__access-private-area-component .access-private-area__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding: 24px 16px;
  background-color: #ffffff;
}
@media (min-width: 45rem) {
  .modal__access-private-area-component .access-private-area__container {
    padding: 40px;
    padding-top: 64px;
  }
}
@media (min-width: 64rem) {
  .modal__access-private-area-component .access-private-area__container {
    padding-top: 40px;
  }
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .personal-data-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .personal-data-user .user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--gr-blue-guia);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 64rem) {
  .modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .personal-data-user .user-avatar {
    width: 48px;
    height: 48px;
  }
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .personal-data-user .user-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 64rem) {
  .modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .personal-data-user .user-avatar img {
    width: 48px;
    height: 48px;
  }
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .personal-data-user .user-avatar .pasUserName {
  position: absolute;
  top: auto;
  left: auto;
  color: #ffffff;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .personal-data-user .user-avatar .pasUserName--hide {
  display: none;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .personal-data-user .user-name {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .personal-data-user .user-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 232px;
  }
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
  color: #016A7F;
  cursor: pointer;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .icon-rp::before {
  font-size: 1.5rem;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__header .icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__selectors .access-private-area__selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 32px;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__selectors .access-private-area__selector:hover {
  text-decoration: none !important;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__selectors .access-private-area__selector .selector-text {
  margin-bottom: 0;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__selectors .access-private-area__selector .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  color: #016A7F;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__selectors .access-private-area__selector .icon-rp::before {
  font-size: 1.25rem;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__selectors .access-private-area__selector .icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__selectors .selector-title {
  margin-top: 32px;
  color: #727272;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__selectors .selector-account {
  border-bottom: 1px solid #DDDDDD;
}
.modal__access-private-area-component .access-private-area__container .access-private-area__content .access-private-area__selectors .selector-support {
  padding-top: 0;
}
.modal__access-private-area-component .access-private-area__container .rp-btn-guia--logout {
  width: 100%;
}

.accordion-component {
  padding-block: 40px;
}
.accordion-component [class*=__details]::details-content {
  block-size: 0;
  overflow: hidden;
  -webkit-transition: block-size 600ms, content-visibility 600ms;
  transition: block-size 600ms, content-visibility 600ms;
  transition-behavior: allow-discrete;
}
.accordion-component [class*=__details][open]::details-content {
  block-size: auto;
  block-size: calc-size(auto, size);
}
.accordion-component [class*=__details][open] [class*=__summary] .icon-rp {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion-component [class*=__details] [class*=__summary] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  outline: 0;
  list-style: none;
}
.accordion-component [class*=__details] [class*=__summary]::marker, .accordion-component [class*=__details] [class*=__summary]::-webkit-details-marker {
  display: none;
  content: "";
}
.accordion-component [class*=__details] [class*=__summary] .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.accordion-component [class*=__details] [class*=__summary] .icon-rp::before {
  font-size: 1.25rem;
}
.accordion-component [class*=__details] [class*=__summary] .icon-rp img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .accordion-component {
    padding-block: 104px;
  }
}
.accordion-component .accordion__title {
  margin-bottom: 48px;
}
@media (min-width: 64rem) {
  .accordion-component .accordion__title {
    text-align: center;
    margin-bottom: 68px;
  }
}
.accordion-component .accordion__details {
  padding-bottom: 16px;
  border-bottom: 1px solid #DDDDDD;
}
@media (min-width: 64rem) {
  .accordion-component .accordion__details {
    padding-bottom: 20px;
  }
}
.accordion-component .accordion__details:not(:last-of-type) {
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .accordion-component .accordion__details:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
.accordion-component .accordion__details .accordion__summary * {
  margin-bottom: 0;
}
.accordion-component .accordion__details .accordion__summary .icon-rp {
  color: #016A7F;
}
.accordion-component .accordion__details .accordion__content {
  padding-top: 16px;
}
@media (min-width: 64rem) {
  .accordion-component .accordion__details .accordion__content {
    padding-top: 20px;
  }
}
@media (min-width: 64rem) {
  .accordion-component .accordion__details .accordion__content *:not(i, b) {
    margin-bottom: 24px;
  }
}
.accordion-component .accordion__details .accordion__content a {
  color: #016A7F;
}
.accordion-component .accordion__details .accordion__content a:hover {
  opacity: 0.75;
}
.accordion-component .accordion__details .accordion__content a:active {
  opacity: 0.5;
}
.accordion-component .accordion__details .accordion__content a:disabled, .accordion-component .accordion__details .accordion__content a.btn-disabled {
  opacity: 0.3;
}
.accordion-component .accordion__details .accordion__content a:focus {
  border-color: #9CD1FF;
  outline: 0;
}

.modal__add-calendar-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
}
.modal__add-calendar-component.modal__add-calendar-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__add-calendar-component .add-calendar__container {
  position: relative;
  width: 100%;
  max-width: 822px;
  margin-inline: 16px;
  padding: 24px 16px 16px;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.08);
}
@media (min-width: 64rem) {
  .modal__add-calendar-component .add-calendar__container {
    padding: 32px;
  }
}
.modal__add-calendar-component .add-calendar__container .add-calendar__title {
  max-width: calc(100% - 48px);
  margin-bottom: 24px;
}
@media (min-width: 64rem) {
  .modal__add-calendar-component .add-calendar__container .add-calendar__title {
    margin-bottom: 32px;
  }
}
.modal__add-calendar-component .add-calendar__container .add-calendar__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .modal__add-calendar-component .add-calendar__container .add-calendar__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 64rem) {
  .modal__add-calendar-component .add-calendar__container .add-calendar__list .add-calendar__list__item .rp-btn-guia {
    gap: 16px;
  }
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 24px;
  right: 16px;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .modal__add-calendar-component .add-calendar__container .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Google, .modal__add-calendar-component .add-calendar__container .icon-rp.icon-Outlook {
  position: relative;
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Google::before, .modal__add-calendar-component .add-calendar__container .icon-rp.icon-Outlook::before {
  position: absolute;
  width: 24px;
  height: 24px;
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Google:before {
  content: url("../../../content/dam/repsol-guia/guia-images/iconos/icon-rp-Google.svg?#");
}
.modal__add-calendar-component .add-calendar__container .icon-rp.icon-Outlook:before {
  content: url("../../../content/dam/repsol-guia/guia-images/iconos/icon-rp-Outlook.svg?#");
}

.banner-general__container {
  padding-block: 32px;
}
@media (min-width: 90rem) {
  .banner-general__container {
    padding-block: 64px;
  }
}
.banner-general__container .banner-general-component {
  border-radius: 8px;
  /* Estilos para el banner estándar*/
  /* Estilos para el banner soletes*/
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-inline: 0;
  }
}
@media (min-width: 64rem) {
  .banner-general__container .banner-general-component .banner-general__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0;
    text-align: left;
  }
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component .banner-general__info {
    margin-right: 56px;
  }
}
.banner-general__container .banner-general-component .banner-general__info .banner__info__title,
.banner-general__container .banner-general-component .banner-general__info .banner__info__pretitle {
  margin-bottom: 0;
  font-style: normal;
}
.banner-general__container .banner-general-component .banner-general__info .banner__info__title {
  color: #464646;
}
.banner-general__container .banner-general-component .banner-general__info .banner__info__pretitle {
  color: #464646;
  font-size: 16px;
  line-height: 24px;
  margin-top: var(--gr-spacing-8);
}
.banner-general__container .banner-general-component .banner-general__info .banner__info__interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  margin-top: 32px;
}
@media (min-width: 45rem) {
  .banner-general__container .banner-general-component .banner-general__info .banner__info__interaction {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.banner-general__container .banner-general-component .banner-general__info .banner__info__interaction .rds-button {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.banner-general__container .banner-general-component .banner-general__info .banner__info__interaction .rds-button + .rp-link {
  margin-top: 8px;
}
@media (min-width: 45rem) {
  .banner-general__container .banner-general-component .banner-general__info .banner__info__interaction .rds-button + .rp-link {
    margin-top: 0;
  }
}
.banner-general__container .banner-general-component.banner-soletes, .banner-general__container .banner-general-component.banner--withoutImage {
  padding: 24px;
}
@media (min-width: 45rem) {
  .banner-general__container .banner-general-component.banner-soletes, .banner-general__container .banner-general-component.banner--withoutImage {
    padding: 48px;
  }
}
.banner-general__container .banner-general-component:not(.banner-soletes) {
  padding: 16px 16px 36px;
}
@media (min-width: 45rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes) {
    padding: 48px;
  }
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 32px;
    padding: 24px 24px 24px 48px;
  }
}
.banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__image {
  width: 100%;
  aspect-ratio: 4/3;
  margin-bottom: 32px;
}
@media (min-width: 45rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__image {
    display: none;
  }
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }
}
.banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__image picture {
  width: 100%;
}
.banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__image picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__image.has-wave {
  clip-path: polygon(7.84% 0%, 5.39% 10%, 3.53% 20%, 2.22% 30%, 1.44% 40%, 1.18% 50%, 1.44% 60%, 2.22% 70%, 3.53% 80%, 5.39% 90%, 7.84% 100%, 100% 100%, 100% 0%);
}
@media (max-width: 45rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__image.has-wave {
    clip-path: polygon(0% 92.16%, 10% 94.61%, 20% 96.47%, 30% 97.78%, 40% 98.56%, 50% 98.82%, 60% 98.56%, 70% 97.78%, 80% 96.47%, 90% 94.61%, 100% 92.16%, 100% 0%, 0% 0%);
  }
}
.banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__info {
  text-align: center;
}
@media (min-width: 45rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__info {
    margin-top: 0;
    text-align: left;
  }
}
.banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__info .banner__info__title {
  font-size: 26px;
  line-height: 40px;
}
.banner-general__container .banner-general-component:not(.banner-soletes) .banner__info__interaction.banner__info__interaction__app .rp-btn-guia {
  display: none;
}
.banner-general__container .banner-general-component:not(.banner-soletes) .banner__info__interaction.banner__info__interaction__app .rp-btn-guia--visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 45rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes) .banner__info__interaction.banner__info__interaction__app .rp-btn-guia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes):not(.banner--withoutPadding) .banner-general__image {
    -ms-flex-item-align: center;
        align-self: center;
    width: 376px;
    min-width: 376px;
  }
}
.banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding {
  padding: 0;
}
@media (min-width: 45rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding {
    padding: 48px;
  }
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding {
    padding: 0;
  }
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__image {
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 426px;
    min-width: 426px;
  }
}
.banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__image picture img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__image picture img {
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
  }
}
.banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__info {
  padding: 0 16px 36px;
}
@media (min-width: 45rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__info {
    padding: 0;
  }
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__info {
    padding: 24px 0 24px 48px;
  }
}
@media (min-width: 80rem) {
  .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutImage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.banner-general__container .banner-general-component.banner-soletes {
  position: relative;
}
.banner-general__container .banner-general-component.banner-soletes::before {
  position: absolute;
  content: "";
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/solete_up.png?#");
  background-repeat: no-repeat;
  bottom: 0;
  right: 0;
  width: 210px;
  height: 218px;
  border-bottom-right-radius: 8px;
}
@media (min-width: 64rem) {
  .banner-general__container .banner-general-component.banner-soletes::before {
    background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/solete_down.png?#");
    top: 0;
    width: 200px;
    height: 200px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 8px;
  }
}
.banner-general__container .banner-general-component.banner-soletes .banner-general__info {
  position: relative;
}
.banner-general__container .banner-general-component.banner-soletes .banner-general__info .banner__info__title {
  font-size: 22px;
  line-height: 32px;
}
@media (min-width: 64rem) {
  .banner-general__container .banner-general-component.banner-soletes .banner-general__info .banner__info__title {
    font-size: 26px;
    line-height: 2.5rem;
  }
}
.banner-general__container .banner-general-component.backgroundBlue [class*=title] {
  color: #ffffff;
}
[class*=page-report-article] .banner-general__container,
.page-promocion .banner-general__container {
  padding: 32px 0;
}
[class*=page-report-article] .banner-general__container.container-fluid-12-columns,
.page-promocion .banner-general__container.container-fluid-12-columns {
  margin-inline: 0;
}
@media (min-width: 90rem) {
  [class*=page-report-article] .banner-general__container,
.page-promocion .banner-general__container {
    padding: 40px 0;
  }
}
@media (min-width: 45rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component,
.page-promocion .banner-general__container .banner-general-component {
    padding: 32px;
  }
}
@media (min-width: 64rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component.banner-soletes .banner-general__info,
.page-promocion .banner-general__container .banner-general-component.banner-soletes .banner-general__info {
    max-width: 422px;
  }
}
@media (min-width: 80rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component.banner-soletes .banner-general__info,
.page-promocion .banner-general__container .banner-general-component.banner-soletes .banner-general__info {
    max-width: 538px;
  }
}
@media (min-width: 90rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component.banner-soletes .banner-general__info,
.page-promocion .banner-general__container .banner-general-component.banner-soletes .banner-general__info {
    max-width: 578px;
  }
}
@media (min-width: 120rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component.banner-soletes .banner-general__info,
.page-promocion .banner-general__container .banner-general-component.banner-soletes .banner-general__info {
    max-width: 706px;
  }
}
[class*=page-report-article] .banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__info,
.page-promocion .banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__info {
  margin-top: 0;
}
@media (min-width: 64rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__info,
.page-promocion .banner-general__container .banner-general-component:not(.banner-soletes) .banner-general__info {
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component:not(.banner-soletes):not(.banner--withoutPadding) .banner-general__image,
.page-promocion .banner-general__container .banner-general-component:not(.banner-soletes):not(.banner--withoutPadding) .banner-general__image {
    width: 324px;
    min-width: 324px;
  }
}
@media (min-width: 80rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding,
.page-promocion .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding {
    padding: 0;
  }
}
@media (min-width: 80rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__info,
.page-promocion .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__info {
    padding: 32px 0 32px 32px;
  }
}
@media (min-width: 80rem) {
  [class*=page-report-article] .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__image,
.page-promocion .banner-general__container .banner-general-component:not(.banner-soletes).banner--withoutPadding .banner-general__image {
    width: 350px;
    min-width: 350px;
  }
}

/* BANNER HEADER*/
.banner-header-component.backgroundGrey [class*=title] {
  color: var(--gr-blue-guia);
}
.banner-header-component.backgroundBlue [class*=title] {
  color: #ffffff;
}
.banner-header-component .banner-header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
@media (min-width: 64rem) {
  .banner-header-component .banner-header__content {
    margin-inline: 1rem;
    padding-inline: 0;
  }
}
@media (min-width: 64rem) and (min-width: 45rem) {
  .banner-header-component .banner-header__content {
    max-width: calc(100% - 5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 64rem) and (min-width: 64rem) {
  .banner-header-component .banner-header__content {
    min-width: 0;
    max-width: calc(100% - 5.5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 64rem) and (min-width: 80rem) {
  .banner-header-component .banner-header__content {
    max-width: min(100%, 72rem);
  }
}
@media (min-width: 64rem) and (min-width: 90rem) {
  .banner-header-component .banner-header__content {
    max-width: min(100%, 78rem);
  }
}
@media (min-width: 64rem) and (min-width: 120rem) {
  .banner-header-component .banner-header__content {
    max-width: min(100%, 94rem);
  }
}
.banner-header-component .banner-header__content .banner__image {
  min-width: 96px;
  width: 96px;
  height: auto;
}
@media (min-width: 80rem) {
  .banner-header-component .banner-header__content .banner__image {
    min-width: 344px;
    width: 344px;
  }
}
@media (min-width: 90rem) {
  .banner-header-component .banner-header__content .banner__image {
    min-width: 413px;
    width: 413px;
    max-height: 152px;
  }
}
@media (min-width: 120rem) {
  .banner-header-component .banner-header__content .banner__image {
    min-width: 550px;
    width: 550px;
  }
}
.banner-header-component .banner-header__content .banner__image picture {
  width: 100%;
}
.banner-header-component .banner-header__content .banner__image picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-header-component .banner-header__content .banner__info {
  width: 100%;
  padding: 16px;
}
@media (min-width: 64rem) {
  .banner-header-component .banner-header__content .banner__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 32px 0 32px 48px;
  }
}
@media (min-width: 80rem) {
  .banner-header-component .banner-header__content .banner__info .banner_info__text {
    padding-right: 38px;
  }
}
.banner-header-component .banner-header__content .banner__info .banner_info__text .banner__info__title {
  margin-bottom: 16px;
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 64rem) {
  .banner-header-component .banner-header__content .banner__info .banner_info__text .banner__info__title {
    font-family: "Roboto-Medium";
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 8px;
  }
}
.banner-header-component .banner-header__content .banner__info .banner_info__text .banner__info__pretitle {
  display: none;
}
@media (min-width: 64rem) {
  .banner-header-component .banner-header__content .banner__info .banner_info__text .banner__info__pretitle {
    display: block;
    margin-bottom: 0;
  }
}
.banner-header-component .banner-header__content .banner__info .banner__info__interaction .rp-btn-guia {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}

.campaings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin-bottom: 32px;
}
@media (min-width: 64rem) {
  .campaings {
    margin-bottom: 40px;
  }
}
.campaings [class^=col-] {
  padding-inline: 0;
}
.campaings [class*=-component]:not([class*=sticky]) [class*=container] {
  padding-inline: 0;
}
@media (min-width: 64rem) {
  .campaings .campaing-grid {
    width: calc(66.66666% - 160px);
    margin-left: 76px;
    margin-top: 8px;
  }
}
@media (min-width: 80rem) {
  .campaings .campaing-grid {
    width: calc(66.66666% - 16px);
    margin-left: -32px;
  }
}
@media (min-width: 90rem) {
  .campaings .campaing-grid {
    width: calc(66.66666% - 216px);
    margin-left: 104px;
    margin-top: 0;
  }
}
@media (min-width: 120rem) {
  .campaings .campaing-grid {
    width: calc(66.66666% - 258px);
    margin-left: 126px;
  }
}
.campaings .campaing-grid .banner-general__container {
  padding-bottom: 0;
}

.sticky-campaing-component {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  padding-block: 32px;
  background-color: var(--gr-blue-guia);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 600ms ease-in-out transform;
  transition: 600ms ease-in-out transform;
}
.sticky-campaing-component--show {
  display: none;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: 600ms ease-in-out transform;
  transition: 600ms ease-in-out transform;
}
@media (min-width: 64rem) {
  .sticky-campaing-component--show {
    display: block;
  }
}
.sticky-campaing-component--close {
  display: none;
}
.sticky-campaing-component .sticky-campaing__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.sticky-campaing-component .sticky-campaing__container .block-img img {
  width: 88px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.sticky-campaing-component .sticky-campaing__container .block-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
}
.sticky-campaing-component .sticky-campaing__container .block-text .sticky-interactions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.sticky-campaing-component .sticky-campaing__container *:not(.rp-btn-guia) {
  color: #ffffff;
}

@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list {
    padding-right: 186px;
  }
}
@media (min-width: 80rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list {
    padding-right: 24px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item {
  gap: 0;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item {
    display: block;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item:not(.carousel-filters__list__item--featured) .filter__icon {
  background-color: #DBE4EA;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item:not(.carousel-filters__list__item--featured)[data-filter-active=true] {
  border-color: var(--gr-blue-guia);
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item:not(.carousel-filters__list__item--featured)[data-filter-active=true] .filter__icon {
  background-color: var(--gr-blue-guia);
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item:not(.carousel-filters__list__item--featured)[data-filter-active=true] .filter__icon img {
  -webkit-filter: grayscale(1) invert(1);
          filter: grayscale(1) invert(1);
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item:not(.carousel-filters__list__item--featured)[data-filter-active=true] .filter__text .icon-rp {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item--featured {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item--featured .filter__icon {
  background-color: #fff0e0;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item--featured[data-filter-selected=true] {
  border-color: #FF6200;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item--featured[data-filter-selected=true] .filter__icon {
  background-color: #FF6200;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item--featured[data-filter-selected=true] .filter__icon img {
  -webkit-filter: grayscale(1) brightness(3);
          filter: grayscale(1) brightness(3);
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 12px;
  padding: 4px 16px 4px 4px;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__icon,
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  padding: 4px;
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
  font-size: 16px;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__icon img,
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__number img {
  max-width: 16px;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__icon--hide,
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__number--hide {
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__icon,
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__number {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
  }
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__icon--hide,
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__number--hide {
    display: none;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  pointer-events: none;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__text .text {
  line-height: 1rem;
  color: #464646;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__number {
  font-size: 0.875rem;
  color: #ffffff;
  background-color: var(--gr-blue-guia);
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__number--extra {
  padding: 8px 4px;
  min-width: 32px;
  width: 32px;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn .filter__number--extra {
    padding: 4px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__btn img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown {
  position: fixed;
  top: auto;
  left: 0;
  bottom: 0;
  z-index: 1900;
  display: none;
  padding: 24px 16px 16px;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
  border: 0;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown {
    position: absolute;
    inset: initial;
    z-index: 5;
    width: 292px;
    padding: 16px 24px;
    margin-top: 16px;
    border-radius: 8px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown.filter__dropdown--show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  gap: 32px;
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown.filter__dropdown--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    z-index: 15;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__header .text,
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__header .icon-rp.icon-rp-Cross {
    display: none;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__header .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__header .icon-rp::before {
  font-size: 1.25rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__header .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__header .icon-rp::before {
  color: #016A7F;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: "calc(100dvh - 230px)";
  margin: 0;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list {
    max-height: 250px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item {
  position: relative;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__input {
  display: none;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__input:checked + label::after {
  position: absolute;
  content: "\e91d";
  top: 0;
  right: 0;
  font-family: "Guia Icons";
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__input:checked + label::after::before {
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__input:checked + label::after img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__input:checked + .checkbox__label--secondary::after {
  color: var(--gr-color-white);
  background: var(--gr-blue-guia);
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 4px;
  font-size: var(--gr-size-12);
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__label {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__label::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #00ADC3;
  border-radius: 4px;
  background-color: #B0E1E7;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__label--secondary::before {
  background: transparent;
  border-color: var(--gr-color-border);
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item {
    width: 100%;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__label {
  margin: 0;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__label::before {
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__label::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__label .checkbox__text .rp-body-14 {
  line-height: 1rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__input#calificacion\;R + .checkbox__label {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__list__item .checkbox__input#calificacion\;R + .checkbox__label .checkbox__text {
  display: block;
  max-width: 20ch;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__footer {
    position: relative;
    padding-top: 16px;
  }
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__footer::before {
    position: absolute;
    content: "";
    right: -24px;
    left: -24px;
    top: 0;
    width: -webkit-fill-available;
    width: -moz-available;
    height: 1px;
    border: 1px solid #DDDDDD;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown__footer .rp-btn-guia {
  width: 100%;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list {
  gap: 24px 12px;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item {
  width: calc(33.333333% - 8px);
  text-align: center;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item {
    width: 100%;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label img {
  width: 72px;
  height: 72px;
  padding: 20px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label img {
    width: 20px;
    height: auto;
    padding: 0;
    border-radius: 0;
    border: none;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label .checkbox__text {
  margin-top: 8px;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label .checkbox__text {
    margin-top: 0;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__input:checked + label img {
  background-color: var(--gr-blue-guia);
  border-color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__input:checked + label img {
    background-color: initial;
    border-color: initial;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list {
  gap: 8px 16px;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item {
  width: auto;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 40px;
  padding: 8px 16px;
  border-radius: 28px;
  border: 1px solid #DDDDDD;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label {
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label img {
  width: 16px;
  height: auto;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label img {
    width: var(--gr-size-20);
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label {
  background-color: var(--gr-blue-guia);
  border-color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label {
    background-color: initial;
    border-color: initial;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label img {
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label img {
    display: block;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label .checkbox__text .text::before {
  content: "\e91d";
  margin-right: 4px;
  color: #016A7F;
  font-family: "Guia Icons";
  font-size: 1rem;
  vertical-align: middle;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label .checkbox__text .text::before {
    content: none;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search label {
  margin-bottom: 0;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  min-height: 120px;
  padding: 12px 16px;
  height: auto;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea {
    height: 48px;
    padding-block: 12px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea.validation--error {
  border-color: #E4002B;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea:focus, .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea:active {
  border-color: #016A7F;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input {
    height: 48px;
    padding-block: 12px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input.validation--error {
  border-color: #E4002B;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input:focus, .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input:active {
  border-color: #016A7F;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp {
  position: absolute;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  min-height: 54px;
  height: 54px;
  max-height: 54px;
  font-size: 1.5rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp::before {
  font-size: 1.5rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp[class$="--hide"] {
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    min-height: 46px;
    height: 46px;
    max-height: 46px;
    font-size: 1.5rem;
  }
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp::before {
    font-size: 1.5rem;
  }
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp:hover {
    cursor: pointer;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .message--error {
  color: #E4002B;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .message--success {
  color: #00a074;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .input-search-chef {
    padding-right: 48px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp {
  right: 0;
  display: none;
  cursor: pointer;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp::before {
  color: #016A7F;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all {
  position: relative;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input {
  display: none;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input:checked + label::after {
  position: absolute;
  content: "\e91d";
  top: 0;
  right: 0;
  font-family: "Guia Icons";
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input:checked + label::after::before {
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input:checked + label::after img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input:checked + .checkbox__label--secondary::after {
  color: var(--gr-color-white);
  background: var(--gr-blue-guia);
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 4px;
  font-size: var(--gr-size-12);
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #00ADC3;
  border-radius: 4px;
  background-color: #B0E1E7;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label--secondary::before {
  background: transparent;
  border-color: var(--gr-color-border);
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all--hide {
  display: none;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label {
    margin-bottom: 16px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 32px;
  height: 52vh;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list {
    gap: 16px;
    max-height: 200px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item {
  width: 100%;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 24px;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label::before, .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label::after {
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label::before, .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label::after {
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label img {
  width: 64px;
  height: 64px;
  margin-right: 16px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .text-restaurant {
  margin-top: 4px;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 6px;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant .icon-rp::before {
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant .icon-rp img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .text-restaurant,
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant {
    display: none;
  }
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list, .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list {
    gap: 16px;
  }
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item, .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item {
    width: 100%;
  }
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label, .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__input:checked + label::after, .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label::after {
  content: none;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__input:checked + label::after, .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__list__item .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label::after {
    content: "\e91d";
  }
}
.carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__overlay--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container[data-carousel-id=GASTRO] .carousel-filters__main .carousel-filters__overlay--show {
    display: none;
  }
}

.mixin-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}

.carousel-filters-component {
  --curve-background-color: transparent;
  --background-color: transparent;
  --curve-color: var(--gr-color-white);
  position: relative;
  isolation: isolate;
  padding-block: 32px;
}
@media (min-width: 45rem) {
  .carousel-filters-component {
    padding-block: 64px;
  }
}
.carousel-filters-component::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-color);
  z-index: -1;
}
.carousel-filters-component .curve-background {
  --curve-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 0;
  background: transparent;
  background-color: var(--curve-color);
}
.carousel-filters-component .curve-background .svg-curve {
  width: 100%;
  margin-top: -3%;
  height: auto;
}
.carousel-filters-component .curve-background .svg-curve path {
  fill: var(--curve-color);
}
.carousel-filters-component.mediumSizeTop.backgroundYellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FFF8E0), color-stop(50%, transparent));
  background: linear-gradient(to bottom, #FFF8E0 50%, transparent 50%);
}
.carousel-filters-component.mediumSizeTop.backgroundBlue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--gr-blue-guia)), color-stop(50%, transparent));
  background: linear-gradient(to bottom, var(--gr-blue-guia) 50%, transparent 50%);
}
.carousel-filters-component.mediumSizeTop.backgroundWhite {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, transparent));
  background: linear-gradient(to bottom, #ffffff 50%, transparent 50%);
}
.carousel-filters-component.mediumSizeTop.backgroundBurgundy {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b52958), color-stop(50%, transparent));
  background: linear-gradient(to bottom, #b52958 50%, transparent 50%);
}
.carousel-filters-component.mediumSizeTop.backgroundBlueRoute {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #003766), color-stop(50%, transparent));
  background: linear-gradient(to bottom, #003766 50%, transparent 50%);
}
.carousel-filters-component.mediumSizeBottom.backgroundYellow {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #FFF8E0), color-stop(50%, transparent));
  background: linear-gradient(to top, #FFF8E0 50%, transparent 50%);
}
.carousel-filters-component.mediumSizeBottom.backgroundBlue {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--gr-blue-guia)), color-stop(50%, transparent));
  background: linear-gradient(to top, var(--gr-blue-guia) 50%, transparent 50%);
}
.carousel-filters-component.mediumSizeBottom.backgroundWhite {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ffffff), color-stop(50%, transparent));
  background: linear-gradient(to top, #ffffff 50%, transparent 50%);
}
.carousel-filters-component.mediumSizeBottom.backgroundBurgundy {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #b52958), color-stop(50%, transparent));
  background: linear-gradient(to top, #b52958 50%, transparent 50%);
}
.carousel-filters-component.mediumSizeBottom.backgroundBlueRoute {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #003766), color-stop(50%, transparent));
  background: linear-gradient(to top, #003766 50%, transparent 50%);
}
.carousel-filters-component .carousel-filters__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  width: -webkit-fill-available;
  width: -moz-available;
  gap: 16px;
  padding-block: 24px;
  border-radius: 16px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  z-index: 2;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container {
    gap: 24px;
    padding-block: 40px;
    min-height: 620px;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__header {
  padding-inline: 24px;
}
@media (min-width: 45rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-inline: 32px;
  }
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__header {
    padding-inline: 32px;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 40px;
  margin-top: 16px;
  padding: 8px 16px 8px 4px;
  color: #464646;
  background-color: #ffffff;
  border-radius: 28px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location {
    height: 32px;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
  font-size: 16px;
  color: var(--gr-color-content--active);
  background-color: var(--gr-color-border--low);
  border-radius: 28px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location .icon-rp::before {
  font-size: 16px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location .icon-rp img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 24px;
    width: 24px;
    max-width: 24px;
    min-height: 24px;
    height: 24px;
    max-height: 24px;
    font-size: 16px;
  }
  .carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location .icon-rp::before {
    font-size: 16px;
  }
  .carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location .text-rp {
  line-height: 1rem;
}
@media (min-width: 45rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-guia-title-02,
.carousel-filters-component .carousel-filters__container .carousel-filters__header .rp-btn--location {
    margin-block: 0;
  }
}
@media (min-width: 45rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main,
.carousel-filters-component .carousel-filters__container .carousel-filters__related {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  overflow: auto;
  margin-right: 0;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  padding-left: var(--gr-spacing-24);
}
@media (min-width: 45rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card {
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;
    overflow: hidden;
    gap: 8px;
    padding-left: var(--gr-spacing-32);
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card {
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  margin-inline: 0;
}
@media (hover: hover) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card:hover,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card:hover {
    -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
  }
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card {
    height: auto;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__link-overlay,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__link-overlay {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card picture,
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card picture,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  aspect-ratio: 4/3;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 72px;
  width: 72px;
  max-width: 72px;
  min-height: 72px;
  height: 72px;
  max-height: 72px;
  font-size: 72px;
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder::before,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder::before {
  font-size: 72px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder img,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.RESTAURANTE, .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-6,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.RESTAURANTE,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-1,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-2,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-3,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-4,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-5,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-7,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.ATRACTIVO_NATURAL,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.BODEGA,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.CENTROS_DEPORTIVOS,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.ESTACION_ESQUI,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.ESTACION_DE_SERVICIO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.ESTACION_RECARGA,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.EXPERIENCIA,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.FIESTA,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.LOCALIDAD,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.LUGAR_EMBLEMATICO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.MONUMENTO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.MUSEO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PARQUE_TEMATICO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PARQUE_URBANO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PLAYA,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PRODUCTO_TIPICO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PLATO_TIPICO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.VINO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.REPORTAJE,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.REPORTAJE_GASTRO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.REPORTAJE_VIAJE,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.RECETA,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.RUTA,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.BRINDAR,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.COMER,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.DESAYUNO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.APERITIVO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.COMIDA,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.TARDEO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.CENA,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.COPAS,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.CALIFICAR,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.GEOLOCALIZAR,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.GUARDAR,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.RETROALIMENTAR,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.NOT_FOUND,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.NO_ROUTE,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder.COMPLETADO,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 104px;
    width: 104px;
    max-width: 104px;
    min-height: 104px;
    height: 104px;
    max-height: 104px;
    font-size: 104px;
  }
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder::before,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder::before {
    font-size: 104px;
  }
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__placeholder .icon__placeholder img,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__placeholder .icon__placeholder img {
    width: 100%;
    height: 100%;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__info,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  gap: 8px;
  margin-top: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__info .tag,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__info .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__info .tag .icon-rp,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__info .tag .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__info .tag .icon-rp::before,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__info .tag .icon-rp::before {
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__info .tag .icon-rp img,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__info .tag .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__interaction,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding-inline: 12px;
  padding-bottom: 16px;
  margin-top: auto;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__interaction span,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__interaction span {
  cursor: pointer;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__interaction .icon-rp,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__interaction .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 22px;
  width: 22px;
  max-width: 22px;
  min-height: 22px;
  height: 22px;
  max-height: 22px;
  font-size: 1.125rem;
  color: #016A7F;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__interaction .icon-rp::before,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__interaction .icon-rp::before {
  font-size: 1.125rem;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__interaction .icon-rp img,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__interaction .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__interaction .icon-rp.feedback.icon-rp-Heart::before, .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__interaction .icon-rp.feedback.icon-rp-Heart_solid::before,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__interaction .icon-rp.feedback.icon-rp-Heart::before,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__interaction .icon-rp.feedback.icon-rp-Heart_solid::before {
  font-size: 24px !important;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__interaction .icon-rp.share.icon-rp-Share::before,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__interaction .icon-rp.share.icon-rp-Share::before {
  font-size: 20px !important;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card .card__interaction .icon-rp.markers.icon-rp-Turned_in_not::before,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card .card__interaction .icon-rp.markers.icon-rp-Turned_in_not::before {
  font-size: 18px !important;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-m,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-m picture img,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-m picture img {
  border-radius: 8px 8px 0 0;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-m .card__info,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-m .card__info {
  padding: 16px 12px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-m.card-location,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-m.card-location {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  text-align: center;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-m.card-location .icon-rp,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-m.card-location .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
  font-size: 1rem;
  background-color: #F2F2F2;
  border-radius: 50%;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-m.card-location .icon-rp::before,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-m.card-location .icon-rp::before {
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-m.card-location .icon-rp img,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-m.card-location .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-m.card-location .card__title,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-m.card-location .card__title {
  margin-top: 12px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-m.card-location .rp-btn-guia,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-m.card-location .rp-btn-guia {
  width: 100%;
  height: 32px;
  margin-top: 16px;
  font-size: 0.875rem;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s {
  position: relative;
  padding: 16px;
  height: auto;
}
@media (min-width: 45rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
  }
}
@media (min-width: 45rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s .card__info,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s .card__info {
    padding: 24px 24px 46px;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s .card__info .card__title,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s .card__info .card__title {
  padding-top: 4px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s .card__info .card__title,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s .card__info .card__title {
    -webkit-line-clamp: 2;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s .card__info .card__description,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s .card__info .card__description {
  width: "calc(100% - 134px)";
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s .card__info .card__description,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s .card__info .card__description {
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 45rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s .card__info .card__description,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s .card__info .card__description {
    width: 100%;
  }
}
@media (min-width: 45rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s picture img,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s picture img {
    border-radius: 0 8px 8px 0;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s picture,
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s .card__placeholder,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s picture,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s .card__placeholder {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s .card__interaction,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s .card__interaction {
  position: absolute;
  top: 16px;
  right: 4px;
}
@media (min-width: 45rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card .card.card-s .card__interaction,
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card .card.card-s .card__interaction {
    bottom: 0;
    top: initial;
    right: 48%;
    padding-inline: 24px;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .loader {
  opacity: 0.2;
  -webkit-transition: opacity ease-in-out 350ms;
  transition: opacity ease-in-out 350ms;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .loader--show {
  opacity: 1;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .loader .rp-loader .block {
  position: initial;
  height: 412px;
  margin-top: 32px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card {
  padding-block: 24px;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__group-card--extraPadding {
    padding-bottom: 56px;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list {
  list-style: none;
  padding: 0 24px 0 0;
  padding-left: var(--gr-spacing-32);
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 12px;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
@media screen and (width <= 80rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list {
    padding-left: var(--gr-spacing-24);
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 40px;
  border: 1px solid #DDDDDD;
  border-radius: 28px;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list__item {
    height: 32px;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list__item.slick-slide {
  margin-right: 12px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list__item .filter__btn {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list__item .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list__item .icon-rp::before {
  font-size: 1rem;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list__item .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list__item .icon-rp:not([class*=-sol]):before {
  color: var(--gr-blue-guia);
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .carousel-filters__list__item[data-filter-selected=true] {
  border-color: var(--gr-blue-guia);
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .rp-btn--search {
  display: none;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__main .rp-btn--search--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 24px);
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__main .rp-btn--search--show {
    -ms-flex-item-align: center;
        align-self: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: 32px;
}
@media screen and (width < 30rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-inline: var(--gr-spacing-24);
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__actions .rp-btn--search {
  margin-top: var(--gr-spacing-24);
}
@media screen and (width < 30rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__actions .rp-btn--search {
    width: 100%;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__related {
  display: none;
  padding-top: 24px;
  border-top: 1px solid #DDDDDD;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__related--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card {
  padding-block: 2px;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__related .carousel-filters__group-card--extraPadding {
    padding-bottom: 48px;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__list,
.carousel-filters-component .carousel-filters__container .carousel-filters__group-card {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__list::-webkit-scrollbar,
.carousel-filters-component .carousel-filters__container .carousel-filters__group-card::-webkit-scrollbar {
  display: none;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__empty-state {
  position: relative;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 176px 24px 72px 0;
  text-align: center;
}
@media (min-width: 64rem) {
  .carousel-filters-component .carousel-filters__container .carousel-filters__empty-state {
    padding-bottom: 56px;
  }
}
.carousel-filters-component .carousel-filters__container .carousel-filters__empty-state--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__empty-state::after {
  position: absolute;
  content: "";
  top: 80px;
  right: calc(50% - 40px);
  width: 80px;
  height: 80px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
  background-size: contain;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__empty-state .rp-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__empty-state .rp-link .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__empty-state .rp-link .icon-rp::before {
  font-size: 1.25rem;
}
.carousel-filters-component .carousel-filters__container .carousel-filters__empty-state .rp-link .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters-component img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Carousel slick library - Styles */
.carousel-filters__group-card .slick-list {
  overflow: visible;
}
.carousel-filters__group-card .slick-list .slick-track {
  height: 100%;
}
@media (min-width: 45rem) {
  .carousel-filters__group-card.slick-slider .slick-list .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
    top: "calc(50% - 16px)";
  }
  .carousel-filters__group-card.slick-slider .slick-arrow::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "icomoon";
    color: #016A7F;
    font-size: 1rem;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow::before img {
    width: 100%;
    height: 100%;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow.slick-disabled {
    display: none !important;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow:not(.slick-disabled) {
    display: none !important;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow:not(.slick-disabled)::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 32px;
    width: 32px;
    max-width: 32px;
    min-height: 32px;
    height: 32px;
    max-height: 32px;
    font-size: 1rem;
    color: #016A7F;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow:not(.slick-disabled)::before::before {
    font-size: 1rem;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow:not(.slick-disabled)::before img {
    width: 100%;
    height: 100%;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow:not(.slick-disabled).slick-next {
    z-index: 10;
    right: 32px;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow:not(.slick-disabled).slick-next::before {
    font-family: "icomoon";
    content: "\e90d";
  }
  .carousel-filters__group-card.slick-slider .slick-arrow:not(.slick-disabled).slick-prev {
    z-index: 10;
    left: 0;
  }
  .carousel-filters__group-card.slick-slider .slick-arrow:not(.slick-disabled).slick-prev::before {
    font-family: "icomoon";
    content: "\e90a";
  }
  .carousel-filters__group-card:hover .slick-arrow:not(.slick-disabled) {
    display: inline-block !important;
  }
}

@media (min-width: 45rem) {
  .carousel-filters__main .slick-slider .slick-list {
    max-width: 596px;
  }
}
@media (min-width: 64rem) {
  .carousel-filters__main .slick-slider .slick-list {
    max-width: 894px;
  }
}
@media (min-width: 80rem) {
  .carousel-filters__main .slick-slider .slick-list {
    max-width: 1192px;
  }
}
.carousel-filters__main .slick-slider .slick-dots {
  bottom: 16px;
}

@media (min-width: 45rem) {
  .carousel-filters__related .slick-slider .slick-list {
    max-width: 534px;
  }
}
.carousel-filters__related .slick-slider .slick-dots {
  bottom: 0;
}

/* Diálogo */
[trackingfeature="aem:sites:components:dialogs:rp-guia-group-card-carousel-filters"] .coral-Heading--4.filter-heading {
  margin-top: 1.25rem;
  margin-left: -0.675rem;
  font-size: 0.8125rem;
  font-weight: 600;
}

.carousel-filters__mobile {
  display: block;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile {
    display: none;
  }
}
.carousel-filters__mobile .filter__dropdown {
  position: fixed;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1900;
  display: none;
  padding: 24px 16px 16px;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
  border: 0;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  max-height: 70svh;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown {
    position: absolute;
    inset: initial;
    z-index: 1;
    width: 292px;
    padding: 16px 24px;
    margin-top: 16px;
    border-radius: 8px;
  }
}
.carousel-filters__mobile .filter__dropdown--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 23px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown--show {
    gap: 16px;
  }
}
.carousel-filters__mobile .filter__dropdown--show .rp-btn--filter {
  width: 100%;
}
.carousel-filters__mobile .filter__dropdown__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown__header .text,
.carousel-filters__mobile .filter__dropdown__header .icon-rp.icon-rp-Cross {
    display: none;
  }
}
.carousel-filters__mobile .filter__dropdown__header .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  cursor: pointer;
}
.carousel-filters__mobile .filter__dropdown__header .icon-rp::before {
  font-size: 1.25rem;
}
.carousel-filters__mobile .filter__dropdown__header .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters__mobile .filter__dropdown__header .icon-rp::before {
  color: #016A7F;
  font-size: var(--gr-size-20);
}
.carousel-filters__mobile .filter__dropdown__header .reset-appearance-button {
  padding: var(--gr-spacing-8) 0;
}
.carousel-filters__mobile .filter__dropdown__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: calc(100dvh - 230px);
  margin: 0;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown__list {
    max-height: 250px;
  }
}
.carousel-filters__mobile .filter__dropdown__list__item {
  position: relative;
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__input {
  display: none;
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__input:checked + label::after {
  position: absolute;
  content: "\e91d";
  top: 0;
  right: 0;
  font-family: "Guia Icons";
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1rem;
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__input:checked + label::after::before {
  font-size: 1rem;
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__input:checked + label::after img {
  width: 100%;
  height: 100%;
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__input:checked + .checkbox__label--secondary::after {
  color: var(--gr-color-white);
  background: var(--gr-blue-guia);
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 4px;
  font-size: var(--gr-size-12);
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__label {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__label::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #00ADC3;
  border-radius: 4px;
  background-color: #B0E1E7;
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__label--secondary::before {
  background: transparent;
  border-color: var(--gr-color-border);
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown__list__item {
    width: 100%;
  }
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__label {
  margin: 0;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown__list__item .checkbox__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__label::before {
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown__list__item .checkbox__label::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__label .checkbox__text {
  color: var(--gr-blue-guia);
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__input#calificacion\;R + .checkbox__label {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.carousel-filters__mobile .filter__dropdown__list__item .checkbox__input#calificacion\;R + .checkbox__label .checkbox__text {
  display: block;
  max-width: 20ch;
}
.carousel-filters__mobile .filter__dropdown .filter__number--hide {
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown__footer {
    position: relative;
    padding-top: 16px;
  }
  .carousel-filters__mobile .filter__dropdown__footer::before {
    position: absolute;
    content: "";
    right: -24px;
    left: -24px;
    top: 0;
    width: -webkit-fill-available;
    width: -moz-available;
    height: 1px;
    border: 1px solid #DDDDDD;
  }
}
.carousel-filters__mobile .filter__dropdown__footer .rp-btn-guia {
  width: 100%;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search label {
  margin-bottom: 0;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  min-height: 120px;
  padding: 12px 16px;
  height: auto;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea {
    height: 48px;
    padding-block: 12px;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea.validation--error {
  border-color: #E4002B;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea:focus, .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search textarea:active {
  border-color: #016A7F;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input {
    height: 48px;
    padding-block: 12px;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input.validation--error {
  border-color: #E4002B;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input:focus, .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search input:active {
  border-color: #016A7F;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp {
  position: absolute;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  min-height: 54px;
  height: 54px;
  max-height: 54px;
  font-size: 1.5rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp::before {
  font-size: 1.5rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp[class$="--hide"] {
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    min-height: 46px;
    height: 46px;
    max-height: 46px;
    font-size: 1.5rem;
  }
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp::before {
    font-size: 1.5rem;
  }
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp:hover {
    cursor: pointer;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .message--error {
  color: #E4002B;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .message--success {
  color: #00a074;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .input-search-chef {
    padding-right: 48px;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp {
  right: 0;
  display: none;
  cursor: pointer;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp::before {
  color: #016A7F;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__search .icon-rp--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all {
  position: relative;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__input {
  display: none;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__input:checked + label::after {
  position: absolute;
  content: "\e91d";
  top: 0;
  right: 0;
  font-family: "Guia Icons";
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__input:checked + label::after::before {
  font-size: 1rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__input:checked + label::after img {
  width: 100%;
  height: 100%;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__input:checked + .checkbox__label--secondary::after {
  color: var(--gr-color-white);
  background: var(--gr-blue-guia);
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 4px;
  font-size: var(--gr-size-12);
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__label {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__label::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #00ADC3;
  border-radius: 4px;
  background-color: #B0E1E7;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__label--secondary::before {
  background: transparent;
  border-color: var(--gr-color-border);
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all--hide {
  display: none;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__label {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__select--all .checkbox__label {
    margin-bottom: 16px;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list {
  gap: 24px 12px;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item {
  width: calc(33.333333% - 8px);
  text-align: center;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item {
    width: 100%;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label .checkbox__icon {
  display: grid;
  place-content: center;
  width: 72px;
  height: 72px;
  padding: 20px;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label .checkbox__icon img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label .checkbox__icon img {
    width: 20px;
    height: auto;
    padding: 0;
    border-radius: 0;
    border: none;
  }
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label img {
    width: 24px;
    height: auto;
    padding: 0;
    border-radius: 0;
    border: none;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label .checkbox__text {
  margin-top: 8px;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label .checkbox__text {
    margin-top: 0;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__input:checked + label .checkbox__icon {
  background-color: var(--gr-blue-guia);
  border-color: var(--gr-blue-guia);
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list {
  gap: 8px 16px;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item {
  width: auto;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 40px;
  padding: 8px 16px;
  border-radius: 28px;
  border: 1px solid #DDDDDD;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label {
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label img {
  width: 16px;
  height: auto;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label img {
    width: var(--gr-size-20);
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label {
  background-color: var(--gr-blue-guia);
  border-color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label {
    background-color: initial;
    border-color: initial;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label img {
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label img {
    display: block;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label .checkbox__text {
  color: #ffffff;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label .checkbox__text .text::before {
  content: "\e91d";
  margin-right: 4px;
  color: #016A7F;
  font-family: "Guia Icons";
  font-size: 1rem;
  vertical-align: middle;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label .checkbox__text .text::before {
    content: none;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search label {
  margin-bottom: 0;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  min-height: 120px;
  padding: 12px 16px;
  height: auto;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea {
    height: 48px;
    padding-block: 12px;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea.validation--error {
  border-color: #E4002B;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea:focus, .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search textarea:active {
  border-color: #016A7F;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input {
    height: 48px;
    padding-block: 12px;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input.validation--error {
  border-color: #E4002B;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input:focus, .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search input:active {
  border-color: #016A7F;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp {
  position: absolute;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  min-height: 54px;
  height: 54px;
  max-height: 54px;
  font-size: 1.5rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp::before {
  font-size: 1.5rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp img {
  width: 100%;
  height: 100%;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp[class$="--hide"] {
  display: none;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    min-height: 46px;
    height: 46px;
    max-height: 46px;
    font-size: 1.5rem;
  }
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp::before {
    font-size: 1.5rem;
  }
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp:hover {
    cursor: pointer;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .message--error {
  color: #E4002B;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .message--success {
  color: #00a074;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .input-search-chef {
    padding-right: 48px;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp {
  right: 0;
  display: none;
  cursor: pointer;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp::before {
  color: #016A7F;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__search .icon-rp--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all {
  position: relative;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input {
  display: none;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input:checked + label::after {
  position: absolute;
  content: "\e91d";
  top: 0;
  right: 0;
  font-family: "Guia Icons";
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input:checked + label::after::before {
  font-size: 1rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input:checked + label::after img {
  width: 100%;
  height: 100%;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input:checked + .checkbox__label--secondary::after {
  color: var(--gr-color-white);
  background: var(--gr-blue-guia);
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 4px;
  font-size: var(--gr-size-12);
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #00ADC3;
  border-radius: 4px;
  background-color: #B0E1E7;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label--secondary::before {
  background: transparent;
  border-color: var(--gr-color-border);
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all--hide {
  display: none;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__select--all .checkbox__label {
    margin-bottom: 16px;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 32px;
  height: 52vh;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list {
    gap: 16px;
    max-height: 200px;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item {
  width: 100%;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 24px;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label::before, .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label::after {
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label::before, .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label::after {
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label img {
  width: 64px;
  height: 64px;
  margin-right: 16px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .text-restaurant {
  margin-top: 4px;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 6px;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant .icon-rp::before {
  font-size: 1rem;
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant .icon-rp img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .text-restaurant,
.carousel-filters__mobile .filter__dropdown[data-filter-style=INPUT] .filter__dropdown__list__item .checkbox__label .checkbox__text .category-restaurant {
    display: none;
  }
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list, .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list {
    gap: 16px;
  }
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item, .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item {
    width: 100%;
  }
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label, .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__label .checkbox__text .text, .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__label .checkbox__text .text {
    color: var(--gr-blue-guia);
  }
}
.carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__input:checked + label::after, .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label::after {
  content: none;
}
@media (min-width: 64rem) {
  .carousel-filters__mobile .filter__dropdown[data-filter-style=GRID] .filter__dropdown__list__item .checkbox__input:checked + label::after, .carousel-filters__mobile .filter__dropdown[data-filter-style=LIST] .filter__dropdown__list__item .checkbox__input:checked + label::after {
    content: "\e91d";
  }
}

.group-card-carousel-filters .swiper {
  width: 100%;
  height: 100%;
}
.group-card-carousel-filters .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.group-card-carousel-filters .swiper-slide {
  height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.group-card-carousel-filters .custom-swiper-controls {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-column-gap: var(--gr-spacing-12);
     -moz-column-gap: var(--gr-spacing-12);
          column-gap: var(--gr-spacing-12);
  padding-inline: var(--gr-spacing-32);
  z-index: 10;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (width < 30rem) {
  .group-card-carousel-filters .custom-swiper-controls {
    display: none !important;
  }
}
.group-card-carousel-filters .custom-swiper-controls.carousel-filters__controls--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.group-card-carousel-filters .custom-swiper-controls button {
  width: 32px;
  height: 32px;
  background-color: var(--gr-color-white);
  -webkit-box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.14), 0 -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.14), 0 -1px 4px -4px rgba(0, 0, 0, 0.02);
  border-radius: 50%;
  display: block;
}
.group-card-carousel-filters .custom-swiper-controls button.carousel-filters__prev-button {
  margin-left: -16px;
}
.group-card-carousel-filters .custom-swiper-controls button.carousel-filters__next-button {
  margin-left: auto;
  margin-right: -8px;
}
.group-card-carousel-filters .custom-swiper-controls button.swiper-button-disabled {
  display: none;
}
.group-card-carousel-filters .custom-swiper-controls button .icon {
  display: grid;
  place-content: center;
  color: #016A7F;
}

@-webkit-keyframes stretch {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}

@keyframes stretch {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}
.compilation {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 45rem) {
  .compilation {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.compilation h2 {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .compilation h2 {
    font-size: 1.25rem;
  }
}
.compilation .featureCont {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 64rem) {
  .compilation .featureCont:not(.isAuthorMode) {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: calc(-50% - 28px);
    z-index: 10;
    width: 45%;
  }
  .compilation .featureCont .featured-card {
    width: 100%;
  }
}

.compilation-component .title-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .compilation-component .title-article.compilation-article {
    margin-bottom: 20px;
  }
}
@media (min-width: 64rem) {
  .compilation-component .title-article {
    margin-bottom: 24px;
  }
}
.compilation-component .title-article .rp-guia-icon {
  margin-right: 16px;
}
@media (min-width: 64rem) {
  .compilation-component .container__info--flex_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 64rem) {
  .compilation-component .container__info--flex_row .block-compilation-info--flex_row {
    margin-left: 26px;
    max-width: calc(100% - 308px);
  }
}
@media (min-width: 90rem) {
  .compilation-component .container__info--flex_row .block-compilation-info--flex_row {
    margin-left: 36px;
    max-width: calc(100% - 412px);
  }
}
@media (min-width: 120rem) {
  .compilation-component .container__info--flex_row .block-compilation-info--flex_row {
    margin-left: 42px;
    max-width: calc(100% - 498px);
  }
}
.compilation-component .block-info {
  border-left: solid 1px #FF6200;
  padding-left: 16px;
}
.compilation-component .block-info > div:not(:last-child) {
  margin-bottom: 8px;
}
.compilation-component .block-info a {
  color: #016A7F;
}
.compilation-component .block-img {
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .compilation-component .block-img {
    margin-bottom: 24px;
  }
}
.compilation-component .block-img.rp-img-one-big img {
  width: 100%;
  height: 221px;
}
@media (min-width: 64rem) {
  .compilation-component .block-img.rp-img-one-big img {
    height: 379px;
  }
}
.compilation-component .block-img img {
  width: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 64rem) {
  .compilation-component .block-img.rp-img-one-small {
    margin-bottom: 0;
  }
}
.compilation-component .block-img.rp-img-one-small img {
  max-height: 379px;
}
@media (max-width: 1023px) {
  .compilation-component .block-img.rp-img-two .row {
    margin: 0 -20px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .compilation-component .block-img.rp-img-two .row::-webkit-scrollbar {
    display: none;
  }
  .compilation-component .block-img.rp-img-two .row .row-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 20px;
  }
  .compilation-component .block-img.rp-img-two .row .row-slider .rp-img-two-first {
    padding-left: 0;
  }
  .compilation-component .block-img.rp-img-two .row .row-slider .rp-img-two-second {
    padding: 0 20px 0 0;
  }
  .compilation-component .block-img.rp-img-two .row .row-slider img {
    height: 221px;
  }
}
@media (min-width: 64rem) {
  .compilation-component .block-img.rp-img-two .row-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .compilation-component .block-img.rp-img-two .row-slider .rp-img-two-first,
.compilation-component .block-img.rp-img-two .row-slider .rp-img-two-second {
    height: 263px;
    margin-bottom: 24px;
  }
  .compilation-component .block-img.rp-img-two .row-slider .rp-img-two-first img,
.compilation-component .block-img.rp-img-two .row-slider .rp-img-two-second img {
    height: 100%;
  }
  .compilation-component .block-img.rp-img-two .row-slider .rp-img-two-first {
    padding-right: 15px;
  }
  .compilation-component .block-img.rp-img-two .row-slider .rp-img-two-second {
    padding-left: 15px;
  }
}
.compilation-component .block-img .rp-description {
  margin-top: 12px;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.25px;
  text-align: center;
  color: #757575;
}
.compilation-component .block-compilation-info > p:empty {
  display: none;
}

.compilation-receta-component {
  padding: 24px 20px;
  background-color: #f8f8f8;
  margin-left: 0;
}
@media (min-width: 64rem) {
  .compilation-receta-component {
    padding: 32px 24px;
  }
}
.compilation-receta-component .title-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  padding: 0;
}
@media (min-width: 64rem) {
  .compilation-receta-component .title-article {
    margin-bottom: 16px;
  }
}
.compilation-receta-component .title-article .rp-guia-icon {
  background-color: #b52958;
  color: #ffffff;
  margin-right: 16px;
}
.compilation-receta-component .block-img {
  margin-bottom: 18px;
  padding: 0;
}
.compilation-receta-component .block-img img {
  height: auto;
  width: 100%;
  border-radius: 8px;
}
.compilation-receta-component .recetaTiming {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.compilation-receta-component .recetaTiming .timing {
  margin-right: 48px;
}
@media (min-width: 64rem) {
  .compilation-receta-component .recetaTiming .timing {
    width: 105px;
    margin-right: 24px;
  }
}
.compilation-receta-component .recetaTiming .timing .descTiming {
  font-family: "Roboto-Regular";
  font-size: 0.75rem;
  line-height: 16px;
  letter-spacing: 0.25px;
  margin-bottom: 4px;
}
@media (min-width: 64rem) {
  .compilation-receta-component .recetaTiming .timing .descTiming {
    margin-bottom: 0;
  }
}
.compilation-receta-component .recetaTiming .timing .valueTiming {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-size: 22px;
  line-height: 32px;
  color: #464646;
}
@media (min-width: 64rem) {
  .compilation-receta-component .recetaTiming .timing .valueTiming {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 28px;
  }
}
.compilation-receta-component .compilation-description {
  padding-right: 0;
  padding-left: 0;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  color: #464646;
}
@media (min-width: 64rem) {
  .compilation-receta-component .compilation-description p {
    margin-bottom: 24px;
  }
}
.compilation-receta-component .compilation-description .block-info {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.compilation-receta-component .compilation-description .block-info a {
  margin-right: 4px;
}

.rp-template-reportage .compilation .compilation-component {
  margin-bottom: 40px;
}
@media (min-width: 64rem) {
  .rp-template-reportage .compilation .compilation-component {
    margin-bottom: 56px;
  }
}
.rp-template-reportage .compilation .compilation-receta-component {
  margin-bottom: 32px;
}
@media (min-width: 64rem) {
  .rp-template-reportage .compilation .compilation-receta-component {
    margin-bottom: 56px;
  }
}

.contact-information {
  margin-top: 48px;
  margin-bottom: 155px;
}
@media (min-width: 64rem) {
  .contact-information {
    margin-top: 80px;
    margin-bottom: 272px;
  }
}
.contact-information .rp-description {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 32px;
}
.contact-information .contact-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 24px;
}
@media (min-width: 64rem) {
  .contact-information .contact-date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.contact-information .contact-date .rp-btn-secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 56px;
  padding: 12px 16px;
  font-family: "Roboto-Regular";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 32px;
  color: #016A7F;
  background-color: #C0EBF2;
  border: 4px solid transparent;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .contact-information .contact-date .rp-btn-secondary {
    width: auto;
    height: 48px;
    padding: 12px 24px;
    font-size: 1rem;
    line-height: 24px;
  }
  .contact-information .contact-date .rp-btn-secondary:hover {
    background-color: #92D9E2;
  }
}
.contact-information .contact-date .rp-btn-secondary:active {
  background-color: #B0E1E7;
}
.contact-information .contact-date .rp-btn-secondary:focus {
  border-color: #9CD1FF;
}
.contact-information .contact-date .rp-btn-secondary:disabled, .contact-information .contact-date .rp-btn-secondary.disabled, .contact-information .contact-date .rp-btn-secondary.rp-disabled {
  color: #AAAAAA;
  background-color: #DDDDDD;
}
.contact-information .contact-date .rp-btn-secondary .icon {
  margin-right: 8px;
}
.contact-information .contact-date .rp-btn-secondary .icon::before {
  font-size: 24px;
}
@media (min-width: 64rem) {
  .contact-information .contact-date .rp-btn-secondary .icon {
    margin-right: 10px;
  }
}
.contact-information .contact-date .rp-btn-secondary + .rp-btn-secondary {
  margin-top: 16px;
}
@media (min-width: 64rem) {
  .contact-information .contact-date .rp-btn-secondary + .rp-btn-secondary {
    margin-top: 0;
    margin-left: 24px;
  }
}

.content__image-component.backgroundGrey.backgroundSpecific {
  background-color: #FDEFEA;
}
.content__image-component.backgroundPeach {
  background-color: #FDEFEA;
}
@media (min-width: 64rem) {
  .content__image-component.align--left .content-container .content__container {
    padding-left: 86px;
    padding-right: 10px;
  }
  .content__image-component.align--right .content-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .content__image-component.align--right .content-container .content__container {
    padding-left: 10px;
    padding-right: 86px;
  }
  .content__image-component.align--right .content-container .banner__home {
    padding-left: 96px;
  }
}
.content__image-component.content__image-component--no-right-margin .content-container {
  margin-right: 0;
  padding-right: 0;
}
@media (min-width: 64rem) {
  .content__image-component.content__image-component--no-right-margin .content-container {
    margin-left: auto;
  }
}
@media (min-width: 64rem) {
  .content__image-component .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .content__image-component .content-container.align--right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.content__image-component .content-container .banner__home {
  padding: 32px 16px;
}
.content__image-component .image__container--withPadding {
  padding: 32px 40px;
}
@media (min-width: 80rem) {
  .content__image-component .image__container--withPadding {
    padding: 64px 100px;
  }
}
.content__image-component .image__container--withPadding picture img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.content__image-component .image__container picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 45rem) {
  .content__image-component .image__container picture img {
    max-width: 550px;
    max-height: 400px;
  }
}
@media (max-width: 64rem) {
  .content__image-component .image__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.content__image-component .content__container {
  padding-block: 32px;
}
@media (min-width: 64rem) {
  .content__image-component .content__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-block: 64px;
  }
}
.content__image-component .content__container .content__title {
  color: var(--gr-blue-guia);
}
.content__image-component .content__container .content__pretitle__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: var(--gr-spacing-32);
  margin-bottom: 16px;
}
.content__image-component .content__container .content__pretitle__container .content__pretitle {
  margin-bottom: 0;
}
.content__image-component .content__container a:not(.rp-btn-guia) {
  color: #016A7F;
}
.content__image-component .content__container .content__interaction {
  padding-top: 8px;
}
@media (min-width: 90rem) {
  .content__image-component .content__container .content__interaction {
    padding-top: 16px;
  }
}
@media (min-width: 45rem) {
  .content__image-component .content__container .content__interaction .rp-btn-guia {
    width: auto;
    min-width: 200px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (min-width: 64rem) {
  .content__image-component .content__container .content__interaction .rp-btn-guia {
    padding: 12px;
  }
}

@media (min-width: 64rem) {
  .content__image-component .image__container,
.content__image-component .content__container {
    width: 50%;
  }
}
.content__image-component .content-container--home .image__container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100vw;
  max-width: none;
  margin-inline: calc(50% - 50vw);
}
.content__image-component .content-container--home .image__container picture {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .content__image-component .content-container--home .image__container {
    -ms-flex-preferred-size: calc(50% + (100vw - 100%) / 2);
        flex-basis: calc(50% + (100vw - 100%) / 2);
    width: calc(50% + (100vw - 100%) / 2);
    margin-inline: 0;
  }
}
@media (min-width: 64rem) {
  .content__image-component.align--left .content-container--home .image__container {
    margin-left: calc((100vw - 100%) / -2);
  }
  .content__image-component.align--right .content-container--home .image__container {
    margin-right: calc((100vw - 100%) / -2);
  }
}
.content__image-component.backgroundBlue .content__title,
.content__image-component.backgroundBlue .content__pretitle,
.content__image-component.backgroundBlue .rp-body-16,
.content__image-component.backgroundBlue .content__container > p:not(.content__title) {
  color: #ffffff;
}

.cross-banner-component {
  padding-block: 32px;
  /* ===== Slick wrapper (columna derecha) ===== */
}
@media (min-width: 64rem) {
  .cross-banner-component {
    padding-block: 64px;
  }
}
.cross-banner-component.backgroundBlueRoute * {
  color: #ffffff;
}
.cross-banner-component .cross-banner {
  /* ===== GROUP CARDS: GRID estable cuando NO hay carrusel ===== */
}
.cross-banner-component .cross-banner__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 64rem) {
  .cross-banner-component .cross-banner__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 48px;
  }
}
.cross-banner-component .cross-banner__titles, .cross-banner-component .cross-banner__group-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 64rem) {
  .cross-banner-component .cross-banner__titles {
    min-width: 33.333333%;
    max-width: 33.333333%;
  }
}
.cross-banner-component .cross-banner__group-card {
  /* móvil: columna */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  /* 2 cards -> dos columnas iguales */
  /* 1 card -> una columna */
  /* Evita overflow en grid/flex */
  /* ===== Estilos de la card ===== */
  /* ===== Cuando HAY carrusel (slick) ===== */
}
@media (min-width: 45rem) {
  .cross-banner-component .cross-banner__group-card {
    display: grid;
    grid-auto-rows: 1fr;
  }
}
@media (min-width: 64rem) {
  .cross-banner-component .cross-banner__group-card {
    gap: 24px;
  }
}
@media (min-width: 80rem) {
  .cross-banner-component .cross-banner__group-card {
    gap: 32px;
  }
}
@media (min-width: 45rem) {
  .cross-banner-component .cross-banner__group-card[data-num-cards="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.cross-banner-component .cross-banner__group-card[data-num-cards="1"] {
  grid-template-columns: 1fr;
}
.cross-banner-component .cross-banner__group-card .card {
  min-width: 0;
}
.cross-banner-component .cross-banner__group-card .card .card__content {
  min-height: 375px;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  /* clipping correcto */
  overflow: hidden;
  /* imprescindible para overlay y texto */
}
@media (min-width: 45rem) {
  .cross-banner-component .cross-banner__group-card .card .card__content {
    min-height: auto;
    height: -webkit-fill-available;
    height: -moz-available;
    aspect-ratio: 9/10;
  }
}
.cross-banner-component .cross-banner__group-card .card .card__content picture {
  width: 100%;
  position: relative;
  /* el radio lo gestiona .card__content */
  border-radius: 0;
}
.cross-banner-component .cross-banner__group-card .card .card__content picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}
.cross-banner-component .cross-banner__group-card .card .card__content .card__info {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 32px;
  gap: 16px;
}
@media (min-width: 64rem) {
  .cross-banner-component .cross-banner__group-card .card .card__content .card__info {
    padding-bottom: 24px;
  }
}
.cross-banner-component .cross-banner__group-card .card .card__content .card__info.text--light * {
  color: #ffffff;
}
.cross-banner-component .cross-banner__group-card .card.card-overlay--true .card__content picture::after {
  position: absolute;
  content: "";
  inset: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.75) 100%);
}
.cross-banner-component .cross-banner__group-card.slick-slider .card {
  /* variableWidth necesita anchos “base” por breakpoint */
}
@media (min-width: 45rem) {
  .cross-banner-component .cross-banner__group-card.slick-slider .card {
    margin-right: 16px;
  }
}
@media (min-width: 64rem) {
  .cross-banner-component .cross-banner__group-card.slick-slider .card {
    margin-right: 24px;
  }
}
@media (min-width: 80rem) {
  .cross-banner-component .cross-banner__group-card.slick-slider .card {
    margin-right: 32px;
  }
}
@media (min-width: 45rem) {
  .cross-banner-component .cross-banner__group-card.slick-slider .card {
    width: 320px;
  }
  .cross-banner-component .cross-banner__group-card.slick-slider .card .card__content {
    aspect-ratio: 9/10;
  }
}
@media (min-width: 64rem) {
  .cross-banner-component .cross-banner__group-card.slick-slider .card {
    width: 270px;
  }
}
@media (min-width: 80rem) {
  .cross-banner-component .cross-banner__group-card.slick-slider .card {
    width: 346px;
  }
}
@media (min-width: 90rem) {
  .cross-banner-component .cross-banner__group-card.slick-slider .card {
    width: 370px;
  }
}
@media (min-width: 120rem) {
  .cross-banner-component .cross-banner__group-card.slick-slider .card {
    width: 456px;
  }
}
@media (min-width: 64rem) {
  .cross-banner-component .slick-slider {
    /* usa el mismo gap (48px) que entre columnas */
    width: calc(66.666666% - 48px);
  }
}
.cross-banner-component .slick-slider .slick-list {
  width: 100%;
  overflow: visible;
  clip-path: inset(0 -100vw 0 0);
}
.cross-banner-component .slick-slider .slick-list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cross-banner-component .slick-slider .slick-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
}
.cross-banner-component .slick-slider .slick-arrow::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "icomoon";
  color: #016A7F;
  font-size: 16px;
}
.cross-banner-component .slick-slider .slick-arrow::before img {
  width: 100%;
  height: 100%;
}
.cross-banner-component .slick-slider .slick-arrow.slick-disabled {
  display: none !important;
}
.cross-banner-component .slick-slider .slick-arrow.slick-next {
  right: -12px;
  z-index: 10;
}
.cross-banner-component .slick-slider .slick-arrow.slick-next::before {
  font-family: "icomoon";
  content: "\e90d";
}
.cross-banner-component .slick-slider .slick-arrow.slick-prev {
  left: -16px;
  z-index: 10;
}
.cross-banner-component .slick-slider .slick-arrow.slick-prev::before {
  font-family: "icomoon";
  content: "\e90a";
}
.cross-banner-component .slick-slider .slick-arrow:hover, .cross-banner-component .slick-slider .slick-arrow:focus {
  color: transparent;
  background-color: #ffffff;
  outline: none;
}

.delete-account-component {
  display: none;
}
.delete-account-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 120;
}
.delete-account-component .modal__login__header {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #DDDDDD;
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .delete-account-component .modal__login__header {
    height: 80px;
  }
}
.delete-account-component .modal__login__header .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (min-width: 45rem) and (max-width: 64rem) {
  .delete-account-component .modal__login__header .header-container {
    max-width: 1024px;
    padding: 16px;
  }
}
.delete-account-component .modal__login__header .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
  color: #016A7F;
  cursor: pointer;
}
.delete-account-component .modal__login__header .icon-rp::before {
  font-size: 1.5rem;
}
.delete-account-component .modal__login__header .icon-rp img {
  width: 100%;
  height: 100%;
}
.delete-account-component .delete-account__main {
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 24px 16px;
  padding-bottom: 86px;
  background-color: #f8f8f8;
  overflow: auto;
}
@media (min-width: 64rem) {
  .delete-account-component .delete-account__main {
    top: 79px;
    padding: 72px;
  }
}
.delete-account-component .delete-account__main .delete-account__container {
  padding: 16px;
  border-radius: 8px;
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .delete-account-component .delete-account__main .delete-account__container {
    width: 821px;
    padding: 24px;
    margin: auto;
  }
}
.delete-account-component .delete-account__main .delete-account__container img {
  width: 120px;
  height: 120px;
}
.delete-account-component .delete-account__main .delete-account__container p {
  margin-bottom: 0;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning--hide {
  display: none;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (min-width: 64rem) {
  .delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__title {
    gap: 24px;
  }
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__title p {
  margin-bottom: 24px;
  text-align: center;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (min-width: 64rem) {
  .delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items {
    gap: 12px;
  }
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (min-width: 64rem) {
  .delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 12px;
  }
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 3px 0px #0000001A;
          box-shadow: 0px 0px 3px 0px #0000001A;
}
@media (min-width: 64rem) {
  .delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item {
    width: 50%;
  }
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-icon {
  width: 56px;
  height: 56px;
  padding: 16px;
  border-radius: 8px;
  background-color: #f8f8f8;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-icon .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  color: var(--gr-blue-guia);
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-icon .icon-rp::before {
  font-size: 1.25rem;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-icon .icon-rp img {
  width: 100%;
  height: 100%;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-texts .item-title {
  margin-bottom: 8px;
  font-weight: 500;
  color: #464646;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__items .delete-account-warning__items-row .delete-account-warning__item .item-texts .item-text {
  color: #727272;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
@media (min-width: 64rem) {
  .delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 64rem) {
  .delete-account-component .delete-account__main .delete-account__container .delete-account-warning .delete-account-warning__buttons .rp-btn-guia {
    width: 50%;
  }
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback {
  display: none;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback .feedback-component {
  width: 100%;
  padding: 0;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback .feedback-component .feedback__container {
  max-width: 950px;
  border-radius: 0;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.delete-account-component .delete-account__main .delete-account__container .delete-account-feedback .feedback-component .feedback__container .feedback__step--center {
  text-align: center;
}

.wave-decorator {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background-color: inherit;
  clip-path: ellipse(70% 95% at 50% 90%);
}
@media (max-width: 64rem) {
  .wave-decorator {
    clip-path: ellipse(80% 95% at 50% 90%);
  }
}

.description {
  padding-bottom: 32px;
}
@media (min-width: 45rem) {
  .description {
    padding-bottom: 40px;
  }
}
@media (min-width: 64rem) {
  .description {
    padding-bottom: 0;
  }
}
.description:has(.backgroundBlue) {
  padding-bottom: 0 !important;
}
.description .backgroundBlue .rp-guia-headline-marker {
  margin-bottom: 24px;
  color: #ffffff;
}
.description .backgroundBlue .rp-headline-subtitle {
  margin-bottom: 48px;
  color: rgba(255, 255, 255, 0.8);
}
.description .description-component {
  position: relative;
}
.description .description-component .description__content .rp-guia-headline-03 {
  margin-bottom: 24px;
}
@media screen and (width < 30rem) {
  .description .description-component .description__content .rp-guia-headline-03 {
    margin-bottom: 16px;
  }
}
.description .description-component .description__content .rp-headline-subtitle {
  margin-bottom: 0;
}
.description .description-component .description__content .rp-link {
  margin-block: 16px 0;
}
.description .description-component--solete {
  position: relative;
  padding: 24px;
  border-radius: 8px;
  background-color: #FFF8E0;
}
@media (min-width: 64rem) {
  .description .description-component--solete {
    padding: 32px;
  }
}
.description .description-component--solete::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 102px;
  height: 71px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/solete_description.png?#");
  background-repeat: no-repeat;
  border-top-right-radius: 8px;
}
.description .description-component--solete .icon-rp-Quotation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 28px;
  width: 28px;
  max-width: 28px;
  min-height: 28px;
  height: 28px;
  max-height: 28px;
  font-size: 22px;
  margin-bottom: 16px;
}
.description .description-component--solete .icon-rp-Quotation::before {
  font-size: 22px;
}
.description .description-component--solete .icon-rp-Quotation img {
  width: 100%;
  height: 100%;
}
@media (min-width: 80rem) {
  .description .description-component--solete .icon-rp-Quotation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 36px;
    width: 36px;
    max-width: 36px;
    min-height: 36px;
    height: 36px;
    max-height: 36px;
    font-size: 30px;
    margin-bottom: 0;
    margin-right: 24px;
  }
  .description .description-component--solete .icon-rp-Quotation::before {
    font-size: 30px;
  }
  .description .description-component--solete .icon-rp-Quotation img {
    width: 100%;
    height: 100%;
  }
}
.description .description-component--solete .description-block p:not(.title) {
  color: #464646;
}
.description .description-component--solete .description-block .title {
  margin-bottom: 16px;
  color: #727272;
  font-weight: 400;
}
@media (min-width: 80rem) {
  .description .description-component--solete .description-block--recomended {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 524px;
  }
}
@media (min-width: 90rem) {
  .description .description-component--solete .description-block--recomended {
    max-width: 540px;
  }
}
@media (min-width: 120rem) {
  .description .description-component--solete .description-block--recomended {
    max-width: 680px;
  }
}
.description .description-component--solete .author-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 26px;
  margin-top: 16px;
}
@media (min-width: 80rem) {
  .description .description-component--solete .author-group {
    padding-left: 60px;
  }
}
.description .description-component--solete .author-group .author-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.description .description-component--solete .author-group .author-block .author-avatar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 32px;
  width: 32px;
  min-height: 32px;
  height: 32px;
}
.description .description-component--solete .author-group .author-block .author-avatar img {
  min-width: 32px;
  width: 32px;
  min-height: 32px;
  height: 32px;
  border-radius: 50%;
}
.description .description-component--solete .author-group .author-block .author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.description .description-component--solete .author-group .author-block .author-info .author-name {
  font-family: "Roboto-Medium";
  font-weight: 500;
}
.description .description-component--solete .author-group .author-block .author-info .author-profession {
  color: #727272;
}
.description .description-component .avatar {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(0.5em);
          transform: translateX(0.5em);
}
.description .description-component .avatar .block-img {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 16px;
  margin-right: 16px;
}
.description .description-component .avatar .name-avatar {
  margin-bottom: 8px;
  font-family: "Roboto-Regular";
  font-style: normal;
}
.description .description-component .avatar .profesion {
  color: #757575;
}
.description .description-component .description-block {
  position: relative;
}
.description .description-component .description-block > p {
  color: #757575;
}
.description .description-component .description-block > :not(.title, .icon-rp) {
  margin: 0;
}
.description .description-component .description-block .block-see-more {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  width: 56px;
  height: 56px;
  background: #016A7F;
  left: "calc(50% - 28px)";
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
.description .description-component .description-block .block-see-more .icon-rp-Plus {
  color: #ffffff;
  width: 24px;
  height: 24px;
}
.description .description-component .description-block .block-see-more .icon-rp-Plus::before {
  font-size: 24px;
}
.description .description-component .description-block.active-white {
  max-height: 166px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.description .description-component .description-block.active-white .block-see-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.description .description-component .description-block.active-white:before {
  background: linear-gradient(179.7deg, rgba(255, 255, 255, 0) 0.26%, rgba(255, 255, 255, 0.31) 18.39%, rgba(255, 255, 255, 0.85) 81.21%, #FFFFFF 99.74%);
  height: 69px;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  content: "";
}
@media (min-width: 64rem) {
  .description .description-component .avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
    display: block;
  }
  .description .description-component .avatar .block-img {
    margin-left: 0;
  }
  .description .description-component .avatar + .description-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
        flex: 0 0 70%;
    max-width: 70%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 1440px) {
  .description .description-component .avatar + .description-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62%;
        flex: 0 0 62%;
    max-width: 62%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.description .description-component img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.receta-info__metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.receta-info__metadata .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.receta-info__metadata .data .eta {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.description-component {
  position: relative;
  padding-block: 24px;
}
@media (min-width: 64rem) {
  .description-component {
    padding-top: 64px;
  }
}
.description-component.theme--dark [class*=headline] {
  color: #ffffff;
}
.description-component:has(.wave-decorator) {
  margin-top: 30px;
  padding-top: 32px;
}
@media (min-width: 45rem) {
  .description-component:has(.wave-decorator) {
    padding-block: 64px;
  }
}
.description-component .wave-decorator {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background-color: inherit;
  clip-path: ellipse(70% 95% at 50% 90%);
}
@media (max-width: 64rem) {
  .description-component .wave-decorator {
    clip-path: ellipse(80% 95% at 50% 90%);
  }
}
.description-component .description__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.description.section {
  padding-bottom: 32px;
  padding-left: 0;
}
@media (min-width: 45rem) {
  .description.section {
    padding-bottom: 40px;
  }
}
@media (min-width: 64rem) {
  .description.section {
    padding-bottom: 48px;
  }
}
.description.section .description-component {
  position: relative;
  padding-top: 0;
}
.description.section .description-component--solete {
  position: relative;
  padding: 24px;
  border-radius: 8px;
  background-color: #FFF8E0;
}
@media (min-width: 64rem) {
  .description.section .description-component--solete {
    padding: 32px;
  }
}
.description.section .description-component--solete::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 102px;
  height: 71px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/solete_description.png?#");
  background-repeat: no-repeat;
  border-top-right-radius: 8px;
}
.description.section .description-component--solete .icon-rp-Quotation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 28px;
  width: 28px;
  max-width: 28px;
  min-height: 28px;
  height: 28px;
  max-height: 28px;
  font-size: 22px;
  margin-bottom: 16px;
}
.description.section .description-component--solete .icon-rp-Quotation::before {
  font-size: 22px;
}
.description.section .description-component--solete .icon-rp-Quotation img {
  width: 100%;
  height: 100%;
}
@media (min-width: 80rem) {
  .description.section .description-component--solete .icon-rp-Quotation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 36px;
    width: 36px;
    max-width: 36px;
    min-height: 36px;
    height: 36px;
    max-height: 36px;
    font-size: 30px;
    margin-bottom: 0;
    margin-right: 24px;
  }
  .description.section .description-component--solete .icon-rp-Quotation::before {
    font-size: 30px;
  }
  .description.section .description-component--solete .icon-rp-Quotation img {
    width: 100%;
    height: 100%;
  }
}
.description.section .description-component--solete .description-block p:not(.title) {
  color: #464646;
}
.description.section .description-component--solete .description-block .title {
  margin-bottom: 16px;
  color: #727272;
  font-weight: 400;
}
@media (min-width: 80rem) {
  .description.section .description-component--solete .description-block--recomended {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 524px;
  }
}
@media (min-width: 90rem) {
  .description.section .description-component--solete .description-block--recomended {
    max-width: 540px;
  }
}
@media (min-width: 120rem) {
  .description.section .description-component--solete .description-block--recomended {
    max-width: 680px;
  }
}
.description.section .description-component--solete .author-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 26px;
  margin-top: 16px;
}
@media (min-width: 80rem) {
  .description.section .description-component--solete .author-group {
    padding-left: 60px;
  }
}
.description.section .description-component--solete .author-group .author-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.description.section .description-component--solete .author-group .author-block .author-avatar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 32px;
  width: 32px;
  min-height: 32px;
  height: 32px;
}
.description.section .description-component--solete .author-group .author-block .author-avatar img {
  min-width: 32px;
  width: 32px;
  min-height: 32px;
  height: 32px;
  border-radius: 50%;
}
.description.section .description-component--solete .author-group .author-block .author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.description.section .description-component--solete .author-group .author-block .author-info .author-name {
  font-family: "Roboto-Medium";
  font-weight: 500;
}
.description.section .description-component--solete .author-group .author-block .author-info .author-profession {
  color: #727272;
}
.description.section .description-component .avatar {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(0.5em);
          transform: translateX(0.5em);
}
.description.section .description-component .avatar .block-img {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 16px;
  margin-right: 16px;
}
.description.section .description-component .avatar .name-avatar {
  margin-bottom: 8px;
  font-family: "Roboto-Regular";
  font-style: normal;
}
.description.section .description-component .avatar .profesion {
  color: #757575;
}
.description.section .description-component .description-block {
  position: relative;
}
.description.section .description-component .description-block > p {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #757575;
}
.description.section .description-component .description-block > :not(.title, .icon-rp) {
  margin: 0;
}
.description.section .description-component .description-block .block-see-more {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  width: 56px;
  height: 56px;
  background: #016A7F;
  left: calc(50% - 28px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
.description.section .description-component .description-block .block-see-more .icon-rp-Plus {
  color: #ffffff;
  width: 24px;
  height: 24px;
}
.description.section .description-component .description-block .block-see-more .icon-rp-Plus::before {
  font-size: 24px;
}
.description.section .description-component .description-block.active-white {
  max-height: 166px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.description.section .description-component .description-block.active-white .block-see-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.description.section .description-component .description-block.active-white:before {
  background: linear-gradient(179.7deg, rgba(255, 255, 255, 0) 0.26%, rgba(255, 255, 255, 0.31) 18.39%, rgba(255, 255, 255, 0.85) 81.21%, #ffffff 99.74%);
  height: 69px;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  content: "";
}
@media (min-width: 64rem) {
  .description.section .description-component .avatar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
    display: block;
  }
  .description.section .description-component .avatar .block-img {
    margin-left: 0;
  }
  .description.section .description-component .avatar + .description-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    max-width: 70%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 1440px) {
  .description.section .description-component .avatar + .description-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62%;
            flex: 0 0 62%;
    max-width: 62%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.description.section .description-component img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.direct-access-component {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 64px;
  /* Group cards */
}
@media screen and (width <= 45rem) {
  .direct-access-component {
    padding-block: 32px;
  }
}
.direct-access-component.backgroundBlue .block-info-card .rp-guia-headline-03,
.direct-access-component.backgroundBlue .block-info-card .rp-headline-subtitle {
  color: #ffffff;
}
.direct-access-component.backgroundBlue .rp-body-18,
.direct-access-component.backgroundBlue .rp-body-16 {
  color: #ffffff;
}
@media (hover: hover) {
  .direct-access-component.backgroundBlue .list-gene .direct-access__card:hover .rp-body-18 {
    color: #ffffff;
  }
  .direct-access-component.backgroundBlue .list-gene .direct-access__card:hover .rp-body-18:hover {
    color: #AAAAAA;
  }
  .direct-access-component.backgroundBlue .list-gene .direct-access__card:hover .rp-body-18.active, .direct-access-component.backgroundBlue .list-gene .direct-access__card:hover .rp-body-18:active {
    color: #757575;
  }
  .direct-access-component.backgroundBlue .list-gene .direct-access__card:hover .rp-body-18:disabled, .direct-access-component.backgroundBlue .list-gene .direct-access__card:hover .rp-body-18.rp-disabled {
    color: #464646;
  }
}
.direct-access-component .direct-access__title.gr-headline-marker {
  margin-bottom: 0;
}
.direct-access-component .block-info-card {
  margin-bottom: var(--gr-spacing-24);
  text-align: center;
}
@media (min-width: 45rem) {
  .direct-access-component .block-info-card {
    margin-bottom: var(--gr-spacing-40);
  }
}
.direct-access-component .block-info-card .rp-headline-subtitle {
  margin-top: 2rem;
  margin-bottom: 16px;
  font-size: 16px;
}
@media (min-width: 45rem) {
  .direct-access-component .block-info-card .rp-headline-subtitle {
    margin-top: 32px;
  }
}
.direct-access-component .btn-cards {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 64rem) {
  .direct-access-component .btn-cards {
    margin-top: 34px;
  }
}
.direct-access-component .list-gene {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: var(--gr-spacing-16);
     -moz-column-gap: var(--gr-spacing-16);
          column-gap: var(--gr-spacing-16);
  row-gap: 24px;
}
@media (min-width: 45rem) {
  .direct-access-component .list-gene {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-column-gap: var(--gr-spacing-32);
       -moz-column-gap: var(--gr-spacing-32);
            column-gap: var(--gr-spacing-32);
  }
}
.direct-access-component .list-gene .direct-access__card {
  width: calc(50% - 8px);
}
@media (hover: hover) {
  .direct-access-component .list-gene .direct-access__card:hover .rp-body-18 {
    color: #016A7F;
  }
  .direct-access-component .list-gene .direct-access__card:hover picture img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.direct-access-component .list-gene .direct-access__card picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
}
@media (min-width: 45rem) {
  .direct-access-component .list-gene .direct-access__card picture {
    aspect-ratio: 3/4;
  }
}
.direct-access-component .list-gene .direct-access__card picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 40%;
     object-position: 0 40%;
}
@media (max-width: 45rem) {
  .direct-access-component .list-gene .direct-access__card picture img {
    height: 130px;
  }
}
@media (hover: hover) {
  .direct-access-component .list-gene .direct-access__card picture img {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 750ms linear transform;
    transition: 750ms linear transform;
  }
}
.direct-access-component .list-gene .direct-access__card .rp-body-18 {
  margin: var(--gr-spacing-8) 0 0;
  color: #464646;
}
@media (min-width: 64rem) {
  .direct-access-component .list-gene .direct-access__card .rp-body-18 {
    font-size: 1.25rem;
  }
}
@media (hover: hover) {
  .direct-access-component .list-gene .direct-access__card .rp-body-18 {
    -webkit-transition: 750ms linear color;
    transition: 750ms linear color;
  }
}
.direct-access-component .list-gene .direct-access__card .rp-body-16 {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .direct-access-component .list-gene.components-2 .direct-access__card {
    width: 50%;
  }
  .direct-access-component .list-gene.components-3 .direct-access__card {
    width: 33.33333%;
  }
  .direct-access-component .list-gene.components-4 .direct-access__card {
    width: 25%;
  }
  .direct-access-component .list-gene.components-5 .direct-access-component {
    width: 20%;
  }
  .direct-access-component .list-gene.components-6 .direct-access__card {
    width: 16.66666%;
  }
}

/* Estilos distributor */
.distributor-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  /* Colores de fondo */
}
.distributor-component.backgroundBlue .distributor .distributor__title h2,
.distributor-component.backgroundBlue .distributor .distributor__title h3 {
  color: #ffffff;
}
.distributor-component .distributor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-block: 32px;
}
@media (min-width: 45rem) {
  .distributor-component .distributor {
    padding-block: 64px;
  }
}
.distributor-component .distributor .distributor__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  text-align: center;
}
@media (min-width: 45rem) {
  .distributor-component .distributor .distributor__title {
    margin-bottom: 40px;
  }
}
.distributor-component .distributor .distributor__title .rp-guia-headline-03 {
  min-width: 159px;
  margin: 0;
}
.distributor-component .distributor .distributor__title .yellow_marker {
  height: 8px;
  margin: 8px 0 16px;
  line-height: 8px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-description.png?#");
  background-position: center;
  background-repeat: no-repeat;
}
.distributor-component .distributor .distributor__title .rp-body-14 {
  font-size: 1rem;
  margin-bottom: 0;
}
.distributor-component .distributor .distributor__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 45rem) {
  .distributor-component .distributor .distributor__main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .distributor-component .distributor .distributor__main[class*=distributor__main__size-] .card {
    width: calc(50% - 8px);
  }
}
@media (min-width: 64rem) {
  .distributor-component .distributor .distributor__main {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
    padding-inline: 0;
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-2 .card, .distributor-component .distributor .distributor__main.distributor__main__size-4 .card {
    width: calc(50% - 12px);
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-3 .card, .distributor-component .distributor .distributor__main.distributor__main__size-6 .card {
    width: calc(33.33333% - 24px);
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-5 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-5 .card {
    width: calc(33.33333% - 16px);
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-7 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-7 .card {
    width: calc(25% - 18px);
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-8 .card {
    width: calc(25% - 18px);
  }
}
@media (min-width: 80rem) {
  .distributor-component .distributor .distributor__main {
    gap: 32px;
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-2 .card {
    width: calc(50% - 16px);
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-4 .card, .distributor-component .distributor .distributor__main.distributor__main__size-7 .card, .distributor-component .distributor .distributor__main.distributor__main__size-8 .card {
    width: calc(25% - 32px);
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-3 .card, .distributor-component .distributor .distributor__main.distributor__main__size-6 .card {
    width: calc(33.33333% - 32px);
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-5 .card {
    width: calc(33.33333% - 22px);
  }
  .distributor-component .distributor .distributor__main.distributor__main__size-7 .card, .distributor-component .distributor .distributor__main.distributor__main__size-8 .card {
    width: calc(25% - 24px);
  }
}
.distributor-component .distributor .distributor__main .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 24px;
  width: auto;
  margin: 0;
  background-color: #ffffff;
  border-radius: 8px;
}
.distributor-component .distributor .distributor__main .card .card__image {
  width: 88px;
  height: 88px;
  border-radius: 8px 0px 0px 8px;
  overflow: hidden;
}
.distributor-component .distributor .distributor__main .card picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 88px;
  height: 88px;
}
.distributor-component .distributor .distributor__main .card picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.distributor-component .distributor .distributor__main .card picture img.micro {
  width: 70%;
  height: 70%;
}
.distributor-component .distributor .distributor__main .card .card__text {
  max-height: 88px;
  padding-block: 24px;
  margin-bottom: 0;
}

.sticky-download-component {
  position: fixed;
  left: 0;
  right: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px -4px 11px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.02);
          box-shadow: 0px -4px 11px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.02);
  -webkit-transition: 600ms ease-in-out transform;
  transition: 600ms ease-in-out transform;
}
.sticky-download-component--bottom {
  bottom: 0;
  z-index: 10;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media (min-width: 45rem) {
  .sticky-download-component--bottom {
    display: none;
  }
}
.sticky-download-component--top {
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.sticky-download-component--show {
  -webkit-transition: 600ms ease-in-out transform;
  transition: 600ms ease-in-out transform;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.sticky-download-component--close {
  display: none;
}
.sticky-download-component .sticky__download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding-block: 24px;
}
@media (min-width: 64rem) {
  .sticky-download-component .sticky__download {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.sticky-download-component .sticky__download__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sticky-download-component .sticky__download__header .sticky__download__title {
  margin-bottom: 0;
}
.sticky-download-component .sticky__download__header .icon-rp {
  margin-right: 8px;
  color: #016A7F;
}
.sticky-download-component .sticky__download__text {
  margin-top: 8px;
  color: #727272;
}
@media (min-width: 45rem) {
  .sticky-download-component .sticky__download__interaction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
}
.sticky-download-component .sticky__download .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.sticky-download-component .sticky__download .icon-rp::before {
  font-size: 1.25rem;
}
.sticky-download-component .sticky__download .icon-rp img {
  width: 100%;
  height: 100%;
}

.featureCont .featured-card {
  margin-top: 16px;
  padding-bottom: 0px;
}
.featureCont .featured-card .hidden {
  display: none;
}
@media (min-width: 64rem) {
  .featureCont .featured-card:not(.isAuthorMode) {
    margin-top: 0;
    position: sticky;
  }
}
.featureCont .featured-card .card.card-s {
  width: 100%;
}
.featureCont .featured-card .card.card-s .card__content {
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px 0px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px 0px rgba(0, 0, 0, 0.02);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.featureCont .featured-card .card.card-s .card__content.type-place {
  padding: 15px 16px;
}
@media (min-width: 64rem) {
  .featureCont .featured-card .card.card-s .card__content.type-place {
    padding: 24px 20px 16px 20px;
  }
}
.featureCont .featured-card .card.card-s .card__content.type-place img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 96px;
  height: 125px;
}
@media (min-width: 64rem) {
  .featureCont .featured-card .card.card-s .card__content.type-place img {
    width: 88px;
    height: 100px;
  }
}
.featureCont .featured-card .card.card-s .card__content.type-place .category {
  margin-bottom: 8px;
}
.featureCont .featured-card .card.restaurante-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.restaurante-card.card-s .card__content > picture, .featureCont .featured-card .card.recomendado-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.recomendado-card.card-s .card__content > picture, .featureCont .featured-card .card.soletes-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.soletes-card.card-s .card__content > picture, .featureCont .featured-card .card.tourist-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.tourist-card.card-s .card__content > picture {
  width: 106px;
  min-width: 106px;
}
@media (min-width: 45rem) {
  .featureCont .featured-card .card.restaurante-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.restaurante-card.card-s .card__content > picture, .featureCont .featured-card .card.recomendado-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.recomendado-card.card-s .card__content > picture, .featureCont .featured-card .card.soletes-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.soletes-card.card-s .card__content > picture, .featureCont .featured-card .card.tourist-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.tourist-card.card-s .card__content > picture {
    width: 166px;
    min-width: 166px;
  }
}
@media (min-width: 64rem) and (max-width: 1279px) {
  .featureCont .featured-card .card.restaurante-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.restaurante-card.card-s .card__content > picture, .featureCont .featured-card .card.recomendado-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.recomendado-card.card-s .card__content > picture, .featureCont .featured-card .card.soletes-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.soletes-card.card-s .card__content > picture, .featureCont .featured-card .card.tourist-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.tourist-card.card-s .card__content > picture {
    display: none;
  }
}
@media (min-width: 80rem) {
  .featureCont .featured-card .card.restaurante-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.restaurante-card.card-s .card__content > picture, .featureCont .featured-card .card.recomendado-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.recomendado-card.card-s .card__content > picture, .featureCont .featured-card .card.soletes-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.soletes-card.card-s .card__content > picture, .featureCont .featured-card .card.tourist-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.tourist-card.card-s .card__content > picture {
    width: 140px;
    min-width: 140px;
  }
}
@media (min-width: 90rem) {
  .featureCont .featured-card .card.restaurante-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.restaurante-card.card-s .card__content > picture, .featureCont .featured-card .card.recomendado-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.recomendado-card.card-s .card__content > picture, .featureCont .featured-card .card.soletes-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.soletes-card.card-s .card__content > picture, .featureCont .featured-card .card.tourist-card.card-s .card__content .block-img-default, .featureCont .featured-card .card.tourist-card.card-s .card__content > picture {
    width: 166px;
    min-width: 166px;
  }
}
.featureCont .featured-card .card.restaurante-card.card-s .card__content .card__status, .featureCont .featured-card .card.recomendado-card.card-s .card__content .card__status, .featureCont .featured-card .card.soletes-card.card-s .card__content .card__status, .featureCont .featured-card .card.tourist-card.card-s .card__content .card__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 0.75rem;
  letter-spacing: normal;
}
.featureCont .featured-card .card.restaurante-card.card-s .card__content .card__status.card__status--closed, .featureCont .featured-card .card.recomendado-card.card-s .card__content .card__status.card__status--closed, .featureCont .featured-card .card.soletes-card.card-s .card__content .card__status.card__status--closed, .featureCont .featured-card .card.tourist-card.card-s .card__content .card__status.card__status--closed {
  color: #E4002B;
}
.featureCont .featured-card .card.restaurante-card.card-s .card__content .card__status .icon-rp, .featureCont .featured-card .card.recomendado-card.card-s .card__content .card__status .icon-rp, .featureCont .featured-card .card.soletes-card.card-s .card__content .card__status .icon-rp, .featureCont .featured-card .card.tourist-card.card-s .card__content .card__status .icon-rp {
  margin-right: 4px;
  font-size: 16px;
}

.maps-ruta .card-component .row .card-s {
  padding: 0;
}

.page-report-article .featureCont .card-component .card.rutas-card.card-s .card__content .info-card .rp-caption {
  padding: 0;
}
.page-report-article .featureCont .card-component .card.rutas-card.card-s .card__content .info-card .info-card-detail,
.page-report-article .featureCont .card-component .card.rutas-card.card-s .card__content .info-card .info-card-meta {
  display: none;
}
.page-report-article .featureCont .card-component .card.rutas-card.card-s .card__content .info-card-content {
  padding: 0;
}
.page-report-article .featureCont .card-component .card.rutas-card.card-s .card__content .info-card-content .title {
  font-size: 1rem;
}

.modal__feedback--experience.modal__feedback {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  z-index: 1100;
}
.modal__feedback--experience.modal__feedback.modal__feedback--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__feedback--experience.modal__feedback .modal__feedback-component {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 45rem) {
  .modal__feedback--experience.modal__feedback .modal__feedback-component {
    position: relative;
  }
}
.modal__feedback--experience.modal__feedback .modal__feedback-component .icon-rp {
  z-index: 2;
}
.modal__feedback--experience.modal__feedback .modal__feedback-component .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__feedback--experience.modal__feedback .modal__feedback-component .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.modal__feedback--experience.modal__feedback .modal__feedback-component .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__feedback--experience.modal__feedback .modal__feedback-component .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .modal__feedback--experience.modal__feedback .modal__feedback-component .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}
@media (min-width: 45rem) {
  .modal__feedback--experience.modal__feedback .modal__feedback-component .icon-rp {
    top: 32px;
    right: 32px;
  }
}
.modal__feedback--experience.modal__feedback .modal__feedback-component .feedback-component {
  padding-block: 0;
}
@media (min-width: 45rem) {
  .modal__feedback--experience.modal__feedback .modal__feedback-component .feedback-component {
    min-width: 478px;
  }
}
@media (min-width: 64rem) {
  .modal__feedback--experience.modal__feedback .modal__feedback-component .feedback-component {
    min-width: 822px;
  }
}
.modal__feedback--experience.modal__feedback .modal__feedback-component .feedback-component .feedback__container {
  margin-inline: 0;
  padding-inline: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 45rem) {
  .modal__feedback--experience.modal__feedback .modal__feedback-component .feedback-component .feedback__container {
    padding: 32px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.modal__feedback--experience.modal__feedback .modal__feedback-component .feedback-component .feedback__container .rp-guia-title-03 {
  max-width: calc(100% - 30px);
}

.feedback-component {
  display: none;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  padding-block: 32px;
  -webkit-transition: opacity 3.6s ease, display 2s ease allow-discrete, -webkit-transform 2.4s ease-in-out 1.4s;
  transition: opacity 3.6s ease, display 2s ease allow-discrete, -webkit-transform 2.4s ease-in-out 1.4s;
  transition: transform 2.4s ease-in-out 1.4s, opacity 3.6s ease, display 2s ease allow-discrete;
  transition: transform 2.4s ease-in-out 1.4s, opacity 3.6s ease, display 2s ease allow-discrete, -webkit-transform 2.4s ease-in-out 1.4s;
  /* Specific styles for simple feedback */
  /* Specific styles for score feedback */
  /* Specific styles for selection feedback*/
}
.feedback-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.feedback-component .feedback__container {
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.102);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.102);
  border-radius: 8px;
}
.feedback-component .feedback__container * {
  margin-bottom: 0;
}
.feedback-component .feedback__step {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (min-width: 45rem) {
  .feedback-component .feedback__step__thank.feedback__step--left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 45rem) {
  .feedback-component .feedback__step__thank.feedback__step--center {
    text-align: center;
  }
}
.feedback-component .feedback__step.feedback__step--left .feedback__content .feedback__info * {
  color: #464646 !important;
}
.feedback-component .feedback__step.feedback__step--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.feedback-component .feedback__step.feedback__step--active .rp-guia-title-03,
.feedback-component .feedback__step.feedback__step--active .feedback__label {
  color: #464646 !important;
}
.feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea {
  margin-top: 4px;
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  min-height: 120px;
  padding: 12px 16px;
}
@media (min-width: 64rem) {
  .feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea {
    height: 48px;
    padding-block: 12px;
  }
}
.feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea.validation--error {
  border-color: #E4002B;
}
.feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea:focus, .feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .feedback__textarea:active {
  border-color: #016A7F;
}
.feedback-component .feedback__step.feedback__step--active .feedback__textarea__group .rp-btn-guia {
  margin-left: auto;
}
@media (min-width: 45rem) {
  .feedback-component .feedback__step {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .feedback-component .feedback__step:not([data-step="2"]) {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
  .feedback-component .feedback__step[data-step="2"] {
    gap: 16px;
  }
}
.feedback-component .feedback__step .feedback__microillustration {
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
  -ms-flex-item-align: center;
      align-self: center;
}
.feedback-component .feedback__step .feedback__microillustration.RESTAURANTE, .feedback-component .feedback__step .feedback__microillustration.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
.feedback-component .feedback__step .feedback__microillustration--big {
  width: 160px;
  height: 160px;
}
.feedback-component .feedback__step .feedback__microillustration--small {
  width: 120px;
  height: 120px;
}
.feedback-component .feedback__step .feedback__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  width: 100%;
}
.feedback-component .feedback__step .feedback__info,
.feedback-component .feedback__step .feedback__interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.feedback-component .feedback__step .feedback__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.feedback-component .feedback__step .feedback__textarea__group .feedback__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.feedback-component .feedback__step .feedback__textarea__group .feedback__label__counter {
  color: #727272;
}
.feedback-component .feedback__step .feedback__textarea__group .feedback__textarea {
  resize: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.feedback-component .feedback__step .feedback__textarea__group .feedback__textarea::-webkit-scrollbar {
  display: none;
}
.feedback-component .feedback__step .feedback__textarea__group .rp-btn-guia {
  margin-top: 12px;
}
@media (min-width: 45rem) {
  .feedback-component .feedback__step .feedback__textarea__group .rp-btn-guia {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media (min-width: 45rem) {
  .feedback-component--simple .feedback__step:first-of-type .feedback__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 45rem) {
  .feedback-component--simple .feedback__step:first-of-type .feedback__content .feedback__interaction {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media (min-width: 45rem) {
  .feedback-component--simple .feedback__step:first-of-type .feedback__content .feedback__interaction .rp-btn-guia {
    padding-inline: 28px;
  }
}
@media (min-width: 45rem) {
  .feedback-component--score .feedback__step--left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .feedback-component--score .feedback__step--left .feedback__interaction {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .feedback-component--score .feedback__step--center .feedback__info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.feedback-component--score .feedback__interaction {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.feedback-component--score .feedback__interaction .score__list,
.feedback-component--score .feedback__interaction .score__caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.feedback-component--score .feedback__interaction .score__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
@media (min-width: 45rem) {
  .feedback-component--score .feedback__interaction .score__list {
    gap: 24px;
  }
}
.feedback-component--score .feedback__interaction .score__list__item {
  /* Faces */
  width: 40px;
  height: 40px;
  padding: 6px;
  border: 1px solid #DDDDDD;
  border-radius: 50%;
  cursor: pointer;
}
.feedback-component--score .feedback__interaction .score__list__item.SMILING {
  content: url("../../../content/dam/repsol-guia/guia-images/emojis/Smiling-face_Smiling-eyes.png");
}
.feedback-component--score .feedback__interaction .score__list__item.GRINNING {
  content: url("../../../content/dam/repsol-guia/guia-images/emojis/Grinning-face_Big-eyes.png");
}
.feedback-component--score .feedback__interaction .score__list__item.CONFUSED {
  content: url("../../../content/dam/repsol-guia/guia-images/emojis/Confused-face.png");
}
.feedback-component--score .feedback__interaction .score__list__item.ANGRY {
  content: url("../../../content/dam/repsol-guia/guia-images/emojis/Angry-face.png");
}
.feedback-component--score .feedback__interaction .score__list__item.ANGRY_NOSE {
  content: url("../../../content/dam/repsol-guia/guia-images/emojis/Angry-face_Steam%20-from-nose.png");
}
@media (min-width: 30rem) {
  .feedback-component--score .feedback__interaction .score__list__item {
    width: 48px;
    height: 48px;
    padding: 8px;
  }
}
.feedback-component--score .feedback__interaction .score__list__item:active, .feedback-component--score .feedback__interaction .score__list__item[data-selected=true] {
  border-color: #00ADC3;
  background-color: #C0EBF2;
}
.feedback-component--score .feedback__interaction .score__list__item:hover {
  border-color: #AAAAAA;
}
.feedback-component--score .feedback__interaction .score__caption {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.feedback-component--selection .selection__list, .feedback-component--multiselection .selection__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}
.feedback-component--selection .selection__list--clone, .feedback-component--multiselection .selection__list--clone {
  pointer-events: none;
}
@media (min-width: 45rem) {
  .feedback-component--selection .selection__list, .feedback-component--multiselection .selection__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.feedback-component--selection .selection__list__item, .feedback-component--multiselection .selection__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 10.4px 16px;
  border-radius: 28px;
  cursor: pointer;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  text-align: center;
  line-height: 1rem;
}
@media (min-width: 64rem) {
  .feedback-component--selection .selection__list__item, .feedback-component--multiselection .selection__list__item {
    gap: 4px;
    height: 32px;
    min-height: 32px;
    padding: 8px 12px;
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.025px;
  }
}
.feedback-component--selection .selection__list__item--border, .feedback-component--multiselection .selection__list__item--border {
  border: 1px solid #DDDDDD;
}
.feedback-component--selection .selection__list__item--border:hover, .feedback-component--multiselection .selection__list__item--border:hover {
  border-color: #AAAAAA;
}
.feedback-component--selection .selection__list__item--border:active, .feedback-component--selection .selection__list__item--border[data-selected=true], .feedback-component--multiselection .selection__list__item--border:active, .feedback-component--multiselection .selection__list__item--border[data-selected=true] {
  background-color: #C0EBF2;
  border-color: #00ADC3;
}
.feedback-component--selection .selection__list__item:not([class*="--border"]), .feedback-component--multiselection .selection__list__item:not([class*="--border"]) {
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.141), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.141), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
}
.feedback-component--selection .selection__list__item:not([class*="--border"]):hover, .feedback-component--multiselection .selection__list__item:not([class*="--border"]):hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.feedback-component--selection .selection__list__item:not([class*="--border"]):active, .feedback-component--selection .selection__list__item:not([class*="--border"])[data-selected=true], .feedback-component--multiselection .selection__list__item:not([class*="--border"]):active, .feedback-component--multiselection .selection__list__item:not([class*="--border"])[data-selected=true] {
  border: 1px solid #00ADC3;
}
.feedback-component--selection .selection__list__item .icon-rp, .feedback-component--multiselection .selection__list__item .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
  color: #016A7F;
}
.feedback-component--selection .selection__list__item .icon-rp::before, .feedback-component--multiselection .selection__list__item .icon-rp::before {
  font-size: 1rem;
}
.feedback-component--selection .selection__list__item .icon-rp img, .feedback-component--multiselection .selection__list__item .icon-rp img {
  width: 100%;
  height: 100%;
}
@media (min-width: 45rem) {
  .feedback-component--selection .selection__list__item, .feedback-component--multiselection .selection__list__item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.feedback-component--multiselection .feedback__interaction {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.feedback-component--multiselection .feedback__textarea__group {
  margin-top: 16px;
}

.galardonados-carousel {
  position: relative;
  min-height: 500px;
  background-color: var(--gr-blue-guia);
  padding-block: 64px;
}
@media screen and (width < 30rem) {
  .galardonados-carousel {
    padding-block: 32px;
  }
}
.galardonados-carousel:has(.wave-decorator) {
  margin-top: 50px;
}
.galardonados-carousel .wave-decorator {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background-color: var(--gr-blue-guia);
  clip-path: ellipse(70% 95% at 50% 90%);
}
@media (max-width: 64rem) {
  .galardonados-carousel .wave-decorator {
    clip-path: ellipse(80% 95% at 50% 90%);
  }
}
.galardonados-carousel .cmp-galardonados-carousel__title {
  color: #ffffff;
  text-align: center;
  position: relative;
}
@media (min-width: 64rem) {
  .galardonados-carousel .cmp-galardonados-carousel__title {
    text-align: start;
  }
}
.galardonados-carousel .cmp-galardonados-carousel__year {
  position: initial;
}
@media (min-width: 64rem) {
  .galardonados-carousel .cmp-galardonados-carousel__year {
    position: relative;
  }
}
.galardonados-carousel .cmp-galardonados-carousel__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 27px;
}
@media (min-width: 64rem) {
  .galardonados-carousel .cmp-galardonados-carousel__filters {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 48px;
    margin-bottom: 24px;
  }
}
.galardonados-carousel .cmp-galardonados-carousel__filter-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-drop-search {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  position: relative;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-drop-search .galardonados-name-input {
  display: none;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-drop-search .galardonados-name-input.show {
  display: block;
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 76px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  padding: var(--gr-spacing-layout-xs);
}
.galardonados-carousel .cmp-galardonados-carousel__filter-drop-search .filter-blur {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(96, 96, 96, 0.5);
  backdrop-filter: blur(50px);
  z-index: 99;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-drop-search .galardonados-name-icon {
  font-size: 19px;
  height: 100%;
  color: #016A7F;
}
@media (min-width: 64rem) {
  .galardonados-carousel .cmp-galardonados-carousel__filter-drop-search {
    padding-top: unset;
    position: relative;
    height: 48px;
  }
  .galardonados-carousel .cmp-galardonados-carousel__filter-drop-search .galardonados-name-input {
    display: block;
    width: 292px;
    height: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    padding: var(--gr-spacing-layout-xs);
  }
  .galardonados-carousel .cmp-galardonados-carousel__filter-drop-search .galardonados-name-input::after {
    display: none;
  }
  .galardonados-carousel .cmp-galardonados-carousel__filter-drop-search .galardonados-name-input.show {
    display: unset;
    position: unset;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
  }
  .galardonados-carousel .cmp-galardonados-carousel__filter-drop-search .galardonados-name-icon {
    color: var(--gr-blue-guia);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 14px;
    background-color: unset;
    padding-inline: unset;
    padding: unset;
    height: unset;
  }
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces {
  padding: 16px;
  width: 100%;
  border: solid 1px #DDDDDD;
  border-radius: 8px;
  background-color: #ffffff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces-text {
  color: #AAAAAA;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces .icon {
  font-size: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  width: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 64rem) {
  .galardonados-carousel .cmp-galardonados-carousel__filter-provinces {
    min-width: 292px;
  }
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces-input {
  display: none;
  position: absolute;
  background-color: #ffffff;
  top: calc(100% + 16px);
  left: 0;
  right: 0;
  border-radius: 8px;
  z-index: 4;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces-input.open {
  display: block;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces-input-list {
  height: 230px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  padding: 0;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE y Edge */
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces-input-list::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari y Opera */
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces-input-list .provinces-item {
  position: relative;
  padding: 0 16px 0 16px;
  border-bottom: 1px solid #DDDDDD;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces-input-list .provinces-item label.provinces-label {
  margin-bottom: 0;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces-input-list .provinces-item .provinces-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 56px;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-provinces-input-list .provinces-item .provinces-label .provinces-radio {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-tags {
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
  margin-bottom: 27px;
}
@media (min-width: 64rem) {
  .galardonados-carousel .cmp-galardonados-carousel__filter-tags {
    margin-bottom: 0;
  }
}
.galardonados-carousel .cmp-galardonados-carousel__filter-tag {
  padding: 8px 16px 9px 16px;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  cursor: pointer;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-tag.active {
  background-color: #ffffff;
  color: var(--gr-blue-guia);
}
.galardonados-carousel .cmp-galardonados-carousel__filter-tag:not(.active) .icon-rp-recomendado::before {
  color: #ffffff;
}
.galardonados-carousel .cmp-galardonados-carousel__filter-tag .icon-rp-sol-1::before {
  content: "\e985";
}
.galardonados-carousel .cmp-galardonados-carousel__filter-tag .icon-rp-sol-2::before {
  content: "\e986";
}
.galardonados-carousel .cmp-galardonados-carousel__filter-tag .icon-rp-sol-3::before {
  content: "\e987";
}
.galardonados-carousel .cmp-galardonados-carousel__results-header {
  border-bottom: 1px solid #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 16px;
}
.galardonados-carousel .cmp-galardonados-carousel__results-header * {
  color: #ffffff;
}
.galardonados-carousel .cmp-galardonados-carousel__results-header-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.galardonados-carousel .cmp-galardonados-carousel__results-header-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.galardonados-carousel .cmp-galardonados-carousel__results-header-grid, .galardonados-carousel .cmp-galardonados-carousel__results-header-carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 1.25rem;
}
.galardonados-carousel .cmp-galardonados-carousel__results-header-grid.active::after, .galardonados-carousel .cmp-galardonados-carousel__results-header-carousel.active::after {
  position: absolute;
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -4px;
  display: block;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-galardonados-selected-icon.svg?#");
}
.galardonados-carousel .cmp-galardonados-carousel__results-list {
  padding: 27px 0;
}
.galardonados-carousel .cmp-galardonados-carousel__results-list--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.galardonados-carousel .cmp-galardonados-carousel__results-list--grid .cmp-galardonados-carousel__results-empty {
  grid-column-start: 1;
  grid-column-end: -1;
  margin: auto;
}
@media (min-width: 64rem) {
  .galardonados-carousel .cmp-galardonados-carousel__results-list--grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .galardonados-carousel .cmp-galardonados-carousel__results-list--grid .cmp-galardonados-carousel__results-empty {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
.galardonados-carousel .cmp-galardonados-carousel__results-empty {
  padding: 76px 18px;
  text-align: center;
  max-width: 343px;
}
.galardonados-carousel .cmp-galardonados-carousel__results-empty * {
  color: #ffffff;
}
.galardonados-carousel .cmp-galardonados-carousel__results-empty-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.galardonados-carousel .cmp-galardonados-carousel__results-empty-close .icon {
  font-size: 18px;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item {
  position: relative;
  border-radius: 8px;
  height: 583px;
  width: 100%;
  max-width: 311px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 64rem) {
  .galardonados-carousel .cmp-galardonados-carousel__results-item {
    height: 663px;
    max-width: 394px;
  }
}
.galardonados-carousel .cmp-galardonados-carousel__results-item::after {
  border-radius: 8px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #020024;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, black), color-stop(95%, rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, black 5%, rgba(255, 255, 255, 0) 95%);
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-head span:nth-of-type(2) {
  margin: 0 8px;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-head .icon-rp-recomendado::before {
  color: #ffffff;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-head, .galardonados-carousel .cmp-galardonados-carousel__results-item-title, .galardonados-carousel .cmp-galardonados-carousel__results-item-location {
  margin-bottom: 16px;
  color: #ffffff;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-description {
  color: #ffffff;
  margin-bottom: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  /* número máximo de líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-content, .galardonados-carousel .cmp-galardonados-carousel__results-item-share {
  position: relative;
  z-index: 1;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-share {
  padding: 19px 32px 0 32px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.125rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-share .rp-btn-guia--share {
  height: unset;
  width: unset;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-share span::before {
  padding: 8px;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-content {
  padding: 32px;
  text-align: center;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-image {
  position: absolute;
  border-radius: 8px;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item-image.default-image {
  -o-object-fit: contain;
     object-fit: contain;
  background-color: white;
  padding: 64px;
  -o-object-position: top;
     object-position: top;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item--grid {
  height: 232px;
  width: 100%;
  max-width: unset;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 64rem) {
  .galardonados-carousel .cmp-galardonados-carousel__results-item--grid {
    height: 366px;
  }
}
.galardonados-carousel .cmp-galardonados-carousel__results-item--grid .cmp-galardonados-carousel__results-item-share,
.galardonados-carousel .cmp-galardonados-carousel__results-item--grid .cmp-galardonados-carousel__results-item-description,
.galardonados-carousel .cmp-galardonados-carousel__results-item--grid .cmp-galardonados-carousel__results-item-cta,
.galardonados-carousel .cmp-galardonados-carousel__results-item--grid .cmp-galardonados-carousel__reults-item-new {
  display: none;
}
.galardonados-carousel .cmp-galardonados-carousel__results-item--grid .cmp-galardonados-carousel__results-item-location {
  margin-bottom: 0;
}
.galardonados-carousel .cmp-galardonados-carousel__results-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.galardonados-carousel .slick-slide {
  -webkit-transition: all 500ms;
  transition: all 500ms;
  margin: 0 16px;
}
.galardonados-carousel .slick-slide:not(.slick-current) {
  opacity: 30%;
  -webkit-transform: scale(0.88);
          transform: scale(0.88);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.galardonados-carousel .slick-slide:not(.slick-current) .cmp-galardonados-carousel__results-item-share,
.galardonados-carousel .slick-slide:not(.slick-current) .cmp-galardonados-carousel__results-item-content {
  display: none;
}
.galardonados-carousel .slick-slide.slick-current {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.galardonados-carousel .slick-list {
  overflow: visible;
}
.galardonados-carousel .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.galardonados-carousel .slick-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
  opacity: 0;
  -webkit-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}
.galardonados-carousel .slick-arrow::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "icomoon";
  color: #016A7F;
  font-size: 16px;
}
.galardonados-carousel .slick-arrow::before img {
  width: 100%;
  height: 100%;
}
.galardonados-carousel .slick-arrow.slick-disabled {
  display: none !important;
}
.galardonados-carousel .slick-arrow::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
  font-size: 1rem;
  color: #016A7F;
}
.galardonados-carousel .slick-arrow::before::before {
  font-size: 1rem;
}
.galardonados-carousel .slick-arrow::before img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .galardonados-carousel .slick-arrow.slick-arrow--show {
    opacity: 1;
    -webkit-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    z-index: 10;
  }
}
.galardonados-carousel .slick-arrow.slick-next {
  z-index: 10;
}
.galardonados-carousel .slick-arrow.slick-next::before {
  font-family: "icomoon";
  content: "\e90d";
}
.galardonados-carousel .slick-arrow.slick-prev {
  z-index: 10;
}
.galardonados-carousel .slick-arrow.slick-prev::before {
  font-family: "icomoon";
  content: "\e90a";
}

.galas-edition {
  position: relative;
  min-height: 500px;
  background-color: var(--gr-blue-guia);
}
.galas-edition *:not(.icon-rp-recomendado, .rp-btn-secondary) {
  color: #ffffff;
}
.galas-edition .icon[class*=icon-rp] {
  font-size: 1.5rem;
  cursor: pointer;
}
.galas-edition .icon[class*=icon-rp].active {
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.galas-edition .galas-edition-component {
  padding-block: 32px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component {
    padding-block: 64px;
  }
}
.galas-edition .galas-edition-component .title-block.rp-body-14 {
  margin-bottom: 8px;
}
.galas-edition .galas-edition-component .title {
  position: relative;
  display: inline-block;
}
.galas-edition .galas-edition-component .title .rp-guia-title-01 {
  font-family: "Roboto-Bold";
  font-size: 1.75rem;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .title .rp-guia-title-01 {
    font-size: 43px;
    line-height: 3.5rem;
  }
}
.galas-edition .galas-edition-component .title .rp-guia-title-01 .dropDown {
  display: inline-block;
}
.galas-edition .galas-edition-component .title .rp-guia-title-01 .dropDown .icon {
  position: relative;
  margin-left: 10px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .title .rp-guia-title-01 .dropDown .icon {
    top: -5px;
  }
}
.galas-edition .galas-edition-component .title .rp-guia-title-01 .dropDown .year {
  position: relative;
  display: inline-block;
}
.galas-edition .galas-edition-component .title .rp-guia-title-01 .dropDown .year::before {
  position: absolute;
  bottom: -14px;
  left: 0;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/line-year.png?#");
}
.galas-edition .galas-edition-component .title .block-year {
  position: absolute;
  right: 0;
  display: none;
  width: 100%;
  max-height: 312px;
  padding: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 6px 32px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6px 32px -10px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: auto;
  z-index: 101;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .title .block-year {
    width: 334px;
  }
}
.galas-edition .galas-edition-component .title .block-year .rp-body-16 {
  margin-bottom: 24px;
  color: #464646;
}
.galas-edition .galas-edition-component .title .block-year ul {
  padding: 0;
  margin: 0;
}
.galas-edition .galas-edition-component .title .block-year ul li {
  margin-bottom: 16px;
  font-size: 1rem;
  line-height: 1.5rem;
  list-style: none;
  cursor: pointer;
}
.galas-edition .galas-edition-component .title .block-year ul li:not(.active) {
  font-family: "Roboto-Medium";
  font-weight: 500;
  color: #016A7F;
}
.galas-edition .galas-edition-component .title .block-year ul li.active {
  font-family: "Roboto-Regular";
  color: #464646;
  cursor: auto;
}
.galas-edition .galas-edition-component .title .block-year ul li:last-child {
  margin-bottom: 0;
}
.galas-edition .galas-edition-component .archived-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 16px;
  padding: 4px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #ffffff;
}
.galas-edition .galas-edition-component .archived-tag .icon-rp,
.galas-edition .galas-edition-component .archived-tag .rp-caption {
  color: #E4002B;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .archived-tag {
    margin-bottom: 48px;
  }
}
.galas-edition .galas-edition-component .search-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
  background-color: #ffffff;
  margin-top: 32px;
  padding: 12px 16px;
  border-radius: 8px;
  z-index: 2;
}
.galas-edition .galas-edition-component .search-filters.search-filters--currentEdition {
  margin-top: 24px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-filters {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 28px;
  }
}
.galas-edition .galas-edition-component .search-filters.active.posTop0 {
  top: 0 !important;
  z-index: 200 !important;
}
.galas-edition .galas-edition-component .search-filters .form-title {
  display: none;
  color: #000000;
  margin: 0;
}
@media (min-width: 64rem) {
  .galas-edition .galas-edition-component .search-filters .form-title {
    display: block;
  }
}
.galas-edition .galas-edition-component .search-filters .edition__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
  z-index: 2;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
  }
}
@media (min-width: 64rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form {
    width: auto;
  }
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form .edition__form__filters {
    gap: 16px;
  }
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__filters .block-input-soles {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  cursor: pointer;
}
@media (min-width: 350px) {
  .galas-edition .galas-edition-component .search-filters .edition__form .edition__form__filters .block-input-soles {
    padding: 12px;
  }
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__filters .block-input-soles span {
  font-size: 1.5rem;
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__filters .block-input-soles.desactive span:not(.path2, .path3):before {
  color: #DDDDDD;
}
@media (max-width: 45rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form .block-black-mob {
    background: #464646CC;
    content: "";
    position: fixed;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: none;
  }
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input {
  position: relative;
  width: 100%;
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .input-title--mobile {
  display: none;
}
@media (max-width: 45rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .input-title--mobile {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 4px 0 24px 0;
  }
  .galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .input-title--mobile p {
    margin-bottom: 0;
    color: #464646;
  }
  .galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .input-title--mobile .icon {
    color: #016a7f;
  }
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .blockInput {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .blockInput input {
  width: 100%;
  height: 56px;
  padding: 14px 56px;
  color: #757575;
  background-color: #ffffff;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  text-overflow: ellipsis;
  font-family: "Roboto-Regular";
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .blockInput input:focus {
  border-color: #016A7F;
}
@media (min-width: 64rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .blockInput input {
    width: 292px;
  }
}
@media (min-width: 80rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .blockInput input {
    width: 450px;
  }
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .blockInput .icon {
  position: absolute;
  z-index: 1;
  color: #016A7F;
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .blockInput .icon.icon-rp-Search {
  left: 16px;
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .blockInput .icon.icon-rp-Cross {
  display: none;
  right: 16px;
  left: inherit;
}
.galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input .blockInput .errorMsg {
  position: absolute;
  left: 16px;
  bottom: -18px;
  display: none;
  color: #E4002B;
}
@media (max-width: 45rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form .edition__form__input--mobile {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 75%;
    padding: 16px;
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  display: none;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 6px 32px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6px 32px -10px rgba(0, 0, 0, 0.2);
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .block-geo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 26px;
  color: #016A7F;
}
@media (hover: hover) {
  .galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .block-geo {
    cursor: pointer;
  }
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .block-geo .text-geo {
  display: inline-block;
  color: #464646;
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .block-geo .icon-rp-Geolocation {
  background: #f8f8f8;
  border-radius: 8px;
  position: relative !important;
  padding: 16px;
  margin-right: 12px;
  color: #016A7F;
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .location__list {
  padding: 0;
  list-style: none;
  margin: 0;
  max-height: 350px;
  overflow-y: auto;
  white-space: normal;
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .location__list .hidden {
  position: absolute;
  right: 0;
  width: 32px;
  height: 32px;
  z-index: 1;
  opacity: 0;
  display: inline-block;
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .location__list .location__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
  cursor: pointer;
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .location__list .location__list__item:not(:first-child) {
  margin-top: 26px;
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .location__list .location__list__item * {
  color: #464646;
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .location__not-found {
  display: none;
  padding-top: 24px;
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .location__not-found .not-found__image {
  width: 80px;
  height: 80px;
}
.galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .location__not-found .rp-btn-guia {
  width: auto;
  padding: 4px 12px;
  font-size: 1rem;
  height: 40px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown .location__not-found .rp-btn-guia {
    min-width: 200px;
  }
}
@media (max-width: 45rem) {
  .galas-edition .galas-edition-component .search-filters .edition__form .list-dropdown--mobile {
    position: relative;
    background: transparent;
    display: block;
    top: 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 24px 0;
  }
}
.galas-edition .galas-edition-component .search-results .result__not-found {
  background-color: #ffffff;
  margin-top: 24px;
  padding: 48px 12px;
  border-radius: 8px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .result__not-found {
    padding: 90px 0;
  }
}
.galas-edition .galas-edition-component .search-results .result__not-found .not-found__image {
  width: 120px;
  height: 120px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .result__not-found .not-found__image {
    width: 160px;
    height: 160px;
  }
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .result__not-found .not-found__text {
    width: 392px;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result.block--desactive {
  display: none;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100%;
  margin-top: 40px;
  padding-bottom: 16px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 60px;
    padding-bottom: 12px;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .icon-sol {
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  color: #ffffff;
  font-size: 40px;
  line-height: 40px;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .icon-sol.icon-rp-recomendado::before {
  color: #ffffff;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .title-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .title-block .title-block-result {
  padding-bottom: 4px;
  font-family: "Roboto-Medium";
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .title-block .title-block-result {
    padding-bottom: 0;
    font-size: 1.25rem;
    line-height: 32px;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .title-block .block-count-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .title-block .block-count-result {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .title-block .block-count-result .novedades {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding-left: 8px;
  border-left: 1px solid #AAAAAA;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .title-block .block-count-result .novedades {
    padding-right: 8px;
    border-right: 1px solid #AAAAAA;
    border-left: 0;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .icon-flecha {
  position: absolute;
  right: 0;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-title .icon-flecha {
    position: inherit;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .ccaa {
  margin-block: 24px 0;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados {
    padding-right: 8px;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li {
    margin-top: 20px;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card picture,
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .placeholder {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 8px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card picture,
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .placeholder {
    width: 64px;
    height: 64px;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card picture img,
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .placeholder img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .placeholder.placeholder--ilustration {
  background-color: #f8f8f8;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .placeholder.placeholder--ilustration .RESTAURANTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
  width: 40px;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .placeholder:not(.placeholder--ilustration) {
  background-color: #060c23;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .placeholder:not(.placeholder--ilustration) .icon {
  font-size: 32px;
  color: #AAAAAA;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 48px);
  padding-left: 8px;
}
@media (min-width: 45rem) {
  .galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .text {
    width: calc(100% - 64px);
    padding-left: 12px;
  }
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .text .state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 8px;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .text .state [class*=icon-rp] {
  font-size: 1rem;
}
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .disabled,
.galas-edition .galas-edition-component .search-results .container-gene-result .block-gene-result-list .list-gene .galardonados li .galardonado-card .disabled * {
  color: #AAAAAA;
}
.galas-edition .galas-edition-component .result__not-found,
.galas-edition .galas-edition-component .location__not-found {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.galas-edition .galas-edition-component .result__not-found .not-found__image,
.galas-edition .galas-edition-component .location__not-found .not-found__image {
  content: "";
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
  background-size: contain;
}
.galas-edition .galas-edition-component .result__not-found .not-found__text,
.galas-edition .galas-edition-component .location__not-found .not-found__text {
  margin: 0;
  text-align: center;
  color: #464646;
}

.container__gallery-awarded {
  width: 100%;
  height: 100%;
  background-color: var(--gr-blue-guia);
  overflow-y: auto;
}
.container__gallery-awarded .ficha__info__all {
  width: 100%;
  margin-right: 16px;
}
.container__gallery-awarded .icon-rp-Share {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  font-size: 1.125rem;
}
.container__gallery-awarded .icon-rp-Share::before {
  font-size: 1.125rem;
}
.container__gallery-awarded .icon-rp-Share img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .icon-rp-Share {
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 32px;
    width: 32px;
    max-width: 32px;
    min-height: 32px;
    height: 32px;
    max-height: 32px;
    font-size: 1rem;
  }
  .container__gallery-awarded .icon-rp-Share::before {
    font-size: 1rem;
  }
  .container__gallery-awarded .icon-rp-Share img {
    width: 100%;
    height: 100%;
  }
}
.container__gallery-awarded .gallery-awarded__container {
  height: auto;
  overflow-y: scroll;
}
.container__gallery-awarded .gallery-awarded__container::-webkit-scrollbar {
  display: none;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__container {
    height: 100%;
  }
}
.container__gallery-awarded .gallery-awarded__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-bottom: 1px solid #003766;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__header {
    max-width: 100%;
    padding-inline: 24px;
  }
}
@media (min-width: 120rem) {
  .container__gallery-awarded .gallery-awarded__header {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
    padding-inline: 8px;
  }
}
.container__gallery-awarded .gallery-awarded__header .header__article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 250px;
}
.container__gallery-awarded .gallery-awarded__header .header__article__info .title,
.container__gallery-awarded .gallery-awarded__header .header__article__info .pretitle {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container__gallery-awarded .gallery-awarded__header .header__awarded__index {
  padding-inline: 16px 12px;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: 0.25px;
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  text-align: end;
  font-size: 22px;
  color: #ffffff;
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose .btn {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #ffffff;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose .btn > span {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  margin: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  overflow: hidden;
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose .btn > span > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose .btn.close {
  opacity: 1;
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose .btn.close > span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose .btn.close > span > span {
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose .btn.close > .span2 {
  position: absolute;
  top: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose .btn.minus > span > span {
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
}
.container__gallery-awarded .gallery-awarded__header .header__modal--close.modalClose .btn.minus > .span2 {
  position: absolute;
  top: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.container__gallery-awarded .gallery-awarded__header .header__article__info,
.container__gallery-awarded .gallery-awarded__header .header__awarded__index,
.container__gallery-awarded .gallery-awarded__header .header__modal--close,
.container__gallery-awarded .gallery-awarded__main .main__info {
  font-family: "Roboto-Regular";
  font-weight: 400;
  color: #ffffff;
}
@media (min-width: 45rem) {
  .container__gallery-awarded .gallery-awarded__slider {
    max-width: 100%;
    padding-inline: 38px;
  }
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    padding-inline: 24px;
  }
}
@media (min-width: 90rem) {
  .container__gallery-awarded .gallery-awarded__slider {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 4px;
  padding-bottom: 24px;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    min-width: 65%;
    max-width: 65%;
    padding-top: 40px;
    padding-right: 24px;
  }
}
@media (min-width: 90rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main {
    min-width: 940px;
    max-width: 68%;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__img,
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__placeholder {
  max-width: 992px;
  width: 100%;
  aspect-ratio: 4/3;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  border-radius: 8px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__placeholder .main__placeholder__icon {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 104px;
  width: 104px;
  max-width: 104px;
  min-height: 104px;
  height: 104px;
  max-height: 104px;
  font-size: 104px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__placeholder .main__placeholder__icon::before {
  font-size: 104px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__placeholder .main__placeholder__icon img {
  width: 100%;
  height: 100%;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__caption {
  padding-top: 8px;
  font-size: 0.75rem;
  color: #ffffff;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__caption {
    display: none;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 24px;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: calc(100% - 260px);
  margin: 0;
  letter-spacing: 0.0025em;
  text-align: end;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__info__text {
  display: none;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__info__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 200px;
  padding: 12px 16px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__banner .badge__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__banner .badge__icon::before {
  font-size: 1.25rem;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__banner .badge__icon img {
  width: 100%;
  height: 100%;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__banner .badge__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Repsol-Regular";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.75rem;
  letter-spacing: -0.5px;
  color: #ffffff;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__banner .badge__data .badge__category {
  font-size: "Repsol-Regular";
  text-transform: uppercase;
  margin-bottom: 4px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info .main__banner .badge__data .badge__date {
  margin-left: 8px;
  letter-spacing: 0;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info #bulletsTarget,
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info #bulletsTarget .slick-arrow {
  margin-bottom: 0;
  font-size: 24px;
  color: #ffffff;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info #bulletsTarget.slick-disabled,
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info #bulletsTarget .slick-arrow.slick-disabled {
  color: #AAAAAA;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info #bulletsTarget.icon-rp-Arrow_left,
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info #bulletsTarget .slick-arrow.icon-rp-Arrow_left {
  padding-left: 16px;
  padding-right: 8px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info #bulletsTarget.icon-rp-Arrow_right,
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__main .main__container__info #bulletsTarget .slick-arrow.icon-rp-Arrow_right {
  padding-left: 8px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar {
  padding-bottom: 86px;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar {
    min-width: 35%;
    max-width: 35%;
    padding-top: 122px;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 90rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar {
    min-width: 428px;
    max-width: 428px;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info {
  padding: 20px;
  font-family: "Roboto-Regular";
  background-color: #ffffff;
  border-radius: 8px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__title {
  margin-bottom: 0;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 32px;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__title.rp-link-click:hover {
    color: #016A7F;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info .archived-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-block: 8px 24px;
  padding: 4px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #F2F2F2;
  color: #E4002B;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__ubicacion {
  margin-top: 4px;
  font-size: 0.875rem;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__status .icon-rp {
  margin-right: 8px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__status.status--no-apto {
  color: #AAAAAA;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__status.status--no-apto .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-size: 1.25rem;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__status.status--no-apto .icon-rp::before {
  font-size: 1.25rem;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__status.status--no-apto .icon-rp img {
  width: 100%;
  height: 100%;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__status.status--cerrado {
  color: #E4002B;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__interaction .info__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #016A7F;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__interaction .info__link:not(:last-of-type) {
  padding-bottom: 8px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__interaction .info__link .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
  margin-right: 8px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__interaction .info__link .icon::before {
  font-size: 1rem;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__interaction .info__link .icon img {
  width: 100%;
  height: 100%;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__description {
  margin-top: 24px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__description p {
  margin-bottom: 0;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__description .description__link {
  display: none;
  margin-top: 4px;
  color: #016A7F;
  cursor: pointer;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__description.description--ellipsis p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__description.description--ellipsis p {
    -webkit-line-clamp: 3;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__description.description--ellipsis .description__link--more {
  display: block;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__buttons {
  display: none;
  margin-top: 24px;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .ficha__info__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article {
  margin-top: 20px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article.card-component, .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article.card-component .card {
  padding: 0;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article {
    margin-top: 32px;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article .related__article__title {
  text-align: center;
  color: #ffffff;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article .related__article__title {
    text-align: left;
  }
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article .reportaje-card {
  background-color: #ffffff;
  border-radius: 8px;
}
.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article .reportaje-card:not(.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article .reportaje-card:last-of-type) {
  margin-bottom: 20px;
}
@media (min-width: 64rem) {
  .container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article .reportaje-card:not(.container__gallery-awarded .gallery-awarded__slider .gallery-awarded__sidebar .related__article .reportaje-card:last-of-type) {
    margin-bottom: 16px;
  }
}
.container__gallery-awarded .socialBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.container__gallery-awarded .socialBox .icon-rp-Share,
.container__gallery-awarded .socialBox .ficha__info__all {
  display: none;
}
.container__gallery-awarded .socialBox.socialBox--active {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-inline: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08), 0px 0px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08), 0px 0px 2px rgba(0, 0, 0, 0.1);
}
@media (min-width: 45rem) {
  .container__gallery-awarded .socialBox.socialBox--active {
    padding: 32px 40px;
  }
}
.container__gallery-awarded .socialBox.socialBox--active .icon-rp-Share,
.container__gallery-awarded .socialBox.socialBox--active .ficha__info__all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.galleryModal {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.galleryModal .socialBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 66px;
}
@media (min-width: 64rem) {
  .galleryModal .socialBox {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    bottom: 0;
    padding: 34px 68px;
    right: 0;
    width: 454px;
    height: unset;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.galleryModal .socialBox.activ {
  -webkit-box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08), 0px 0px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.08), 0px 0px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 20px;
  padding-right: 16px;
  background-color: #fff;
}
.galleryModal .socialBox .icon-rp-Share {
  font-size: 20px;
  color: #016A7F;
  font-family: "Roboto-Bold";
}
.galleryModal .galleryCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 10px 8px;
  font-family: "Roboto-Regular";
}
@media (min-width: 45rem) {
  .galleryModal .galleryCount {
    padding-block: 16px;
  }
}
@media (min-width: 64rem) {
  .galleryModal .galleryCount:not(.galleryCount--mosaic) {
    padding-inline: 24px;
  }
}
.galleryModal .galleryCount .modalContent.carrousel {
  display: none;
}
@media (min-width: 64rem) {
  .galleryModal .galleryCount .modalContent.carrousel {
    display: block;
  }
}
.galleryModal .galleryCount .modalContent.carrousel .pretitle,
.galleryModal .galleryCount .modalContent.carrousel .title {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.galleryModal .galleryCount .modalContent.carrousel .pretitle {
  color: #757575;
  margin-bottom: 4px;
}
.galleryModal .galleryCount .modalContent.carrousel .photoIndex {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.0025em;
  color: #464646;
}
.galleryModal .galleryCount .modalContent .pretitle,
.galleryModal .galleryCount .modalContent .title {
  font-family: "Roboto-Regular";
}
.galleryModal .galleryCount .carrouselButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.galleryModal .galleryCount .carrouselButtons .modalText.carrousel {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.0025em;
}
@media (max-width: 45rem) {
  .galleryModal .galleryCount .carrouselButtons .modalText.carrousel {
    display: block;
  }
}
@media (min-width: 64rem) {
  .galleryModal .galleryCount .carrouselButtons .modalText.carrousel {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.galleryModal .galleryCount .carrouselButtons .allphotoButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #016A7F;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .galleryModal .galleryCount .carrouselButtons .allphotoButton {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    margin-right: 48px;
    padding: 0;
  }
}
.galleryModal .galleryCount .carrouselButtons .allphotoButton .iconIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  overflow: hidden;
}
.galleryModal .galleryCount .carrouselButtons .allphotoButton .iconIcon .squareAnim {
  width: 4px;
  height: 4px;
  background: #016A7F;
  -webkit-transition: all 2s;
  transition: all 2s;
  border-radius: 1px;
}
.galleryModal .galleryCount .carrouselButtons .allphotoButton .iconIcon:hover .squareAnim {
  -webkit-transform: translateY(-14px);
          transform: translateY(-14px);
}
.galleryModal .galleryCount .carrouselButtons .modalClose {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  text-align: end;
  font-size: 22px;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.galleryModal .galleryCount .carrouselButtons .modalClose .btn {
  cursor: pointer;
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #016A7F;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.galleryModal .galleryCount .carrouselButtons .modalClose .btn > span {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  overflow: hidden;
  margin: 0;
}
.galleryModal .galleryCount .carrouselButtons .modalClose .btn > span > span {
  display: block;
  background-color: #016A7F;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.galleryModal .galleryCount .carrouselButtons .modalClose .btn.close {
  opacity: 1;
}
.galleryModal .galleryCount .carrouselButtons .modalClose .btn.close > span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.galleryModal .galleryCount .carrouselButtons .modalClose .btn.close > span > span {
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
}
.galleryModal .galleryCount .carrouselButtons .modalClose .btn.close > .span2 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  top: 0;
}
.galleryModal .galleryCount .carrouselButtons .modalClose .btn.minus > span > span {
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
}
.galleryModal .galleryCount .carrouselButtons .modalClose .btn.minus > .span2 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: absolute;
  top: 0;
}
.galleryModal .gallery-container.gallery-carrousel {
  height: 100%;
  padding: 64px 0px;
  margin: 0 auto;
  overflow: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.galleryModal .gallery-container.gallery-carrousel::-webkit-scrollbar {
  display: none;
}
.galleryModal .gallery-container.gallery-carrousel.slick-initialized {
  padding: 0px;
  background-color: white;
}
@media (min-width: 64rem) {
  .galleryModal .gallery-container.gallery-carrousel {
    padding: 64px 80px;
  }
}
.galleryModal .gallery-container.gallery-carrousel .block-img {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.galleryModal .gallery-container.gallery-carrousel .block-img:nth-child(2) .icon-rp-Arrow_left {
  color: #DDDDDD;
}
.galleryModal .gallery-container.gallery-carrousel .block-img:last-child[class~=img] .icon-rp-Arrow_right, .galleryModal .gallery-container.gallery-carrousel .block-img:last-child[class~=video] .icon-rp-Arrow_right {
  color: #DDDDDD;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .pictureBox {
  background-color: #f8f8f8;
  padding: 0;
  height: 100%;
}
@media (min-width: 64rem) {
  .galleryModal .gallery-container.gallery-carrousel .block-img .pictureBox {
    padding: 0 20px;
  }
  .galleryModal .gallery-container.gallery-carrousel .block-img .pictureBox picture {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}
.galleryModal .gallery-container.gallery-carrousel .block-img img {
  position: relative;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 64rem) {
  .galleryModal .gallery-container.gallery-carrousel .block-img img {
    width: auto;
  }
}
@media (min-width: 64rem) {
  .galleryModal .gallery-container.gallery-carrousel .block-img {
    margin-bottom: 0px;
    height: calc(100vh - 88px);
    position: relative;
  }
}
.galleryModal .gallery-container.gallery-carrousel .block-img .videoGallery {
  height: 65vh;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .infoBox {
  padding: 0 20px;
  margin-top: 24px;
}
@media (min-width: 64rem) {
  .galleryModal .gallery-container.gallery-carrousel .block-img .infoBox {
    margin-top: 0;
    height: 630px;
    padding-right: 40px;
    padding-left: 40px;
    overflow-y: auto;
  }
}
.galleryModal .gallery-container.gallery-carrousel .block-img .infoBox .photographer {
  margin-right: 54px;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #757575;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .infoBox .photographer .photographerData {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #016A7F;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .infoBox .ImgDesc {
  padding-bottom: 20px;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .infoBox .ImgDesc.cartitle {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-size: 20px;
  line-height: 32px;
  color: #464646;
  margin-bottom: 20px;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .infoBox .ImgDesc.carDesc {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.0025em;
  color: #464646;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .infoBox .ImgDesc.carCapt {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #757575;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .socialBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 66px;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .socialBox .icon-rp-Share {
  cursor: pointer;
  font-size: 20px;
  color: #016A7F;
  font-family: "Roboto-Bold";
}
@media (min-width: 64rem) {
  .galleryModal .gallery-container.gallery-carrousel .block-img .socialBox {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    bottom: 0;
    padding: 34px 66px;
    right: 0;
    width: 454px;
    height: unset;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.galleryModal .gallery-container.gallery-carrousel .block-img .socialBox .photographer {
  margin-right: 54px;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #757575;
}
.galleryModal .gallery-container.gallery-carrousel .block-img .socialBox .photographer .photographerData {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #016A7F;
}
.galleryModal #bulletsTarget {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 64rem) {
  .galleryModal #bulletsTarget {
    margin-bottom: 26px;
  }
}
.galleryModal #bulletsTarget .slick-arrow {
  background: none;
  border: none;
  outline: none;
  color: #016A7F;
  font-family: "Roboto-Bold";
  font-size: 20px;
  padding: 0;
}
.galleryModal #bulletsTarget .slick-arrow.slick-disabled {
  color: #DDDDDD;
}
.galleryModal #bulletsTarget .slick-arrow.icon-rp-Arrow_left {
  padding-right: 18px;
}
.galleryModal #bulletsTarget .slick-arrow.slick-prev, .galleryModal #bulletsTarget .slick-arrow.slick-next {
  position: initial;
  top: initial;
  left: initial;
  right: initial;
}
.galleryModal #bulletsTarget .slick-arrow.slick-prev:before, .galleryModal #bulletsTarget .slick-arrow.slick-next:before {
  color: black;
}

.galleryModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  background-color: #ffffff;
  padding: 16px 0;
  display: none;
  -webkit-transition: all;
  transition: all;
  opacity: 0;
}
.galleryModal.galleryModalMosaic {
  top: 50px;
}
.galleryModal .galleryCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalContent {
  display: block;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalContent .title,
.galleryModal .galleryCount.galleryCount--mosaic .modalContent .pretitle {
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalContent .pretitle {
  margin-bottom: 4px;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalText {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.0025em;
  display: none;
}
@media (min-width: 45rem) {
  .galleryModal .galleryCount.galleryCount--mosaic .modalText {
    display: initial;
  }
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose {
  text-align: end;
  font-size: 22px;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose .btn {
  cursor: pointer;
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #016A7F;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose .btn > span {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  overflow: hidden;
  margin: 0;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose .btn > span > span {
  display: block;
  background-color: #016A7F;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose .btn.close {
  opacity: 1;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose .btn.close > span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose .btn.close > span > span {
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose .btn.close > .span2 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  top: 0;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose .btn.minus > span > span {
  -webkit-transform: scale(1, 0.1);
          transform: scale(1, 0.1);
}
.galleryModal .galleryCount.galleryCount--mosaic .modalClose .btn.minus > .span2 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: absolute;
  top: 0;
}
.galleryModal .galleryCount.galleryCount--mosaic .modalContent,
.galleryModal .galleryCount.galleryCount--mosaic .modalText,
.galleryModal .galleryCount.galleryCount--mosaic .modalClose {
  width: 33.333%;
}
.galleryModal .block-img .hover-img {
  display: none;
  opacity: 0;
}
.galleryModal .container-gallery {
  background-color: #f8f8f8;
}
.galleryModal .container-gallery .title-gallery {
  margin-bottom: 0;
  padding: 24px 0;
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0.05px;
}
@media (min-width: 45rem) {
  .galleryModal .container-gallery .title-gallery {
    padding: 32px 0;
    font-size: 1.25rem;
    line-height: 32px;
  }
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100vh;
  margin: 0 auto;
  padding: 64px 0;
  overflow: hidden;
  overflow-y: scroll;
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel)::-webkit-scrollbar {
  display: none;
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel).gallery--withTitle {
  padding-top: 0;
}
@media (min-width: 90rem) {
  .galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) {
    padding: 64px 8px;
    margin: 0 auto;
  }
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img {
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 4/3;
  margin-bottom: 12px;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
}
@media (min-width: 45rem) {
  .galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img {
    margin-bottom: 24px;
    width: calc(50% - 8px);
  }
  .galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img:nth-child(3n) {
    width: 100%;
  }
}
@media (min-width: 64rem) {
  .galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: transparent;
    opacity: 0;
    -webkit-transition: 500ms ease background, 500ms ease opacity;
    transition: 500ms ease background, 500ms ease opacity;
  }
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img .hover-img {
  display: inline;
  position: absolute;
  bottom: -24px;
  right: 28px;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img .hover-img .icon {
  margin-left: 12px;
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: 4/3;
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 4s;
  transition: -webkit-transform 4s;
  transition: transform 4s;
  transition: transform 4s, -webkit-transform 4s;
}
@media (min-width: 64rem) {
  .galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img:hover::before {
    opacity: 1;
    background: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(30.28%, rgba(0, 0, 0, 0)));
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 30.28%);
  }
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img:hover picture img {
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
}
.galleryModal .container-gallery .gallery-container:not(.gallery-carrousel) .block-img:hover .hover-img {
  opacity: 1;
  bottom: 24px;
  z-index: 10;
}

.modal-loader {
  display: none;
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(70, 70, 70, 0.8);
}

.hiddenPicsContainer {
  display: none;
}

.group-card-awarded.section {
  background-color: #f8f8f8;
}
.group-card-awarded.section .container__awarded {
  padding-top: 40px;
  padding-bottom: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-card-awarded.section .container__awarded.sol-2 {
  padding-bottom: 40px;
}
@media (min-width: 64rem) {
  .group-card-awarded.section .container__awarded.sol-2 {
    padding-bottom: 180px;
  }
}
@media (min-width: 120rem) {
  .group-card-awarded.section .container__awarded.sol-2 {
    padding-inline: 4px;
  }
}
@media (min-width: 64rem) {
  .group-card-awarded.section .container__awarded {
    padding-top: 64px;
  }
}
@media (min-width: 80rem) {
  .group-card-awarded.section .container__awarded {
    max-width: 1152px;
  }
}
@media (min-width: 90rem) {
  .group-card-awarded.section .container__awarded {
    max-width: 1248px;
  }
}
@media (min-width: 120rem) {
  .group-card-awarded.section .container__awarded {
    max-width: 1488px;
  }
}
.group-card-awarded.section .container__awarded .rp-guia-headline-03 {
  margin-bottom: 40px;
}
@media (min-width: 64rem) {
  .group-card-awarded.section .container__awarded .rp-guia-headline-03 {
    margin-bottom: 64px;
  }
}
.group-card-awarded.section .container__awarded .detail__awarded:not(:first-of-type) {
  margin-top: 16px;
}
@media (min-width: 64rem) {
  .group-card-awarded.section .container__awarded .detail__awarded:not(:first-of-type) {
    margin-top: 32px;
  }
}
.group-card-awarded.section .container__awarded .detail__awarded .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #DDDDDD;
}
.group-card-awarded.section .container__awarded .detail__awarded .summary .detail__title {
  margin-bottom: 0;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 32px;
  color: #464646;
}
.group-card-awarded.section .container__awarded .detail__awarded .summary .icon-rp-Arrow_down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-size: 1.25rem;
}
.group-card-awarded.section .container__awarded .detail__awarded .summary .icon-rp-Arrow_down::before {
  font-size: 1.25rem;
}
.group-card-awarded.section .container__awarded .detail__awarded .summary .icon-rp-Arrow_down img {
  width: 100%;
  height: 100%;
}
.group-card-awarded.section .container__awarded .detail__awarded .summary .icon-rp-Arrow_down::before {
  color: #016A7F;
}
.group-card-awarded.section .container__awarded .detail__awarded .resume__cards-awarded {
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: "Roboto-Regular";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.0025em;
  color: #727272;
}
@media (min-width: 64rem) {
  .group-card-awarded.section .container__awarded .detail__awarded .resume__cards-awarded {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.container__awarded .container__cards-awarded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.container__awarded .container__cards-awarded .card-awarded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.container__awarded .container__cards-awarded .card-awarded picture,
.container__awarded .container__cards-awarded .card-awarded .awarded__placeholder {
  width: 100%;
}
.container__awarded .container__cards-awarded .card-awarded picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.container__awarded .container__cards-awarded .card-awarded .awarded__placeholder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.container__awarded .container__cards-awarded .card-awarded .awarded__placeholder::after {
  position: absolute;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
  background-size: contain;
}
.container__awarded .container__cards-awarded .card-awarded .info-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.container__awarded .container__cards-awarded .card-awarded .info-card .card__title {
  margin-bottom: 4px;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #464646;
  -webkit-transition: color ease 0.5s;
  transition: color ease 0.5s;
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded .card-awarded .info-card .card__title {
    font-size: 1.5rem;
    line-height: 32px;
  }
}
.container__awarded .container__cards-awarded .card-awarded .info-card .card__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 0.75rem;
  letter-spacing: normal;
}
.container__awarded .container__cards-awarded .card-awarded .info-card .card__status.card__status--cerrado {
  color: #E4002B;
}
.container__awarded .container__cards-awarded .card-awarded .info-card .card__status .icon-rp {
  margin-right: 4px;
  font-size: 1rem;
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded .card-awarded:hover .info-card .card__title {
    color: #016A7F;
  }
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded .card-awarded.card-s {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.container__awarded .container__cards-awarded .card-awarded.card-s picture,
.container__awarded .container__cards-awarded .card-awarded.card-s .awarded__placeholder {
  width: 100%;
  height: 160px;
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded .card-awarded.card-s picture,
.container__awarded .container__cards-awarded .card-awarded.card-s .awarded__placeholder {
    max-width: 172px;
    height: 172px;
  }
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded .card-awarded.card-s picture img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }
}
.container__awarded .container__cards-awarded .card-awarded.card-s .awarded__placeholder {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded .card-awarded.card-s .awarded__placeholder {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }
}
.container__awarded .container__cards-awarded .card-awarded.card-s .awarded__placeholder::after {
  width: 80px;
  height: 80px;
}
.container__awarded .container__cards-awarded .card-awarded.card-s .info-card {
  padding: 12px;
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded .card-awarded.card-s .info-card {
    padding: 24px;
  }
}
.container__awarded .container__cards-awarded .card-awarded.card-m picture,
.container__awarded .container__cards-awarded .card-awarded.card-m .awarded__placeholder {
  min-width: 100%;
  height: 216px;
}
@media (min-width: 45rem) {
  .container__awarded .container__cards-awarded .card-awarded.card-m picture,
.container__awarded .container__cards-awarded .card-awarded.card-m .awarded__placeholder {
    min-width: auto;
  }
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded .card-awarded.card-m picture,
.container__awarded .container__cards-awarded .card-awarded.card-m .awarded__placeholder {
    height: 392px;
  }
}
.container__awarded .container__cards-awarded .card-awarded.card-m .awarded__placeholder::after {
  width: 120px;
  height: 120px;
}
@media (min-width: 90rem) {
  .container__awarded .container__cards-awarded .card-awarded.card-m .awarded__placeholder::after {
    width: 160px;
    height: 160px;
  }
}
.container__awarded .container__cards-awarded .card-awarded.card-m .info-card {
  padding: 16px;
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded .card-awarded.card-m .info-card {
    padding: 16px 24px;
  }
}
@media (min-width: 90rem) {
  .container__awarded .container__cards-awarded.cards-s {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.container__awarded .container__cards-awarded.cards-s .col-6.col__awarded {
  padding-bottom: 16px;
}
.container__awarded .container__cards-awarded.cards-s .col-6.col__awarded:nth-of-type(odd) {
  padding-left: 0;
}
.container__awarded .container__cards-awarded.cards-s .col-6.col__awarded:nth-of-type(even) {
  padding-right: 0;
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded.cards-s .col-6.col__awarded {
    padding-top: 32px;
    padding-bottom: 0;
  }
  .container__awarded .container__cards-awarded.cards-s .col-6.col__awarded:nth-child(-n+2) {
    padding-top: 0;
  }
  .container__awarded .container__cards-awarded.cards-s .col-6.col__awarded:nth-of-type(odd) {
    padding-right: 16px;
  }
  .container__awarded .container__cards-awarded.cards-s .col-6.col__awarded:nth-of-type(even) {
    padding-left: 16px;
  }
}
@media (min-width: 90rem) {
  .container__awarded .container__cards-awarded.cards-s .col-m-4.col__awarded {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-top: 32px;
    padding-bottom: 0;
  }
  .container__awarded .container__cards-awarded.cards-s .col-m-4.col__awarded:nth-child(odd) {
    padding-right: 0;
  }
  .container__awarded .container__cards-awarded.cards-s .col-m-4.col__awarded:nth-child(even) {
    padding-left: 0;
  }
  .container__awarded .container__cards-awarded.cards-s .col-m-4.col__awarded:nth-child(3n+2) {
    padding-left: 32px;
    padding-right: 32px;
  }
  .container__awarded .container__cards-awarded.cards-s .col-m-4.col__awarded:nth-child(-n+3) {
    padding-top: 0;
  }
}
@media (min-width: 120rem) {
  .container__awarded .container__cards-awarded.cards-m {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.container__awarded .container__cards-awarded.cards-m .col-12.col__awarded {
  padding: 24px 0 0;
}
.container__awarded .container__cards-awarded.cards-m .col-12.col__awarded:first-child {
  padding-top: 0;
}
@media (min-width: 45rem) {
  .container__awarded .container__cards-awarded.cards-m .col-12.col__awarded:nth-of-type(odd) {
    padding-right: 12px;
  }
  .container__awarded .container__cards-awarded.cards-m .col-12.col__awarded:nth-of-type(even) {
    padding-left: 12px;
  }
  .container__awarded .container__cards-awarded.cards-m .col-12.col__awarded:nth-child(-n+2) {
    padding-top: 0;
  }
}
@media (min-width: 64rem) {
  .container__awarded .container__cards-awarded.cards-m .col-12.col__awarded {
    padding-top: 32px;
  }
  .container__awarded .container__cards-awarded.cards-m .col-12.col__awarded:nth-of-type(odd) {
    padding-right: 16px;
  }
  .container__awarded .container__cards-awarded.cards-m .col-12.col__awarded:nth-of-type(even) {
    padding-left: 16px;
  }
}
@media (min-width: 120rem) {
  .container__awarded .container__cards-awarded.cards-m .col-sm-6.col__awarded {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: calc(33.33333% - 22px);
    padding-top: 66px;
    padding-bottom: 0;
  }
  .container__awarded .container__cards-awarded.cards-m .col-sm-6.col__awarded:nth-child(odd) {
    padding-right: 0;
  }
  .container__awarded .container__cards-awarded.cards-m .col-sm-6.col__awarded:nth-child(even) {
    padding-left: 0;
  }
  .container__awarded .container__cards-awarded.cards-m .col-sm-6.col__awarded:nth-child(3n+2) {
    min-width: calc(33.33333% + 42px);
    padding-inline: 32px;
  }
  .container__awarded .container__cards-awarded.cards-m .col-sm-6.col__awarded:nth-child(-n+3) {
    padding-top: 0;
  }
}

.group-card-carousel .card-component .block-gene-card {
  overflow-x: auto;
  overflow-y: visible;
}
.group-card-carousel .card-component .block-gene-card .block-info-card {
  margin-bottom: 40px;
}
.group-card-carousel .card-component .block-gene-card::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.group-card-carousel .card-component .block-gene-card .slick-slider {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 40px;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel {
  margin-top: var(--gr-spacing-40);
}
@media screen and (width < 30rem) {
  .group-card-carousel .card-component .block-gene-card .parentSwipeCarousel {
    margin-top: var(--gr-spacing-24);
  }
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select {
  padding-inline: 0 !important;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select:not(.slick-slider-card) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "icomoon";
  color: #016A7F;
  font-size: 16px;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow::before img {
  width: 100%;
  height: 100%;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow.slick-disabled {
  display: none !important;
}
@media screen and (width < 30rem) {
  .group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow {
    display: none !important;
  }
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow.slick-next {
  z-index: 10;
  right: -8px;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow.slick-next::before {
  font-family: "icomoon";
  content: "\e90d";
}
@media (min-width: 80rem) {
  .group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow.slick-next {
    right: 0;
  }
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow.slick-prev {
  z-index: 10;
  left: -8px;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow.slick-prev::before {
  font-family: "icomoon";
  content: "\e90a";
}
@media (min-width: 80rem) {
  .group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-arrow.slick-prev {
    left: 0;
  }
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-dots {
  position: relative;
  bottom: 0;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-list {
  display: grid;
  position: relative;
  overflow: visible;
}
@media (min-width: 45rem) {
  .group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-list {
    left: 0;
  }
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-list .slick-track {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  height: 100%;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-list .slick-track .col-sm-4 {
  max-width: 395px;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-list .slick-track .card {
  height: 100%;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-list .slick-track .col-sm-4.slick-slide {
  padding: 0 8px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  max-width: initial;
}
@media (min-width: 80rem) {
  .group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-list .slick-track .col-sm-4.slick-slide {
    padding: 0 16px;
  }
}
@media (min-width: 90rem) {
  .group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-list .slick-track .col-sm-4.slick-slide {
    padding: 0 8px;
  }
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select .slick-list .slick-track a:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select.slick-slider-card .slick-slide .card {
  padding-right: 32px;
}
@media screen and (width < 30rem) {
  .group-card-carousel .card-component .block-gene-card .parentSwipeCarousel .block-gene-card-select.slick-slider-card .slick-slide .card {
    padding-inline: 0 16px;
  }
}
.group-card-carousel .card-component .container .btn-cards.text-center {
  margin-top: 24px;
}
@media (min-width: 45rem) {
  .group-card-carousel .card-component .container .btn-cards.text-center {
    margin-top: 6px;
  }
}
@media (min-width: 64rem) {
  .group-card-carousel .card-component .container .btn-cards.text-center {
    margin-top: 26px;
  }
}

.highlight-component {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 32px 0;
}
@media (min-width: 45rem) {
  .highlight-component {
    padding-block: 64px;
  }
  .highlight-component.hasCarousel:not(.hasCta) {
    padding-bottom: 86px;
  }
}
.highlight-component.hasCta {
  padding-bottom: 24px;
}
@media (min-width: 45rem) {
  .highlight-component.hasCta {
    padding-bottom: 64px;
  }
}
@media (max-width: 44.9375rem) {
  .highlight-component:has(.wave-decorator) {
    margin-top: 38px;
  }
}
.highlight-component.hasCarousel:not(.hasCta) {
  padding-bottom: 70px;
}
.highlight-component.hasCarousel .rp-btn-guia {
  margin-top: 86px;
}
@media screen and (width <= 45rem) {
  .highlight-component.hasCarousel .rp-btn-guia {
    margin-top: 40px;
  }
}
@media (max-width: 64rem) {
  .highlight-component.hasCarousel .card__content {
    height: 400px;
  }
}
.highlight-component.backgroundBlue .block-info-card [class*=headline], .highlight-component.backgroundBurgundy .block-info-card [class*=headline] {
  color: #ffffff;
}
.highlight-component.backgroundBlue .rp-body-16, .highlight-component.backgroundBurgundy .rp-body-16 {
  color: #ffffff;
}
.highlight-component .wave-decorator {
  position: absolute;
  top: -38px;
  left: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background-color: inherit;
  clip-path: ellipse(70% 95% at 50% 90%);
}
@media (max-width: 64rem) {
  .highlight-component .wave-decorator {
    clip-path: ellipse(80% 95% at 50% 90%);
  }
}
.highlight-component .block-info-card {
  text-align: center;
}
.highlight-component .block-info-card .rp-guia-headline-03 {
  margin-bottom: 0;
}
.highlight-component .block-info-card .rp-headline-subtitle {
  margin-block: 2rem 0;
  font-size: 16px;
}
@media (min-width: 45rem) {
  .highlight-component .block-info-card .rp-headline-subtitle {
    margin-top: 32px;
  }
}
.highlight-component .rp-btn-guia {
  width: calc(100% - 32px);
  margin-top: 24px;
}
@media (min-width: 45rem) {
  .highlight-component .rp-btn-guia {
    width: auto;
    margin-top: 40px;
  }
}
.highlight-component.group-card-carousel-highlight .rp-btn-guia {
  margin-top: 24px;
}
@media (min-width: 64rem) {
  .highlight-component.group-card-carousel-highlight .rp-btn-guia {
    width: auto;
    margin-top: 40px;
  }
}
.highlight-component .list-gene {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  row-gap: 16px;
  margin-top: var(--gr-spacing-24);
}
.highlight-component .list-gene:not(.slick-slider) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 45rem) {
  .highlight-component .list-gene {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: var(--gr-spacing-40);
  }
}
@media (max-width: 45rem) {
  .highlight-component .list-gene {
    max-width: calc(100% - 32px);
  }
  .highlight-component .list-gene.components-1 {
    max-width: 100vw;
  }
}
.highlight-component .list-gene.slick-slider {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 40px;
}
@media screen and (width <= 45rem) {
  .highlight-component .list-gene.slick-slider {
    max-width: none;
    row-gap: 24px;
  }
}
.highlight-component .list-gene.slick-slider .slick-list {
  overflow: visible;
  max-width: 100%;
}
.highlight-component .list-gene.slick-slider .slick-list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.highlight-component .list-gene.slick-slider .slick-list .slick-track .slick-slider-card .card {
  margin: 0 16px;
}
@media (min-width: 45rem) {
  .highlight-component .list-gene.slick-slider .slick-list .slick-track .slick-slider-card .card {
    margin: 0 8px;
  }
}
@media (min-width: 64rem) {
  .highlight-component .list-gene.slick-slider .slick-list .slick-track .slick-slider-card .card {
    margin: 0 12px;
  }
}
@media (min-width: 80rem) {
  .highlight-component .list-gene.slick-slider .slick-list .slick-track .slick-slider-card .card {
    margin: 0 16px;
  }
}
@media (min-width: 45rem) {
  .highlight-component .list-gene.slick-slider .slick-list {
    margin-right: auto;
  }
}
@media (min-width: 45rem) {
  .highlight-component .list-gene.slick-slider .slick-list {
    margin-right: auto;
  }
}
.highlight-component .list-gene.slick-slider .slick-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
}
.highlight-component .list-gene.slick-slider .slick-arrow::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "icomoon";
  color: #016A7F;
  font-size: 16px;
}
.highlight-component .list-gene.slick-slider .slick-arrow::before img {
  width: 100%;
  height: 100%;
}
.highlight-component .list-gene.slick-slider .slick-arrow.slick-disabled {
  display: none !important;
}
.highlight-component .list-gene.slick-slider .slick-arrow.slick-next {
  z-index: 10;
  right: 12px;
}
.highlight-component .list-gene.slick-slider .slick-arrow.slick-next::before {
  font-family: "icomoon";
  content: "\e90d";
}
@media (min-width: 45rem) {
  .highlight-component .list-gene.slick-slider .slick-arrow.slick-next {
    right: 0;
  }
}
@media (min-width: 64rem) {
  .highlight-component .list-gene.slick-slider .slick-arrow.slick-next {
    right: 4px;
  }
}
@media (min-width: 80rem) {
  .highlight-component .list-gene.slick-slider .slick-arrow.slick-next {
    right: 60px;
  }
}
@media (min-width: 90rem) {
  .highlight-component .list-gene.slick-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
.highlight-component .list-gene.slick-slider .slick-arrow.slick-prev {
  z-index: 10;
  left: 12px;
}
.highlight-component .list-gene.slick-slider .slick-arrow.slick-prev::before {
  font-family: "icomoon";
  content: "\e90a";
}
@media (min-width: 45rem) {
  .highlight-component .list-gene.slick-slider .slick-arrow.slick-prev {
    left: 0;
  }
}
@media (min-width: 64rem) {
  .highlight-component .list-gene.slick-slider .slick-arrow.slick-prev {
    left: 4px;
  }
}
@media (min-width: 80rem) {
  .highlight-component .list-gene.slick-slider .slick-arrow.slick-prev {
    left: 60px;
  }
}
@media (min-width: 90rem) {
  .highlight-component .list-gene.slick-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
.highlight-component .list-gene.slick-slider .slick-dots {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 0;
}
.highlight-component .list-gene .slick-slider-card {
  width: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: auto;
}
.highlight-component .list-gene .slick-slider-card .card {
  height: 100%;
}
.highlight-component .list-gene .slick-slider-card .card .card__content {
  height: 100%;
}
.highlight-component .list-gene .card .card__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 400px;
}
@media (max-width: 45rem) {
  .highlight-component .list-gene .card .card__content {
    min-height: 540px;
  }
}
.highlight-component .list-gene .card .card__content::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 0px 3px 0px #0000001A;
          box-shadow: 0px 0px 3px 0px #0000001A;
  border-radius: 8px;
}
@media (hover: hover) {
  .highlight-component .list-gene .card .card__content::before:hover {
    -webkit-box-shadow: 0px 2px 8px -2px #00000024;
            box-shadow: 0px 2px 8px -2px #00000024;
  }
}
@media (min-width: 45rem) {
  .highlight-component .list-gene .card .card__content {
    aspect-ratio: 3/4;
  }
}
@media (hover: hover) {
  .highlight-component .list-gene .card .card__content:hover .info-card .title {
    color: #DDDDDD;
  }
}
.highlight-component .list-gene .card .card__content > picture {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
}
.highlight-component .list-gene .card .card__content > picture img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.highlight-component .list-gene .card .card__content > picture::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, left top, left bottom, color-stop(24.3%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(0, 0, 0, 0) 24.3%, rgba(0, 0, 0, 0.6) 100%);
}
.highlight-component .list-gene .card .card__content .info-card {
  position: absolute;
  bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0 24px;
  color: #ffffff;
}
.highlight-component .list-gene .card .card__content .info-card .data-info .title {
  font-family: "Roboto-Regular";
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  margin-bottom: 8px;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag,
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag--chef {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag .icon-type,
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag--chef .icon-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 1.125rem;
  margin-right: 8px;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag .icon-type::before,
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag--chef .icon-type::before {
  font-size: 1.125rem;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag .icon-type img,
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag--chef .icon-type img {
  width: 100%;
  height: 100%;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag.tag--xxl,
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag--chef.tag--xxl {
  gap: 8px;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag.tag--xxl img,
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag--chef.tag--xxl img {
  width: 18px;
  height: 18px;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag.tag--xxl .icon-type,
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .tag--chef.tag--xxl .icon-type {
  margin-right: 0;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .icon-type.none {
  display: none;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .icon {
  font-size: 16px;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .soles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8px;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .soles img {
  width: 18px;
  height: 18px;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .soles img.icon-recomendado {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.highlight-component .list-gene .card .card__content .info-card .info-card-tag .soles .soles-img-frame {
  display: none;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F2F2F2;
  border-radius: 4px;
  padding: 4px;
  border: 2px solid #DDDDDD;
  margin: 0 auto 12px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  color: #464646;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-date .icon {
  color: #727272;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 8px;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-content .location {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.025px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .highlight-component .list-gene .card .card__content .info-card .info-card-content .location {
    -webkit-line-clamp: 2;
  }
}
.highlight-component .list-gene .card .card__content .info-card .info-card-content .img-frame {
  display: none;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-content .description {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025px;
  padding-bottom: 0;
}
.highlight-component .list-gene .card .card__content .info-card .rp-caption[class*=data-] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  margin-top: 8px;
}
.highlight-component .list-gene .card .card__content .info-card .rp-caption[class*=data-].info-card-detail {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.highlight-component .list-gene .card .card__content .info-card .rp-caption[class*=data-] .data-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  text-align: center;
}
.highlight-component .list-gene .card .card__content .info-card .rp-caption[class*=data-] .data-item span {
  font-size: 12px;
}
.highlight-component .list-gene .card .card__content .info-card .rp-caption[class*=data-] .data-item span.data-item-description {
  font-size: 26px;
  font-weight: 700;
  line-height: 40px;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  margin-top: 8px;
  font-weight: 700;
}
.highlight-component .list-gene .card .card__content .info-card .info-card-meta .meta-item + .meta-item::before {
  content: "·";
  margin-right: 8px;
}
.highlight-component .list-gene .card .card__content .info-card .data-kitchen ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}
.highlight-component .list-gene .card .card__content .info-card-interaction {
  position: absolute;
  top: 24px;
  right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.highlight-component .list-gene .card .card__content .info-card-interaction span {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  font-size: 1.25rem;
}
.highlight-component .list-gene .card .card__content .info-card-interaction span::before {
  font-size: 1.25rem;
}
.highlight-component .list-gene .card .card__content .info-card-interaction span img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .highlight-component .list-gene .card .card__content .info-card-interaction {
    top: 32px;
    right: 32px;
  }
}
@media (min-width: 64rem) {
  .highlight-component .list-gene.components-2 > div {
    width: 50%;
  }
  .highlight-component .list-gene.components-3 > div {
    width: 33.33333%;
  }
}
@media (min-width: 45rem) {
  .highlight-component .list-gene.components-1 .card .card__content {
    aspect-ratio: 16/9;
    max-height: 540px;
  }
}
@media (min-width: 45rem) and (min-width: 80rem) {
  .highlight-component .list-gene.components-1 .card .card__content {
    max-height: 600px;
  }
}
@media (min-width: 45rem) {
  .highlight-component .list-gene.components-1 .card .card__content .info-card {
    padding: 0 35.5px;
    bottom: 56px;
  }
}
@media (min-width: 45rem) {
  .highlight-component .list-gene.components-1 .card .card__content .info-card-interaction {
    top: 40px;
    right: 35.5px;
  }
}
@media (max-width: 45rem) {
  .highlight-component .list-gene.components-1 .card .card__content > picture {
    border-radius: 0;
  }
}
.highlight-component .list-gene.components-1 .info-card-content .title {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
}
@media (min-width: 64rem) {
  .highlight-component .list-gene.components-1 .info-card-content .title {
    font-size: 36px;
    line-height: 46px;
  }
}
.highlight-component .components-2 .slick-slider-card,
.highlight-component .components-3 .slick-slider-card {
  max-width: 395px;
  min-height: 532px;
}
.highlight-component .info-card-interaction .icon-rp-interaction.feedback.icon-rp-Heart::before, .highlight-component .info-card-interaction .icon-rp-interaction.feedback.icon-rp-Heart_solid::before {
  font-size: 24px !important;
}
.highlight-component .info-card-interaction .icon-rp-interaction.share.icon-rp-Share::before {
  font-size: 20px !important;
}
.highlight-component .info-card-interaction .icon-rp-interaction.markers.icon-rp-Turned_in_not::before {
  font-size: 18px !important;
}
.highlight-component .highlight-component__card-modal {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: auto;
  overflow: hidden;
}
.highlight-component .highlight-component__card-modal::-webkit-backdrop {
  background-color: rgba(69, 69, 69, 0.8);
}
.highlight-component .highlight-component__card-modal::backdrop {
  background-color: rgba(69, 69, 69, 0.8);
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 110px;
}
@media (min-width: 45rem) {
  .highlight-component .highlight-component__card-modal .highlight-component__modal-content {
    margin-top: 70px;
  }
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 0;
  background-color: #ffffff;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .highlight-component .highlight-component__card-modal .highlight-component__modal-container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 800px;
    height: 600px;
  }
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-container .highlight-component__modal-btn {
  height: 48px;
}
@media (min-width: 45rem) {
  .highlight-component .highlight-component__card-modal .highlight-component__modal-container .highlight-component__modal-btn {
    width: 184px;
  }
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 24px;
}
@media (min-width: 45rem) {
  .highlight-component .highlight-component__card-modal .highlight-component__modal-info {
    padding: 24px 96px 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.highlight-component .highlight-component__card-modal picture {
  height: 50%;
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-img {
  max-width: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 223px;
  border-radius: 8px 8px 0 0;
}
@media (min-width: 64rem) {
  .highlight-component .highlight-component__card-modal .highlight-component__modal-img {
    height: 310px;
  }
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-img.modal-img--top {
  -o-object-position: center top;
     object-position: center top;
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-img.modal-img--center {
  -o-object-position: center;
     object-position: center;
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-img.modal-img--bottom {
  -o-object-position: center bottom;
     object-position: center bottom;
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-svg {
  position: absolute;
  min-height: 10px;
  width: 100%;
  left: 0;
  bottom: -1px;
}
@media (min-width: 64rem) {
  .highlight-component .highlight-component__card-modal .highlight-component__modal-svg {
    min-height: 24px;
  }
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-logo {
  width: 100px;
  margin-bottom: 8px;
}
@media (min-width: 45rem) {
  .highlight-component .highlight-component__card-modal .highlight-component__modal-logo {
    width: 140px;
    margin-bottom: 24px;
  }
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-text {
  margin-bottom: 16px;
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-title {
  display: block;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 30px;
  color: #041E42;
  text-align: left;
}
@media (min-width: 45rem) {
  .highlight-component .highlight-component__card-modal .highlight-component__modal-title {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
  }
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-description {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #041E42;
}
@media (min-width: 45rem) {
  .highlight-component .highlight-component__card-modal .highlight-component__modal-description {
    text-align: center;
    line-height: 24px;
  }
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-media {
  position: relative;
}
.highlight-component .highlight-component__card-modal .highlight-component__modal-btn {
  margin: 0;
  width: 100%;
  padding: 12px 32px;
}
.highlight-component .highlight-component__card-modal .icon-rp-Cross {
  margin: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
  font-size: 1.125rem;
  padding-inline: 0;
}
.highlight-component .highlight-component__card-modal .icon-rp-Cross::before {
  font-size: 1.125rem;
}
.highlight-component .highlight-component__card-modal .icon-rp-Cross img {
  width: 100%;
  height: 100%;
}

@media (min-width: 45rem) {
  .page-detail .group-card-reduced .block-gene-card-select[data-num-card="3"] .col-md-4:last-of-type,
.page-detail .group-card-sitios .block-gene-card-select[data-num-card="3"] .col-md-4:last-of-type {
    display: none;
  }
}
@media (min-width: 64rem) {
  .page-detail .group-card-reduced .block-gene-card-select[data-num-card="3"] .col-md-4:last-of-type,
.page-detail .group-card-sitios .block-gene-card-select[data-num-card="3"] .col-md-4:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 90rem) {
  .page-detail .group-card-reduced .block-gene-card-select[data-num-card="3"] .col-md-4:last-of-type,
.page-detail .group-card-sitios .block-gene-card-select[data-num-card="3"] .col-md-4:last-of-type {
    padding-right: 0;
  }
}
@media (min-width: 90rem) {
  .page-detail .group-card-reduced .block-gene-card-select[data-num-card="3"] .col-md-4:first-of-type,
.page-detail .group-card-sitios .block-gene-card-select[data-num-card="3"] .col-md-4:first-of-type {
    padding-left: 0;
  }
}
.page-detail .group-card-reduced .card-component,
.page-detail .group-card-sitios .card-component {
  padding-block: 32px;
}
@media (min-width: 64rem) {
  .page-detail .group-card-reduced .card-component,
.page-detail .group-card-sitios .card-component {
    padding-block: 40px;
  }
}
.page-detail .group-card-reduced .card-component .block-gene-card.container,
.page-detail .group-card-sitios .card-component .block-gene-card.container {
  padding: 0;
}
@media (min-width: 64rem) {
  .page-detail .group-card-reduced .card-component .block-gene-card .rp-guia-title-02,
.page-detail .group-card-sitios .card-component .block-gene-card .rp-guia-title-02 {
    margin-bottom: 16px;
  }
}
.page-detail .group-card-reduced .card-component .block-gene-card .card,
.page-detail .group-card-sitios .card-component .block-gene-card .card {
  padding-block: 8px;
  min-width: -webkit-fill-available;
  min-width: -moz-available;
  height: 100%;
}
.page-detail .group-card-reduced .card-component .block-gene-card .card .card__content > picture, .page-detail .group-card-reduced .card-component .block-gene-card .card .card__content > .block-img-default,
.page-detail .group-card-sitios .card-component .block-gene-card .card .card__content > picture,
.page-detail .group-card-sitios .card-component .block-gene-card .card .card__content > .block-img-default {
  min-width: 106px;
}
@media (min-width: 80rem) {
  .page-detail .group-card-reduced .card-component .block-gene-card .card .card__content > picture, .page-detail .group-card-reduced .card-component .block-gene-card .card .card__content > .block-img-default,
.page-detail .group-card-sitios .card-component .block-gene-card .card .card__content > picture,
.page-detail .group-card-sitios .card-component .block-gene-card .card .card__content > .block-img-default {
    min-width: 166px;
  }
}
.page-detail .group-card-reduced .card-component .block-gene-card .card .info-card-interaction,
.page-detail .group-card-sitios .card-component .block-gene-card .card .info-card-interaction {
  display: none;
}

.page-report-article .group-card-reduced .block-gene-card {
  padding-inline: 8px;
}

.group-card-reduced .block-gene-card .rp-link {
  margin-top: 16px;
}

/* Estilos comunes a group-card-reduced se encuentran en esa hoja de estilos*/
.group-card-sitios .card-component .block-gene-card .card-s.tourist-card .card__content .info-card .info-card-content {
  margin-top: 0;
}
@media (min-width: 64rem) {
  .group-card-sitios .card-component .block-gene-card .card-s.tourist-card .card__content .info-card .info-card-content {
    padding-bottom: 52px;
  }
}
.group-card-sitios .card-component .block-gene-card .card-s.tourist-card .card__content .filter-chip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
  padding: 4px 16px 4px 4px;
  margin-top: 20px;
  border: 1px solid #e5eBf0;
  border-radius: 28px;
  gap: 8px;
}
@media (min-width: 64rem) {
  .group-card-sitios .card-component .block-gene-card .card-s.tourist-card .card__content .filter-chip {
    position: absolute;
    bottom: 16px;
  }
}
.group-card-sitios .card-component .block-gene-card .card-s.tourist-card .card__content .filter-chip img {
  width: 24px;
  height: 24px;
  min-height: unset;
}

.group-card-video-component {
  padding-block: 32px;
}
@media (min-width: 64rem) {
  .group-card-video-component {
    padding-block: 64px;
  }
}
@media (max-width: 64rem) {
  .group-card-video-component.group-card-video--no-title {
    padding-top: 40px;
  }
}
@media (min-width: 45rem) and (max-width: 64rem) {
  .group-card-video-component.has-content-m {
    padding-bottom: 40px;
  }
}
.group-card-video-component.backgroundBlue .group-card-video__container .block-info-card h2,
.group-card-video-component.backgroundBlue .group-card-video__container .block-info-card p {
  color: #ffffff;
}
@media (max-width: 45rem) {
  .group-card-video-component .group-card-video__container.container-xl {
    margin-inline: 0;
    padding-inline: 0;
  }
}
@media (max-width: 45rem) {
  .group-card-video-component .group-card-video__container.container-xl .block-info-card {
    padding-inline: 16px;
  }
}
.group-card-video-component .group-card-video__container .block-info-card {
  text-align: center;
}
.group-card-video-component .group-card-video__container .block-info-card .rp-guia-headline-03.title-margin {
  margin-bottom: 56px;
}
.group-card-video-component .group-card-video__container .block-info-card .rp-headline-subtitle {
  margin-bottom: 16px;
}
@media (min-width: 45rem) {
  .group-card-video-component .group-card-video__container .block-info-card .rp-headline-subtitle {
    margin-top: 32px;
  }
}
.group-card-video-component .group-card-video__container .card-video__container.content-xl {
  width: 100%;
  height: 600px;
  position: relative;
}
@media (min-width: 45rem) {
  .group-card-video-component .group-card-video__container .card-video__container.content-m .slick-dots {
    display: none;
  }
}
@media (min-width: 64rem) {
  .group-card-video-component .group-card-video__container .card-video__container.content-s .slick-dots {
    display: none;
  }
}
.group-card-video-component .group-card-video__container .card-video__container .card {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.group-card-video-component .group-card-video__container .card-video__container .card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, left top, left bottom, color-stop(24.3%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(0, 0, 0, 0) 24.3%, rgba(0, 0, 0, 0.6) 100%);
  pointer-events: none;
  border-radius: 8px;
}
.group-card-video-component .group-card-video__container .card-video__container .card:hover .card__title {
  color: #DDDDDD;
}
.group-card-video-component .group-card-video__container .card-video__container .card .video__poster img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.group-card-video-component .group-card-video__container .card-video__container .card .video__poster .rp-btn-guia--play {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.group-card-video-component .group-card-video__container .card-video__container .card .video__poster .info-card {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding: 24px;
  color: #ffffff;
  z-index: 2;
}
.group-card-video-component .group-card-video__container .card-video__container .card .video__poster .info-card .card__video-time {
  display: none;
  width: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
}
.group-card-video-component .group-card-video__container .card-video__container .card .video__poster .info-card .card__video-time.video-time--active {
  display: block;
}
.group-card-video-component .group-card-video__container .card-video__container .card .video__poster .card-interaction {
  position: absolute;
  top: 0;
  right: 0;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  z-index: 2;
}
.group-card-video-component .group-card-video__container .card-video__container .card .video__poster .card-interaction .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  font-size: 1.25rem;
  color: #ffffff;
  cursor: pointer;
}
.group-card-video-component .group-card-video__container .card-video__container .card .video__poster .card-interaction .icon-rp::before {
  font-size: 1.25rem;
}
.group-card-video-component .group-card-video__container .card-video__container .card .video__poster .card-interaction .icon-rp img {
  width: 100%;
  height: 100%;
}
@media (max-width: 45rem) {
  .group-card-video-component .group-card-video__container .card-video__container .card-xl {
    border-radius: 0;
  }
  .group-card-video-component .group-card-video__container .card-video__container .card-xl::after {
    border-radius: 0;
  }
}
@media (max-width: 45rem) {
  .group-card-video-component .group-card-video__container .card-video__container .card-xl .video__poster img {
    border-radius: 0;
  }
}
.group-card-video-component .group-card-video__container .card-video__container .card-xl .video__poster .card__content .info-card {
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
@media (min-width: 64rem) {
  .group-card-video-component .group-card-video__container .card-video__container .card-xl .video__poster .card__content .info-card {
    padding: 56px;
    width: 814px;
  }
}
.group-card-video-component .group-card-video__container .card-video__container .card-xl .video__poster .card__content .info-card .info-card-xl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  width: auto;
  -ms-flex-item-align: center;
      align-self: center;
  color: #ffffff;
}
.group-card-video-component .group-card-video__container .card-video__container .card-xl .video__poster .card__content .info-card .info-card-xl .icon-rp-Play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 1.125rem;
  color: #ffffff;
}
.group-card-video-component .group-card-video__container .card-video__container .card-xl .video__poster .card__content .info-card .info-card-xl .icon-rp-Play::before {
  font-size: 1.125rem;
}
.group-card-video-component .group-card-video__container .card-video__container .card-xl .video__poster .card__content .info-card .info-card-xl .icon-rp-Play img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .group-card-video-component .group-card-video__container .card-video__container .card-xl .video__poster .card__content .card-interaction {
    padding: 40px;
  }
}
.group-card-video-component .group-card-video__container .card-video__container .card-m {
  width: 100%;
  aspect-ratio: 0.9;
  margin-inline: 8px;
}
@media (min-width: 45rem) {
  .group-card-video-component .group-card-video__container .card-video__container .card-m {
    min-width: 320px;
    aspect-ratio: 0.75;
  }
}
@media (min-width: 64rem) {
  .group-card-video-component .group-card-video__container .card-video__container .card-m {
    min-height: 532px;
    max-height: 532px;
    height: 532px;
    min-width: 395px;
    margin-inline: 16px;
  }
}
.group-card-video-component .group-card-video__container .card-video__container .card-s {
  width: 100%;
  aspect-ratio: 0.9;
  margin-inline: 8px;
}
@media (min-width: 45rem) {
  .group-card-video-component .group-card-video__container .card-video__container .card-s {
    max-width: 320px;
    aspect-ratio: 0.75;
  }
}
@media (min-width: 80rem) {
  .group-card-video-component .group-card-video__container .card-video__container .card-s {
    max-width: 395px;
    aspect-ratio: 0.75;
    margin-inline: 16px;
  }
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider {
  display: block;
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-list,
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-list {
  overflow: visible;
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-track {
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  left: -8px;
}
@media (min-width: 45rem) {
  .group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-track {
    left: 0px;
  }
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-arrow::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "icomoon";
  color: #016A7F;
  font-size: 16px;
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-arrow::before img {
  width: 100%;
  height: 100%;
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-arrow.slick-disabled {
  display: none !important;
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-arrow.slick-next {
  z-index: 10;
  right: -8px;
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-arrow.slick-next::before {
  font-family: "icomoon";
  content: "\e90d";
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-arrow.slick-prev {
  z-index: 10;
  left: -8px;
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-arrow.slick-prev::before {
  font-family: "icomoon";
  content: "\e90a";
}
.group-card-video-component .group-card-video__container .card-video__container.slick-slider .slick-dots {
  bottom: -42px;
}

.growth .growth-component,
.growth .growth-component.growth-component--disabled {
  display: none;
  position: fixed;
  z-index: 1002;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
}
.growth .growth-component .container,
.growth .growth-component.growth-component--disabled .container {
  margin: 0 auto;
  margin-bottom: var(--gr-spacing-48);
}
@media screen and (width < 30rem) {
  .growth .growth-component .container,
.growth .growth-component.growth-component--disabled .container {
    padding: 0;
    margin: 0;
  }
}
.growth .growth-component .block-gene.block-gene--backgroundBlue {
  background-color: var(--gr-blue-guia);
}
.growth .growth-component .block-gene.block-gene--backgroundBlue .block-text .title .rds-body-01,
.growth .growth-component .block-gene.block-gene--backgroundBlue .block-text .buttons .false {
  color: #ffffff;
}
.growth .growth-component .block-gene.block-gene--backgroundYellow {
  background-color: #FFC800;
}
.growth .growth-component .block-gene.block-gene--backgroundYellow .block-text .title .rp-title-02,
.growth .growth-component .block-gene.block-gene--backgroundYellow .block-text .buttons .false {
  color: #464646;
}
.growth .growth-component .block-gene.block-gene--backgroundWhite {
  background-color: #ffffff;
}
.growth .growth-component .block-gene.block-gene--backgroundWhite .block-text .title .rp-title-02 {
  color: #464646;
}
.growth .growth-component .block-gene.block-gene--backgroundWhite .block-text .buttons .false {
  color: #016A7F;
}
.growth .growth-component .block-gene.block-gene--backgroundWhite .block-text .buttons .rp-btn-turquoise:focus {
  border-color: #9CD1FF;
}
.growth .growth-component .block-gene.block-gene--backgroundBlue .buttons .rp-btn-white, .growth .growth-component .block-gene.block-gene--backgroundYellow .buttons .rp-btn-white {
  color: #016A7F;
  background-color: #ffffff;
}
.growth .growth-component .block-gene.block-gene--backgroundBlue .buttons .rp-btn-white:hover, .growth .growth-component .block-gene.block-gene--backgroundYellow .buttons .rp-btn-white:hover {
  color: rgba(1, 105, 126, 0.75);
  background-color: #ffffff;
}
.growth .growth-component .block-gene.block-gene--backgroundBlue .buttons .rp-btn-white:active, .growth .growth-component .block-gene.block-gene--backgroundYellow .buttons .rp-btn-white:active {
  color: rgba(1, 105, 126, 0.5);
  background-color: #ffffff;
}
.growth .growth-component .block-gene.block-gene--backgroundBlue .buttons .rp-btn-white:focus, .growth .growth-component .block-gene.block-gene--backgroundYellow .buttons .rp-btn-white:focus {
  border-color: #9CD1FF;
  outline: 0;
}
.growth .growth-component .block-gene.block-gene--backgroundBlue .buttons .rp-btn-white:disabled, .growth .growth-component .block-gene.block-gene--backgroundBlue .buttons .rp-btn-white.rp-disabled, .growth .growth-component .block-gene.block-gene--backgroundYellow .buttons .rp-btn-white:disabled, .growth .growth-component .block-gene.block-gene--backgroundYellow .buttons .rp-btn-white.rp-disabled {
  color: rgba(1, 105, 126, 0.3);
  background-color: #ffffff;
}
@media (min-width: 45rem) {
  .growth:not(.growth--fixed) .growth-component .block-text {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 80rem) {
  .growth.growth--fixed .growth-component .block-text {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.growth-component .block-gene {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--gr-spacing-8);
  width: 100%;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  position: relative;
  min-height: 72px;
  -webkit-column-gap: var(--gr-spacing-12);
     -moz-column-gap: var(--gr-spacing-12);
          column-gap: var(--gr-spacing-12);
}
@media screen and (width < 30rem) {
  .growth-component .block-gene {
    display: grid;
    grid-template-columns: minmax(auto, 96px) 1fr;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    border-radius: 0;
    padding: 0;
  }
}
.growth-component .block-gene .img-promo {
  width: 88px;
  height: 48px;
  border-radius: 8px;
  background-color: var(--gr-color-white);
}
@media screen and (width < 30rem) {
  .growth-component .block-gene .img-promo {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.growth-component .block-gene .img-promo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.growth-component .block-gene .block-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
@media screen and (width < 30rem) {
  .growth-component .block-gene .block-text {
    padding: var(--gr-spacing-16);
  }
}
.growth-component .block-gene .block-text .title {
  margin-bottom: 8px;
  width: 100%;
}
@media (min-width: 64rem) {
  .growth-component .block-gene .block-text .title {
    margin: 0;
    width: auto;
  }
}
.growth-component .block-gene .block-text .buttons {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  -webkit-column-gap: var(--gr-spacing-16);
     -moz-column-gap: var(--gr-spacing-16);
          column-gap: var(--gr-spacing-16);
}
@media screen and (width <= 64rem) {
  .growth-component .block-gene .block-text .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (width < 30rem) {
  .growth-component .block-gene .block-text .buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-column-gap: var(--gr-spacing-12);
       -moz-column-gap: var(--gr-spacing-12);
            column-gap: var(--gr-spacing-12);
  }
}
@media screen and (width < 23.4375rem) {
  .growth-component .block-gene .block-text .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%;
  }
}
.growth-component .block-gene .block-text .buttons .gr-button {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.growth-component .block-gene .block-text .buttons .gr-button__ghost__inverse--small {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.growth-component .block-gene .block-text .buttons .false {
  display: none;
}

.guia-video-content {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.guia-video-content .videoPoster,
.guia-video-content .videoPosterImg {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.guia-video-content .videoPoster:hover .YTtitle,
.guia-video-content .videoPosterImg:hover .YTtitle {
  bottom: 0 !important;
}
.guia-video-content .videoPoster .VPcontent,
.guia-video-content .videoPosterImg .VPcontent {
  position: absolute;
  bottom: 22px;
  width: 100%;
  padding-inline: 16px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
@media (min-width: 64rem) {
  .guia-video-content .videoPoster .VPcontent,
.guia-video-content .videoPosterImg .VPcontent {
    bottom: 32px;
    padding-inline: 48px;
  }
}
.guia-video-content .videoPoster .VPcontent .YTtitle,
.guia-video-content .videoPosterImg .VPcontent .YTtitle {
  position: relative;
  bottom: -150px;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.guia-video-content .videoPoster {
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.89))) 0% 0%/cover;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.89)) 0% 0%/cover;
  margin-top: 0px;
}

.hero-tag-component {
  background-color: #ffffff;
  padding-block: 40px;
}
@media (min-width: 64rem) {
  .hero-tag-component {
    padding-block: 48px;
  }
}
@media (min-width: 64rem) {
  .hero-tag-component .hero-tag-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.hero-tag-component .block-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
}
@media (min-width: 64rem) {
  .hero-tag-component .block-title {
    width: calc(25% - 12px);
    text-align: left;
  }
}
@media (min-width: 90rem) {
  .hero-tag-component .block-title {
    width: calc(33.33333% - 10px);
    padding-right: 12px;
  }
}
.hero-tag-component .block-title .block-img-author {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .hero-tag-component .block-title .block-img-author {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 12px;
  }
}
.hero-tag-component .block-title .block-img-author::before {
  position: absolute;
  left: -24px;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/lazo.png?#");
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .hero-tag-component .block-title .block-img-author::before {
    left: -40px;
  }
}
.hero-tag-component .block-title .block-img-author picture {
  width: 64px;
  height: 64px;
}
.hero-tag-component .block-title .block-img-author picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.hero-tag-component .block-title .rp-guia-title-01 {
  color: var(--gr-blue-guia);
  font-family: "Roboto-Bold";
  font-weight: 700;
  position: relative;
  z-index: 1;
  margin-bottom: 14px;
}
.hero-tag-component .block-title .rp-guia-title-01.rp-title-lazo {
  position: relative;
  margin-bottom: 16px;
}
.hero-tag-component .block-title .rp-guia-title-01.rp-title-lazo::before {
  position: absolute;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/lazo-hero-tag.png?#");
  left: 0;
  top: -20px;
  width: 100%;
  text-align: center;
  z-index: -5;
}
@media (min-width: 64rem) {
  .hero-tag-component .block-title .rp-guia-title-01.rp-title-lazo::before {
    left: -30px;
    top: -8px;
    text-align: left;
    z-index: -5;
  }
}
.hero-tag-component .block-title .description-title {
  position: relative;
  z-index: 1;
  font-family: "Roboto-Regular";
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 0;
}
.hero-tag-component .block-title .website__author,
.hero-tag-component .block-title .rrss__author {
  margin-top: 16px;
  margin-bottom: 0;
}
.hero-tag-component .block-title .website__author {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  letter-spacing: 0.035px;
}
@media (min-width: 45rem) {
  .hero-tag-component .block-title .website__author {
    margin-top: 12px;
  }
}
@media (min-width: 64rem) {
  .hero-tag-component .block-title .website__author {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.hero-tag-component .block-title .rrss__author .rp-caption {
  margin-bottom: 20px;
}
.hero-tag-component .block-title .rrss__author ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
@media (min-width: 64rem) {
  .hero-tag-component .block-title .rrss__author ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.hero-tag-component .block-title .rrss__author ul img {
  -webkit-filter: invert(10%) sepia(37%) saturate(2784%) hue-rotate(207deg) brightness(90%) contrast(103%);
          filter: invert(10%) sepia(37%) saturate(2784%) hue-rotate(207deg) brightness(90%) contrast(103%);
}
.hero-tag-component .block-title .rrss__author .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-size: 1.25rem;
  color: var(--gr-blue-guia);
}
.hero-tag-component .block-title .rrss__author .icon::before {
  font-size: 1.25rem;
}
.hero-tag-component .block-title .rrss__author .icon img {
  width: 100%;
  height: 100%;
}
.hero-tag-component .block-card {
  width: 100%;
}
@media (min-width: 64rem) {
  .hero-tag-component .block-card {
    width: 66%;
  }
}
@media (min-width: 90rem) {
  .hero-tag-component .block-card {
    width: calc(66.666666% - 6px);
  }
}
.hero-tag-component .block-card .title-block {
  margin-top: 36px;
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .hero-tag-component .block-card .title-block {
    margin-top: 0;
    font-size: 1.25rem;
  }
}
.hero-tag-component .block-card .block-single-card.item-1 {
  margin-bottom: 16px;
}
@media (min-width: 45rem) {
  .hero-tag-component .block-card .block-single-card.item-1 {
    margin-bottom: 0;
  }
}
@media (min-width: 64rem) {
  .hero-tag-component .block-card .block-single-card.item-1 {
    padding-right: 12px;
  }
}
@media (min-width: 90rem) {
  .hero-tag-component .block-card .block-single-card.item-1 {
    padding-right: 16px;
  }
}
@media (min-width: 64rem) {
  .hero-tag-component .block-card .block-single-card.item-2 {
    padding-left: 12px;
  }
}
@media (min-width: 90rem) {
  .hero-tag-component .block-card .block-single-card.item-2 {
    padding-left: 16px;
  }
}
.hero-tag-component .block-card .block-single-card .block-img picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  aspect-ratio: 4/3;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.hero-tag-component .block-card .block-single-card .block-img picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-tag-component .block-card .block-single-card .block-text .rp-caption {
  color: #727272;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .hero-tag-component .block-card .block-single-card .block-text .rp-caption {
    -webkit-line-clamp: 2;
  }
}
.hero-tag-component .block-card .block-single-card .block-text .rp-body-16 {
  font-size: 1.25rem;
  line-height: 32px;
  margin: 8px 0 4px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .hero-tag-component .block-card .block-single-card .block-text .rp-body-16 {
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 64rem) {
  .hero-tag-component .block-card .block-single-card .block-text .rp-body-16 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 64rem) {
  .hero-tag-component .block-card .block-single-card:hover .rp-body-16 {
    color: #016A7F;
  }
}

.hero-home-component .hero-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container {
    min-width: 0;
    max-width: calc(100% - 5.5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 80rem) {
  .hero-home-component .hero-container {
    max-width: min(100%, 72rem);
  }
}
@media (min-width: 90rem) {
  .hero-home-component .hero-container {
    max-width: min(100%, 78rem);
  }
}
@media (min-width: 120rem) {
  .hero-home-component .hero-container {
    max-width: min(100%, 94rem);
  }
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 24px;
    padding-block: 24px;
    margin-inline: auto;
    width: 100%;
  }
}
@media (min-width: 80rem) {
  .hero-home-component .hero-container {
    gap: 48px;
  }
}
.hero-home-component .hero-container .hero-home__image {
  width: 100%;
  aspect-ratio: 4/3;
}
.hero-home-component .hero-container .hero-home__image picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.hero-home-component .hero-container .hero-home__image picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__image picture img {
    border-radius: 8px;
  }
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content {
    min-width: 372px;
    max-width: 372px;
    padding-inline: 0;
  }
}
@media (min-width: 80rem) {
  .hero-home-component .hero-container .hero-home__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .hero-home-component .hero-container .hero-home__content .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: -webkit-fill-available;
    height: -moz-available;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 90rem) {
  .hero-home-component .hero-container .hero-home__content {
    min-width: 398px;
    max-width: 398px;
  }
}
.hero-home-component .hero-container .hero-home__content .flex-center {
  margin-block: 0;
}
@media (min-width: 80rem) {
  .hero-home-component .hero-container .hero-home__content .flex-center {
    margin-block: 56px;
  }
}
.hero-home-component .hero-container .hero-home__content * {
  margin-block: 0;
}
.hero-home-component .hero-container .hero-home__content__main, .hero-home-component .hero-container .hero-home__content__interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.hero-home-component .hero-container .hero-home__content__main.text--light *, .hero-home-component .hero-container .hero-home__content__secondary.text--light * {
  color: #ffffff;
}
.hero-home-component .hero-container .hero-home__content__main.text--light *[href]:hover .title, .hero-home-component .hero-container .hero-home__content__secondary.text--light *[href]:hover .title {
  color: #DDDDDD;
}
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .titles .pretitle,
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .card .pretitle, .hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .titles .pretitle,
.hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .card .pretitle {
  color: #727272;
}
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .titles .title,
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .card .title, .hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .titles .title,
.hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .card .title {
  color: var(--gr-blue-guia);
}
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .titles[href]:hover .title,
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .card[href]:hover .title, .hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .titles[href]:hover .title,
.hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .card[href]:hover .title {
  color: #016A7F;
}
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .titles .description,
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .card .description, .hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .titles .description,
.hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .card .description {
  color: #464646;
}
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .authoring, .hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .authoring {
  color: #727272;
}
.hero-home-component .hero-container .hero-home__content__main:not(.text--light) .authoring .author__link, .hero-home-component .hero-container .hero-home__content__secondary:not(.text--light) .authoring .author__link {
  color: #016A7F;
}
.hero-home-component .hero-container .hero-home__content__main .tag, .hero-home-component .hero-container .hero-home__content__secondary .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.hero-home-component .hero-container .hero-home__content__main .tag .icon-rp, .hero-home-component .hero-container .hero-home__content__secondary .tag .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 0.875rem;
}
.hero-home-component .hero-container .hero-home__content__main .tag .icon-rp::before, .hero-home-component .hero-container .hero-home__content__secondary .tag .icon-rp::before {
  font-size: 0.875rem;
}
.hero-home-component .hero-container .hero-home__content__main .tag .icon-rp img, .hero-home-component .hero-container .hero-home__content__secondary .tag .icon-rp img {
  width: 100%;
  height: 100%;
}
.hero-home-component .hero-container .hero-home__content__main {
  padding-block: 24px 32px;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content__main {
    padding-top: 0;
  }
}
.hero-home-component .hero-container .hero-home__content__main .titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.hero-home-component .hero-container .hero-home__content__main .titles .pretitle--hide {
  display: none;
}
.hero-home-component .hero-container .hero-home__content__main .titles .description-home {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content__main .titles .description-home {
    -webkit-line-clamp: 3;
  }
}
.hero-home-component .hero-container .hero-home__content__main .titles .description {
  padding-bottom: 0;
}
.hero-home-component .hero-container .hero-home__content__interaction {
  padding-bottom: 40px;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content__interaction {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 0;
  }
}
@media (min-width: 45rem) {
  .hero-home-component .hero-container .hero-home__content__interaction .rp-btn-guia {
    width: 100%;
  }
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content__interaction .rp-btn-guia {
    width: initial;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
.hero-home-component .hero-container .hero-home__content__interaction .rp-btn-guia .icon-rp {
  color: var(--gr-blue-guia);
  margin-right: 0;
}
.hero-home-component .hero-container .hero-home__content__interaction .rp-link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-home-component .hero-container .hero-home__content__interaction .rp-link.rp-link-white {
  color: #ffffff;
  color: #ffffff;
}
.hero-home-component .hero-container .hero-home__content__interaction .rp-link.rp-link-white:hover {
  opacity: 0.75;
}
.hero-home-component .hero-container .hero-home__content__interaction .rp-link.rp-link-white:active {
  opacity: 0.5;
}
.hero-home-component .hero-container .hero-home__content__interaction .rp-link.rp-link-white:disabled, .hero-home-component .hero-container .hero-home__content__interaction .rp-link.rp-link-white.btn-disabled {
  opacity: 0.3;
}
.hero-home-component .hero-container .hero-home__content__interaction .rp-link.rp-link-white:focus {
  border-color: #9CD1FF;
  outline: 0;
}
.hero-home-component .hero-container .hero-home__content__interaction .rp-btn-guia + .rp-link {
  margin-top: 8px;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content__interaction .rp-btn-guia + .rp-link {
    margin-top: 0;
  }
}
.hero-home-component .hero-container .hero-home__content__secondary {
  border-top: 1px solid #DDDDDD;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content__secondary {
    display: none;
  }
}
@media (min-width: 80rem) {
  .hero-home-component .hero-container .hero-home__content__secondary {
    display: block;
  }
}
.hero-home-component .hero-container .hero-home__content__secondary .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding-block: 16px 24px;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content__secondary .card {
    padding-block: 16px 0;
  }
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__info .title {
  margin-block: 4px 8px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content__secondary .card .card__info .title {
    -webkit-line-clamp: 2;
  }
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__info .pretitle {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .hero-home-component .hero-container .hero-home__content__secondary .card .card__info .pretitle {
    -webkit-line-clamp: 1;
  }
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder,
.hero-home-component .hero-container .hero-home__content__secondary .card picture {
  max-width: 96px;
  min-width: 96px;
  max-height: 80px;
  min-height: 80px;
  border-radius: 12px;
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder img,
.hero-home-component .hero-container .hero-home__content__secondary .card picture img {
  border-radius: 12px;
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f8f8f8;
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon {
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 38px;
  width: 38px;
  max-width: 38px;
  min-height: 38px;
  height: 38px;
  max-height: 38px;
  font-size: 38px;
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.RESTAURANTE, .hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon::before {
  font-size: 38px;
}
.hero-home-component .hero-container .hero-home__content__secondary .card .card__placeholder__icon img {
  width: 100%;
  height: 100%;
}
.hero-home-component .hero-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-home-component.hero-home__centered {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hero-home-component.hero-home__centered .hero-home__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.hero-home-component.hero-home__centered .hero-home__image.has-overlay::before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: var(--gr-color-black);
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}
.hero-home-component.hero-home__centered .hero-home__image picture,
.hero-home-component.hero-home__centered .hero-home__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-home-component.hero-home__centered .hero-home__content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 10rem;
  padding-block: 10rem;
  /* CTA */
}
@media (max-width: 768px) {
  .hero-home-component.hero-home__centered .hero-home__content {
    padding-inline: 1rem;
  }
}
.hero-home-component.hero-home__centered .hero-home__content .hero-home__content__main {
  --content-color: var(--gr-color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: var(--gr-spacing-24);
  text-align: center;
}
@media screen and (width < 30rem) {
  .hero-home-component.hero-home__centered .hero-home__content .hero-home__content__main {
    row-gap: var(--gr-spacing-16);
  }
}
.hero-home-component.hero-home__centered .hero-home__content .hero-home__content__main.content__light {
  --content-color: var(--gr-color-white);
}
.hero-home-component.hero-home__centered .hero-home__content .hero-home__content__main.content__dark {
  --content-color: var(--gr-blue-guia);
}
.hero-home-component.hero-home__centered .hero-home__content .hero-home__content__main h1.title {
  max-width: 680px;
  color: var(--content-color);
}
@media screen and (width < 30rem) {
  .hero-home-component.hero-home__centered .hero-home__content .hero-home__content__main h1.title {
    font-size: var(--gr-size-28);
    line-height: var(--gr-size-32);
  }
}
.hero-home-component.hero-home__centered .hero-home__content .hero-home__content__main p.description {
  max-width: 680px;
  margin: 0 auto;
  color: var(--content-color);
  padding-bottom: 0;
}
.hero-home-component.hero-home__centered .hero-home__content .hero-home__content__interaction {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: var(--gr-spacing-40);
}
@media screen and (width < 30rem) {
  .hero-home-component.hero-home__centered .hero-home__content .hero-home__content__interaction {
    width: 100%;
    margin-top: var(--gr-spacing-24);
  }
}
.hero-home-component.hero-home__centered .hero-home__content .hero-home__content__interaction .rp-btn-guia.rp-btn--link-to-app .icon-rp {
  font-family: "icomoon" !important;
}
.hero-home-component.hero-home__centered .separator {
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero-home-component .hero-home__content__interaction .sticky__download__title,
.hero-home-component .sticky__download__header .sticky__download__title,
.sticky-download-component .hero-home__content__interaction .sticky__download__title,
.sticky-download-component .sticky__download__header .sticky__download__title {
  line-height: 2rem;
}
.hero-home-component .rp-btn-download,
.sticky-download-component .rp-btn-download {
  display: none;
}
.hero-home-component .rp-btn-download--visible,
.sticky-download-component .rp-btn-download--visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 45rem) {
  .hero-home-component .rp-btn-download,
.sticky-download-component .rp-btn-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.hero-landing-gala-component {
  min-height: 560px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-landing-gala-component__image, .hero-landing-gala-component__video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  overflow: hidden;
}
.hero-landing-gala-component__image img, .hero-landing-gala-component__video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 45rem) {
  .hero-landing-gala-component__image img, .hero-landing-gala-component__video img {
    width: 100%;
    height: 100%;
    -o-object-position: top center;
       object-position: top center;
  }
}
.hero-landing-gala-component__video #wrapperParent,
.hero-landing-gala-component__video #iframeYoutubeWrapper {
  height: 100%;
}
.hero-landing-gala-component__video #untouchableVeil {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  width: 100%;
  min-width: 560px;
  height: 100%;
  padding: 195px 20px 0;
  color: #ffffff;
  background-size: cover;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}
.hero-landing-gala-component__video div#wrapperParent {
  min-width: 560px;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-bottom: 48px;
}
.hero-landing-gala-component__video div#wrapperParent #iframeYoutubeWrapper {
  position: relative;
  padding-bottom: 74vh;
  /* 16         :9 */
  padding-top: 25px;
  height: 0;
  cursor: none;
}
@media (min-width: 64rem) {
  .hero-landing-gala-component__video div#wrapperParent #iframeYoutubeWrapper {
    padding-bottom: 55.25%;
    aspect-ratio: 16/9;
  }
}
.hero-landing-gala-component__video div#wrapperParent #iframeYoutubeWrapper #iframeYoutube {
  position: absolute;
  top: 0;
  left: -100%;
  width: 300%;
  height: 100%;
}
@media (min-width: 64rem) {
  .hero-landing-gala-component__video div#wrapperParent #iframeYoutubeWrapper #iframeYoutube {
    left: 0;
    width: 100%;
  }
}
.hero-landing-gala-component__video div#wrapperParent.isAuthorMode {
  height: 689px;
}
.hero-landing-gala-component__video div#wrapperParent.isAuthorMode #iframeYoutubeWrapper {
  padding-bottom: 689px;
}
.hero-landing-gala-component__counter {
  background-color: #F2F2F2;
  border-radius: 8px;
  padding: 8px 16px;
}
.hero-landing-gala-component__counter-wrapper {
  margin-bottom: 24px;
}
.hero-landing-gala-component__content {
  text-align: center;
  margin-bottom: 0 !important;
}
.hero-landing-gala-component__content-title {
  color: var(--gr-blue-guia);
  margin-bottom: 24px;
}
.hero-landing-gala-component__content-ctas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  margin-top: 40px;
  position: relative;
  z-index: 2;
}
.hero-landing-gala-component__content-ctas .rp-btn-guia {
  min-width: 238px;
}
.hero-landing-gala-component__content-ctas .rp-btn-guia .icon-rp::before {
  font-family: "icomoon" !important;
}
@media (min-width: 45rem) {
  .hero-landing-gala-component__content-ctas {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.hero-landing-gala-component__content .hero-landing-gala-component__content-description {
  color: #464646;
}
.hero-landing-gala-component__content--white .hero-landing-gala-component__content-title,
.hero-landing-gala-component__content--white .hero-landing-gala-component__content-description {
  color: #ffffff;
}
.hero-landing-gala-component div#wrapperParent {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}
@media screen and (width < 30rem) {
  .hero-landing-gala-component div#wrapperParent {
    min-height: 560px !important;
  }
}
.hero-landing-gala-component:has(.hero-landing-gala-component__video) .hero-landing-gala-component__content {
  margin-bottom: 0;
}
.hero-landing-gala-component:has(.hero-landing-gala-component__video) .hero-landing-gala-component__content .hero-landing-gala-component__content-ctas div#wrapperParent {
  display: none !important;
}
.hero-landing-gala-component__author-mode * {
  max-height: 560px;
}

@media (min-width: 64rem) {
  .hero-premium {
    min-height: 570px;
    overflow: hidden;
    position: relative;
  }
}

.hero-premiun-component {
  padding: 0 0 40px;
}
@media (min-width: 64rem) {
  .hero-premiun-component {
    padding: 0 0 80px;
  }
}
.hero-premiun-component .pretitle {
  color: #757575;
  margin-bottom: 8px;
}
@media (min-width: 64rem) {
  .hero-premiun-component .pretitle {
    margin-bottom: 16px;
  }
}
.hero-premiun-component .description {
  padding-bottom: 24px;
}
@media (min-width: 64rem) {
  .hero-premiun-component .description {
    padding-bottom: 40px;
  }
}
.hero-premiun-component .block-info-hero-premiun {
  background: #ffffff;
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-info-hero-premiun {
    margin-bottom: -120px;
    padding-bottom: 120px;
    position: relative;
  }
  .hero-premiun-component .block-info-hero-premiun::before {
    content: "";
    width: 100%;
    height: 20%;
    background: #f8f8f8;
    position: absolute;
    bottom: 0;
  }
}
.hero-premiun-component .title {
  margin-bottom: 16px;
  font-family: "Roboto-Medium";
  font-weight: 700;
  font-size: 29px;
  line-height: 40px;
  color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .hero-premiun-component .title {
    font-size: 43px;
    line-height: 56px;
  }
}
.hero-premiun-component .hero-premiun-component {
  position: relative;
}
.hero-premiun-component .block-info-hero-premiun .container__hero-info {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 24px;
  text-align: center;
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-info-hero-premiun .container__hero-info,
.hero-premiun-component .block-img-premiun {
    padding-top: 80px;
  }
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-info-hero-premiun .container__hero-info {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0;
    text-align: left;
    max-width: 304px;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .hero-premiun-component .block-img-premiun {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 90rem) {
  .hero-premiun-component .block-info-hero-premiun .container__hero-info {
    max-width: 406px;
  }
  .hero-premiun-component .block-img-premiun {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.hero-premiun-component .block-img-premiun {
  position: relative;
  display: block;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: calc(100% + 24px);
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-img-premiun {
    position: absolute;
    right: 0;
    z-index: 2;
    display: none;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 60%;
    height: auto;
    max-height: 572px;
  }
  .hero-premiun-component .block-img-premiun:before {
    content: "";
    width: 1317px;
    height: 895px;
    top: -284px;
    left: 77px;
    border-radius: 50%;
    background: #FFC800;
    position: absolute;
    z-index: 0;
  }
}
.hero-premiun-component .block-img-premiun picture {
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 1;
  width: calc(100% + 24px);
  margin: 0 -12px;
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-img-premiun picture {
    width: 100%;
    left: 0;
    margin: 0;
  }
}
.hero-premiun-component .block-img-premiun picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-premiun-component .block-link-hero-premiun {
  background: #ffffff;
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-link-hero-premiun {
    background: #f8f8f8;
    position: relative;
    z-index: 1;
  }
}
.hero-premiun-component .block-link-hero-premiun .rp-caption {
  display: none;
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-link-hero-premiun .rp-caption {
    display: block;
    margin-top: 28px;
    margin-bottom: 16px;
  }
}
.hero-premiun-component .block-link-hero-premiun ul {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  margin-bottom: 0;
}
.hero-premiun-component .block-link-hero-premiun ul::-webkit-scrollbar {
  display: none;
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-link-hero-premiun ul {
    overflow: inherit;
    padding: 0;
    display: block;
  }
}
.hero-premiun-component .block-link-hero-premiun ul li {
  list-style: none;
  margin-right: 24px;
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-link-hero-premiun ul li {
    margin-bottom: 12px;
  }
}
.hero-premiun-component .block-link-hero-premiun ul li:last-child {
  margin-right: 0;
}
.hero-premiun-component .block-link-hero-premiun ul li a {
  font-family: "Roboto-Regular";
  font-size: 18px;
  line-height: 32px;
  white-space: nowrap;
  color: #727272;
}
@media (min-width: 64rem) {
  .hero-premiun-component .block-link-hero-premiun ul li a {
    white-space: initial;
    font-family: "Roboto-Medium";
    font-size: 20px;
    line-height: 32px;
    color: #016A7F;
  }
}

.hero {
  background-color: #ffffff;
  /* Banda burdeos detrás del hero */
  /* Carrusel / galería hero */
  /* Móvil: carrusel solo cuando hay .hero-receta-component--image */
}
@media (min-width: 1440px) {
  .hero {
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
  }
}
.hero .recetaFrame {
  display: block;
  width: 100%;
  height: 80px;
  background-color: #b52958;
}
@media (max-width: 45rem) {
  .hero .recetaFrame {
    z-index: 1;
    height: 80px;
  }
}
.hero .hero-receta-video-component {
  background-color: #ffffff;
}
.hero .hero-receta-component {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
@media (min-width: 45rem) {
  .hero .hero-receta-component {
    display: block;
  }
}
.hero .hero-receta-component .receta-img-block {
  cursor: pointer;
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 245px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 45rem) {
  .hero .hero-receta-component .receta-img-block {
    position: absolute;
    width: 50%;
    top: -28px;
    right: 0;
    margin-right: 8px;
    min-height: 400px;
  }
}
@media (min-width: 64rem) {
  .hero .hero-receta-component .receta-img-block {
    width: 53%;
  }
}
@media (min-width: 80rem) {
  .hero .hero-receta-component .receta-img-block {
    width: 58%;
  }
}
@media (min-width: 90rem) {
  .hero .hero-receta-component .receta-img-block {
    width: 57%;
  }
}
@media (min-width: 120rem) {
  .hero .hero-receta-component .receta-img-block {
    width: 59%;
  }
}
@media (min-width: 64rem) {
  .hero .hero-receta-component .receta-img-block {
    right: auto;
    left: calc(33.333333% + 91px);
    margin-right: 0;
  }
}
@media (min-width: 80rem) {
  .hero .hero-receta-component .receta-img-block {
    left: calc(578.333px - 16.666667vw);
  }
}
@media (min-width: 90rem) {
  .hero .hero-receta-component .receta-img-block {
    left: calc(33.333333% + 95px);
  }
}
@media (max-width: 45rem) {
  .hero .hero-receta-component .receta-img-block {
    position: relative;
    top: -40px !important;
    left: 8%;
    width: 80%;
    min-height: 245px;
    height: 245px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-radius: 8px;
  }
}
.hero .hero-receta-component .receta-img-block .photography-author {
  margin-top: 16px;
}
.hero .hero-receta-component .receta-img-block .photography-author .author {
  color: #016A7F;
}
@media (max-width: 45rem) {
  .hero .hero-receta-component .receta-img-block .photography-author {
    display: none;
  }
}
.hero .hero-receta-component .receta-img-block .button-container {
  position: relative;
  top: -20px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero .hero-receta-component .receta-img-block .receta-img-cta {
  padding: 5px 20px;
  z-index: 10;
  position: absolute;
  background-color: #ffffff;
  color: #016A7F;
  border-radius: 8px;
  border: none;
}
@media (max-width: 45rem) {
  .hero .hero-receta-component .receta-img-block .button-container {
    display: none;
  }
}
.hero .hero-receta-component .receta-img-block img {
  display: block;
  width: 100%;
  height: 245px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 45rem) {
  .hero .hero-receta-component .receta-img-block img {
    height: 450px;
    min-height: 450px;
    max-height: 450px;
  }
}
.hero .hero-receta-component .receta-img-block .guia-video-component {
  height: 100%;
  min-height: 100%;
}
.hero .hero-receta-component .receta-img-block .guia-video-component > .container {
  height: 245px;
  padding: 0;
}
@media (min-width: 45rem) {
  .hero .hero-receta-component .receta-img-block .guia-video-component > .container {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
@media (min-width: 45rem) {
  .hero .hero-receta-component .receta-img-block .guia-video-component > .container {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
  }
}
.hero .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content {
  min-height: 100%;
  height: 100%;
}
@media (min-width: 90rem) {
  .hero .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content {
    min-height: 400px;
    height: 400px;
  }
}
.hero .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content .videoPoster {
  border-radius: 0;
}
@media (min-width: 45rem) {
  .hero .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content .videoPoster {
    border-radius: 8px;
  }
}
@media (max-width: 45rem) {
  .hero .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content .videoPoster {
    height: 245px;
  }
}
@media (min-width: 90rem) {
  .hero .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content .videoPoster {
    min-height: 450px;
    height: 450px;
  }
}
.hero .hero-img-info {
  background-color: transparent;
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 80px 20px 32px;
}
.hero .hero-img-info.hero-info--withImg {
  min-height: 422px;
}
@media (max-width: 45rem) {
  .hero .hero-img-info.hero-info--withImg {
    padding: 10px;
    min-height: 202px;
  }
}
@media (max-width: 45rem) {
  .hero .hero-img-info {
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100%;
    padding: 0;
  }
}
.hero .hero-img-info .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hero .hero-img-info .row .hero-img-info-content {
  top: auto !important;
  padding: 0;
  position: relative;
  background-color: #ffffff;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 45rem) {
  .hero .hero-img-info .row .hero-img-info-content {
    padding: 0 0 44px 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-radius: 8px 8px 0 0;
    margin-bottom: -44px;
  }
}
.hero .hero-img-info .row .hero-img-info-content .hero-text-content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
}
@media (min-width: 45rem) {
  .hero .hero-img-info .row .hero-img-info-content .hero-text-content {
    width: 70%;
    padding-left: 0;
  }
}
@media (max-width: 64rem) {
  .hero .hero-img-info .row .hero-img-info-content .hero-text-content {
    width: 45%;
  }
}
@media (max-width: 45rem) {
  .hero .hero-img-info .row .hero-img-info-content .hero-text-content {
    width: 100%;
  }
}
.hero .hero-img-info .row .hero-img-info-content .hero-text-content .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #016A7F;
  margin-bottom: 20px;
}
.hero .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
@media (min-width: 45rem) {
  .hero .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle {
    gap: 8px;
    margin-bottom: 12px;
  }
}
.hero .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle .icon-bg {
  display: none;
}
@media (min-width: 45rem) {
  .hero .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle .icon-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 2rem;
    width: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    height: 2rem;
    max-height: 2rem;
    font-size: 1rem;
    background-color: #b52958;
    color: #ffffff;
    border-radius: 4px;
  }
  .hero .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle .icon-bg::before {
    font-size: 1rem;
  }
  .hero .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle .icon-bg img {
    width: 100%;
    height: 100%;
  }
}
.hero .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle * {
  margin-top: 0;
}
.hero .hero-img-info .row .hero-img-info-content .hero-text-content .title {
  margin-bottom: 16px;
}
@media (min-width: 45rem) {
  .hero .hero-img-info .row .hero-img-info-content .hero-text-content .title {
    margin-bottom: 40px;
  }
}
.hero .hero-img-info .row .hero-img-info-content .hero-text-content .hero-receta__info__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (min-width: 45rem) {
  .hero .hero-img-info .row .hero-img-info-content .hero-text-content .hero-receta__info__list {
    gap: 54px;
  }
}
.hero .hero-img-info .row .hero-img-info-content .hero-text-content .hero-receta__info__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.hero .hero-img-info .row .hero-img-info-content .hero-text-content .desc {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-size: 20px;
  line-height: 32px;
}
@media (min-width: 45rem) {
  .hero .hero-receta-component .receta-img-block .hero-receta-gallery {
    display: none !important;
  }
}
@media (max-width: 45rem) {
  .hero .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery {
    position: relative;
    width: 100%;
    height: 245px;
    overflow: hidden;
    border-radius: 8px;
  }
  .hero .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__container {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .hero .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .hero .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    margin-right: 16px;
    position: relative;
  }
  .hero .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__item:only-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0;
  }
  .hero .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__item:last-child {
    margin-right: 0;
  }
  .hero .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__item img {
    width: 100%;
    height: 245px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
    display: block;
  }
  .hero .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__counter {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    z-index: 10;
  }
  .hero .hero-receta-component.hero-receta-component--image .receta-img-block > img, .hero .hero-receta-component.hero-receta-component--image .receta-img-block > picture, .hero .hero-receta-component.hero-receta-component--image .receta-img-block > .guia-video-component {
    display: none;
  }
}

/* Badge receta */
.hero-receta-component {
  max-width: auto;
  /* CTA + acciones */
}
.hero-receta-component .hero-receta-component {
  position: relative;
}
.hero-receta-component .hero-receta-badge {
  position: absolute;
  top: -35px !important;
  left: 10px;
  z-index: 40;
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  border-radius: 100px;
  background: #ffffff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  pointer-events: none;
}
.hero-receta-component .hero-receta-badge img {
  display: block;
  max-width: 70%;
  max-height: 70%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 45rem) {
  .hero-receta-component .hero-receta-badge {
    top: 12px;
    left: 12px;
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 45rem) {
  .hero-receta-component .hero-receta-badge {
    display: none;
  }
}
.hero-receta-component .hero-interaction {
  position: relative;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
  max-width: 550px;
  padding: 0;
}
@media (max-width: 45rem) {
  .hero-receta-component .hero-interaction {
    margin-top: 20px;
    right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 45rem) {
  .hero-receta-component .hero-interaction {
    position: relative;
    right: initial;
    margin-top: 32px;
    padding: 0;
  }
}
.hero-receta-component .hero-interaction .rp-btn-secondary {
  background-color: #C0EBF2;
  height: 50px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-receta-component .hero-interaction .icon-bg {
  position: absolute;
  left: 18px;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3.5rem;
  width: 3.5rem;
  max-width: 3.5rem;
  min-height: 3.5rem;
  height: 3.5rem;
  max-height: 3.5rem;
  font-size: 1.5rem;
  color: #ffffff;
  background-color: #b52958;
  border-radius: 8px;
}
.hero-receta-component .hero-interaction .icon-bg::before {
  font-size: 1.5rem;
}
.hero-receta-component .hero-interaction .icon-bg img {
  width: 100%;
  height: 100%;
}
@media (min-width: 45rem) {
  .hero-receta-component .hero-interaction .icon-bg {
    display: none;
  }
}

.header-xf,
header {
  z-index: 21;
}

.hero-route .hero-interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.hero-route.complex {
  padding: 40px 0;
  background-color: #003766;
}
@media (min-width: 64rem) {
  .hero-route.complex {
    padding: 80px 0;
  }
}
.hero-route.complex *:not(.rp-btn-guia, .rp-btn-guia *) {
  color: #ffffff;
}
.hero-route.complex .hero-interaction {
  margin-bottom: 56px;
}
.hero-route.simple .hero-article .hero-article-image-component .container.hero-article-map__container {
  padding: 0;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .container.hero-article-map__container {
    margin-bottom: 0;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .block-img-maps .block-img {
  position: initial;
  width: 100%;
  height: auto;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .block-img-maps .block-img {
    height: 520px;
    width: calc(100% - 418px);
  }
}
@media (min-width: 90rem) {
  .hero-route.simple .hero-article .hero-article-image-component .block-img-maps .block-img {
    width: calc(100% - 402px);
  }
}
.hero-route.simple .hero-article .hero-article-image-component .block-img-maps .block-img picture {
  display: inline-block;
  width: 100% !important;
  height: auto;
  overflow: hidden;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .block-img-maps .block-img picture {
    position: absolute;
    left: 0;
    width: calc(100% - 418px) !important;
    height: 520px;
  }
}
@media (min-width: 90rem) {
  .hero-route.simple .hero-article .hero-article-image-component .block-img-maps .block-img picture {
    position: static;
    min-width: 100%;
    border-radius: 8px;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .block-img-maps .block-img picture img {
  max-height: 100%;
  height: 100%;
}
@media (min-width: 90rem) {
  .hero-route.simple .hero-article .hero-article-image-component .block-img-maps {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 90rem) {
  .hero-route.simple .hero-article .hero-article-image-component .block-img-maps .block-maps {
    position: static;
  }
}
@media (min-width: 45rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info {
    position: relative;
  }
}
@media (min-width: 80rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info {
    max-width: 1152px;
  }
}
@media (min-width: 120rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info {
    max-width: 1504px;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content.hero__content__ruta--simple {
  padding-top: 0;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content.hero__content__ruta--simple {
    padding-top: 32px;
    padding-right: 20px;
  }
}
@media (min-width: 120rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content.hero__content__ruta--simple {
    padding-left: 10px;
    padding-right: 12px;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content.hero__content__ruta--simple .hero-text-content {
  padding: 0;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content {
    max-width: calc(66.666% - 96px);
    padding: 32px 0 58px 16px;
  }
}
@media (min-width: 80rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content {
    padding-left: 10px;
  }
}
@media (min-width: 90rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content {
    max-width: calc(66.666% - 68px);
    margin-left: 20px;
    padding-left: 16px;
  }
}
@media (min-width: 120rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content {
    max-width: calc(66.666% - 178px);
    margin-left: 90px;
    padding-left: 8px;
  }
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .hero-text-content {
    padding-right: 20px;
  }
}
@media (min-width: 120rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .hero-text-content {
    padding-right: 12px;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .hero-text-content .pretitle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .hero-text-content .pretitle.pretitle__ruta--simple {
  margin-top: -28px;
  margin-bottom: 12px;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .hero-text-content .pretitle.pretitle__ruta--simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .hero-text-content .pretitle.pretitle__ruta--simple .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  width: 56px;
  height: 56px;
  padding: 14px;
  margin-right: 0;
  margin-bottom: 16px;
  font-size: 24px;
  color: #ffffff;
  background-color: #003766;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .hero-text-content .pretitle.pretitle__ruta--simple .icon {
    width: 32px;
    height: 32px;
    font-size: 16px;
    padding: 8px;
    margin-right: 12px;
    margin-bottom: 0;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .hero-text-content .pretitle h1 {
  margin: 0;
  width: 100%;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .hero-text-content .pretitle h1 {
    width: auto;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .authoring {
  width: 100%;
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 24px;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f8f8f8;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .distancia,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .duracion,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .visita {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  text-align: center;
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .distancia,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .duracion,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .visita {
    text-align: left;
  }
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .distancia .title-info,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .duracion .title-info,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .visita .title-info {
  color: #464646;
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .distancia .info-route-dis,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .distancia .numberP,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .duracion .info-route-dis,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .duracion .numberP,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .visita .info-route-dis,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-img-info-content .infoRuta .visita .numberP {
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #464646;
}
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-article-interaction,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-interaction {
  position: absolute;
  right: 0;
  z-index: 2;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding-inline: 12px;
  margin-top: -28px;
}
@media (min-width: 45rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-article-interaction,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-interaction {
    padding-right: 20px;
  }
}
@media (min-width: 721px) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-article-interaction,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-interaction {
    padding-right: 8px;
  }
}
@media (min-width: 64rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-article-interaction,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-interaction {
    max-width: 33.33333%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: -24px;
  }
}
@media (min-width: 90rem) {
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-article-interaction,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-interaction {
    padding-left: 36px;
  }
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-article-interaction .rp-btn-guia--save,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-interaction .rp-btn-guia--save {
    display: none;
  }
  .hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-article-interaction .rp-btn-guia--share,
.hero-route.simple .hero-article .hero-article-image-component .hero-img-info .hero-interaction .rp-btn-guia--share {
    margin-left: 0;
  }
}
.hero-route .button-maps {
  display: none !important;
}
.hero-route .rutaVideo,
.hero-route .rutaVideoM {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  border-radius: 8px;
  height: 249px;
}
.hero-route .rutaVideo iframe[id^=iframeYoutube],
.hero-route .rutaVideoM iframe[id^=iframeYoutube] {
  display: none;
}
.hero-route .rutaVideo a[class^=videoPoster],
.hero-route .rutaVideoM a[class^=videoPoster] {
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero-route .rutaVideo a[class^=videoPoster]:hover .VPcontent,
.hero-route .rutaVideo a[class^=videoPoster]:hover .VPcontentM,
.hero-route .rutaVideoM a[class^=videoPoster]:hover .VPcontent,
.hero-route .rutaVideoM a[class^=videoPoster]:hover .VPcontentM {
  bottom: 38px;
}
.hero-route .rutaVideo a[class^=videoPoster]:hover div[class^=YTtitle],
.hero-route .rutaVideoM a[class^=videoPoster]:hover div[class^=YTtitle] {
  bottom: 0 !important;
}
.hero-route .rutaVideo a[class^=videoPoster]:hover .button,
.hero-route .rutaVideoM a[class^=videoPoster]:hover .button {
  right: calc(50% - 26.5px);
  top: 60px;
  width: 53px;
  height: 53px;
  border-radius: 18px;
}
.hero-route .rutaVideo a[class^=videoPoster]:hover .button .icon,
.hero-route .rutaVideoM a[class^=videoPoster]:hover .button .icon {
  font-size: 24px;
}
.hero-route .rutaVideo a[class^=videoPoster] .button,
.hero-route .rutaVideoM a[class^=videoPoster] .button {
  color: #ffffff;
  position: absolute;
  right: calc(50% - 39.5px);
  top: calc(50% - 39.5px);
  border: 2px solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 28px;
  width: 79px;
  height: 79px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.hero-route .rutaVideo a[class^=videoPoster] .button .icon,
.hero-route .rutaVideoM a[class^=videoPoster] .button .icon {
  font-size: 24px;
  position: absolute;
  top: calc(50% - 12.5px);
  left: calc(50% - 12.5px);
}
@media (max-width: 45rem) {
  .hero-route .rutaVideo a[class^=videoPoster] .button,
.hero-route .rutaVideoM a[class^=videoPoster] .button {
    border-radius: 28px;
    width: 79px;
    height: 79px;
  }
}
.hero-route .rutaVideo a[class^=videoPoster] .VPcontent,
.hero-route .rutaVideo a[class^=videoPoster] .VPcontentM,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontent,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontentM {
  position: absolute;
  padding: 0 16px;
  width: 100%;
  bottom: 16px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.hero-route .rutaVideo a[class^=videoPoster] .VPcontent .YTtitle,
.hero-route .rutaVideo a[class^=videoPoster] .VPcontent .YTtitleM,
.hero-route .rutaVideo a[class^=videoPoster] .VPcontentM .YTtitle,
.hero-route .rutaVideo a[class^=videoPoster] .VPcontentM .YTtitleM,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontent .YTtitle,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontent .YTtitleM,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontentM .YTtitle,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontentM .YTtitleM {
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 14px;
  color: #ffffff;
  -webkit-transition: all 1s;
  transition: all 1s;
  bottom: -150px;
  position: relative;
}
.hero-route .rutaVideo a[class^=videoPoster] .VPcontent .progressBox,
.hero-route .rutaVideo a[class^=videoPoster] .VPcontent .progressBoxM,
.hero-route .rutaVideo a[class^=videoPoster] .VPcontentM .progressBox,
.hero-route .rutaVideo a[class^=videoPoster] .VPcontentM .progressBoxM,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontent .progressBox,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontent .progressBoxM,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontentM .progressBox,
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontentM .progressBoxM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-route .rutaVideo a[class^=videoPoster] .VPcontent .progressBox div[class^=progressBar],
.hero-route .rutaVideo a[class^=videoPoster] .VPcontent .progressBoxM div[class^=progressBar],
.hero-route .rutaVideo a[class^=videoPoster] .VPcontentM .progressBox div[class^=progressBar],
.hero-route .rutaVideo a[class^=videoPoster] .VPcontentM .progressBoxM div[class^=progressBar],
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontent .progressBox div[class^=progressBar],
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontent .progressBoxM div[class^=progressBar],
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontentM .progressBox div[class^=progressBar],
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontentM .progressBoxM div[class^=progressBar] {
  height: 4px;
  background-color: #ffffff;
  margin-right: 16px;
  width: 100%;
  border-radius: 8px;
}
.hero-route .rutaVideo a[class^=videoPoster] .VPcontent .progressBox div[class^=durationBox],
.hero-route .rutaVideo a[class^=videoPoster] .VPcontent .progressBoxM div[class^=durationBox],
.hero-route .rutaVideo a[class^=videoPoster] .VPcontentM .progressBox div[class^=durationBox],
.hero-route .rutaVideo a[class^=videoPoster] .VPcontentM .progressBoxM div[class^=durationBox],
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontent .progressBox div[class^=durationBox],
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontent .progressBoxM div[class^=durationBox],
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontentM .progressBox div[class^=durationBox],
.hero-route .rutaVideoM a[class^=videoPoster] .VPcontentM .progressBoxM div[class^=durationBox] {
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
}
.hero-route .info-route-gene p {
  margin: 0;
}
.hero-route .info-route-gene .name-rute {
  margin-bottom: 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 64rem) {
  .hero-route .info-route-gene .name-rute {
    text-align: left;
    margin-bottom: 24px;
  }
}
.hero-route .info-route-gene .name-rute .icon {
  font-size: 16px;
  color: #016A7F !important;
  padding: 8px;
  background: #ffffff;
  border-radius: 4px;
  margin-right: 12px;
  height: 32px;
}
.hero-route .info-route-gene .title {
  margin-bottom: 24px;
  text-align: center;
  font-size: 29px;
  line-height: 40px;
}
@media (min-width: 64rem) {
  .hero-route .info-route-gene .title {
    text-align: left;
    margin-bottom: 40px;
    font-size: 43px;
    line-height: 56px;
    font-weight: 700;
  }
}
.hero-route .info-route-gene .info-route {
  display: inline-block;
  width: 100%;
  margin-bottom: 48px;
  text-align: center;
}
@media (min-width: 64rem) {
  .hero-route .info-route-gene .info-route {
    text-align: left;
    margin-bottom: 40px;
  }
}
.hero-route .info-route-gene .info-route .info-route-dis {
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto-Medium";
}
@media (min-width: 64rem) {
  .hero-route .info-route-gene .info-route .info-route-dis {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
  }
}
.hero-route .info-route-gene .info-route > p {
  margin-right: 32px;
  display: inline-block;
}
@media (min-width: 64rem) {
  .hero-route .info-route-gene .info-route > p {
    margin-right: 64px;
  }
}
.hero-route .info-route-gene .info-route > p:last-child {
  margin: 0;
}
.hero-route .info-route-gene .info-route span {
  display: block;
}
.hero-route .info-route-gene .description {
  margin-bottom: 32px;
}
.hero-route .info-route-gene .info-time p {
  margin-bottom: 8px;
}
.hero-route .info-route-gene .info-time p:last-child {
  margin: 0;
}
.hero-route .info-route-gene .pathRoute > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #016A7F !important;
}
.hero-route .info-route-gene .pathRoute > a .icon {
  font-size: 20px;
  color: #016A7F !important;
  margin-right: 12px;
}
.hero-route .imgs-mov {
  margin-bottom: 32px;
  width: calc(100% + 20px);
}
.hero-route .imgs-mov .slick-list {
  padding-right: 20px;
}
.hero-route .imgs-mov .block-img-single {
  padding-right: 8px;
}
.hero-route .imgs-mov picture {
  height: 249px;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  width: 100%;
}
.hero-route .imgs-mov picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-route .img-route {
  visibility: hidden;
  display: none;
}
@media (min-width: 64rem) {
  .hero-route .img-route {
    display: inline-block;
  }
}
.hero-route .img-route picture {
  border-radius: 8px;
  overflow: hidden;
  display: block;
}
.hero-route .img-route picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.hero-route .img-route picture img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.hero-route .img-route .row {
  margin: -12px 0;
}
.hero-route .img-route .block-img-single {
  padding: 0 12px 24px;
}
@media (min-width: 64rem) {
  .hero-route .img-route .block-img-single:nth-child(2n) {
    margin-top: 64px;
    margin-bottom: -64px;
  }
}
.hero-route .img-route .block-img-single.cuadra picture {
  width: 100%;
  height: 249px;
}
.hero-route .img-route .block-img-single.recta picture {
  width: 100%;
  height: 522px;
}
.hero-route .hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring {
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 16px;
}
@media (min-width: 64rem) {
  .hero-route .hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 40px;
  }
}
.hero-route .hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .desc {
  color: #464646;
  font-family: "Roboto-Medium";
}
.hero-route .hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .desc * {
  color: #464646;
  font-family: "Roboto-Medium";
}
.hero-route .hero-article .hero-article-image-component {
  position: relative;
}
.hero-route .block-maps {
  width: 476px;
  max-width: 476px;
  position: relative;
}
@media (min-width: 64rem) and (max-width: 90rem) {
  .hero-route .block-maps {
    height: 520px;
    position: absolute;
    right: 16px;
  }
}
@media (min-width: 64rem) {
  .hero-route .block-maps {
    width: 390px;
    max-width: 390px;
    padding: 0;
  }
}
.hero-route .block-maps .maps-ficha-component > p {
  display: none;
}
.hero-route .block-maps .maps-ficha-component .ampliMaps {
  position: absolute;
  bottom: 84px;
  right: 16px;
  color: #016A7F;
  padding: 4px 7px;
  background: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  display: none;
  font-size: 20px;
}
@media (min-width: 64rem) {
  .hero-route .block-maps .maps-ficha-component .ampliMaps {
    display: inline-block;
  }
}
.hero-route .block-maps .maps-ficha-component .closeMaps {
  position: fixed;
  top: 12px;
  left: 12px;
  color: #016A7F;
  padding: 7px;
  background: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  z-index: 100;
  line-height: 1;
  font-size: 20px;
  display: none;
}
.hero-route .block-maps .maps-ficha-component .pathRoute {
  display: none;
  width: 100%;
  position: fixed;
  z-index: 100;
  bottom: 32px;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-route .block-maps .maps-ficha-component .pathRoute a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 32px 11px;
  background: #ffffff;
  height: 56px;
  border-radius: 8px;
  color: #016A7F !important;
}
@media (min-width: 64rem) {
  .hero-route .block-maps .maps-ficha-component .pathRoute a {
    height: 48px;
  }
}
.hero-route .block-maps .maps-ficha-component .pathRoute a .icon {
  font-size: 20px;
  color: #016A7F !important;
  margin-right: 12px;
}
.hero-route .block-maps #maps-ficha {
  position: fixed;
  height: 520px;
  width: 100%;
  border-radius: 8px;
  visibility: hidden;
}
@media (min-width: 64rem) {
  .hero-route .block-maps #maps-ficha {
    position: absolute;
    visibility: visible;
  }
}
.hero-route .block-maps #maps-ficha .icon-rp-cross {
  position: relative;
}
.hero-route .block-maps #maps-ficha .icon-rp-cross:before {
  content: "";
  width: calc(100% + 6px);
  height: 1px;
  background: #DDDDDD;
  position: absolute;
  bottom: -6px;
  left: -3px;
}
.hero-route .block-maps #maps-ficha.fullScreem {
  position: fixed !important;
  z-index: 99;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
}
.hero-route .maps-img {
  position: relative;
  margin-bottom: 8px;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  display: inline-block;
}
@media (min-width: 64rem) {
  .hero-route .maps-img {
    display: none;
  }
}
.hero-route .maps-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
}
.hero-route .maps-img > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 160px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-route .maps-img > div a {
  width: auto;
}
.hero-route .maps-img .rp-btn-guia .rp-link-click {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.hero-article .hero-route .block-maps .maps-ficha-component .ampliMaps {
  display: none !important;
}

.hero-section-component * {
  margin-bottom: 0;
}
.hero-section-component .hero-section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 40px 0 48px;
  min-height: 22.8125rem;
}
@media screen and (width < 30rem) {
  .hero-section-component .hero-section__content {
    min-height: 16.6875rem;
  }
}
@media (min-width: 64rem) {
  .hero-section-component .hero-section__content {
    padding-bottom: 24px;
  }
}
.hero-section-component .hero-section__content, .hero-section-component .hero-section__info {
  position: relative;
}
.hero-section-component .hero-section__picture {
  position: absolute;
  inset: 0;
}
.hero-section-component .hero-section__picture::after {
  position: absolute;
  content: "";
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
}
.hero-section-component .hero-section__picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-section-component .hero-section__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5rem;
}
.hero-section-component .hero-section__social a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  color: #016A7F;
}
.hero-section-component .hero-section__social .icon {
  color: #016A7F;
}
.hero-section-component .hero-section__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
  padding-block: 80px;
  width: 100%;
}
.hero-section-component .hero-section__info * {
  color: #ffffff;
}
.hero-section-component .hero-section__info__title {
  position: relative;
}
.hero-section-component .hero-section__info__title::after {
  position: absolute;
  left: 0;
  top: 24px;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-hero-section.png?#");
}
.hero-section-component .hero-section__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
  background-color: #ffffff;
  margin-top: -40px;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
  border-radius: 8px;
  position: relative;
  z-index: 1;
}
@media (min-width: 64rem) {
  .hero-section-component .hero-section__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    gap: 24px;
  }
}
@media (min-width: 80rem) {
  .hero-section-component .hero-section__list {
    margin-inline: 60px;
  }
}
@media (min-width: 90rem) {
  .hero-section-component .hero-section__list {
    margin-inline: auto;
  }
}
.hero-section-component .hero-section__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.hero-section-component .hero-section__list__item img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .hero-section-component .hero-section__list__item img {
    width: 88px;
    height: 88px;
  }
}
.hero-section-component .hero-section__list__item .hero-section__list__item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (min-width: 64rem) {
  .hero-section-component .hero-section__list__item .hero-section__list__item__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    width: 124px;
    text-align: center;
  }
}
@media (min-width: 80rem) {
  .hero-section-component .hero-section__list__item .hero-section__list__item__info {
    width: 168px;
  }
}
@media (min-width: 90rem) {
  .hero-section-component .hero-section__list__item .hero-section__list__item__info {
    width: 182px;
  }
}
@media (min-width: 120rem) {
  .hero-section-component .hero-section__list__item .hero-section__list__item__info {
    width: 226px;
  }
}
.hero-section-component .hero-section__list__item .icon-rp {
  font-size: 20px;
  color: #016A7F;
}
@media (min-width: 64rem) {
  .hero-section-component .hero-section__list__item .icon-rp {
    display: none;
  }
}

.hero-section__centered {
  padding-block: 0;
}
.hero-section__centered .hero-section__info {
  text-align: center;
  padding: 0;
}
.hero-section__centered .hero-section__info .hero-section__info__title {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2rem;
  color: var(--gr-blue-guia);
  z-index: 1;
}
@media (min-width: 64rem) {
  .hero-section__centered .hero-section__info .hero-section__info__title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.hero-section__centered .hero-section__info .hero-section__info__title::after {
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/lazo.svg?#");
  position: absolute;
  left: 50%;
  top: 24px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
@media (min-width: 64rem) {
  .hero-section__centered .hero-section__info .hero-section__info__title::after {
    top: 32px;
  }
}
.hero-section__centered .hero-section__info .hero-section__info__subtitle {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: var(--gr-spacing--24);
  color: #727272;
}
.hero-section__centered .hero-section__info .hero-section__info__subtitle {
  margin-top: 0.5rem;
}
.hero-section__centered .hero-section__info .hero-section__social {
  margin-top: 1rem;
}
.hero-section__centered:has(.hero-section__picture) {
  padding: 0;
}
.hero-section__centered:has(.hero-section__picture) .hero-section__content {
  padding-inline: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 40px;
}
@media (min-width: 64rem) {
  .hero-section__centered:has(.hero-section__picture) .hero-section__content {
    row-gap: 52px;
  }
}
.hero-section__centered:has(.hero-section__picture) .hero-section__content .hero-section__picture-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero-section__centered:has(.hero-section__picture) .hero-section__content .hero-section__picture-wrapper::after {
  position: absolute;
  display: block;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/lazo-hero-tag.png?#");
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: 64px;
}
.hero-section__centered:has(.hero-section__picture) .hero-section__content .hero-section__picture-wrapper .hero-section__picture {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-section__centered:has(.hero-section__picture) .hero-section__content .hero-section__picture-wrapper .hero-section__picture::after {
  background-color: transparent;
}
.hero-section__centered:has(.hero-section__picture) .hero-section__content .hero-section__info {
  padding-block: 0;
  text-align: center;
}
.hero-section__centered:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__title {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2rem;
  color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .hero-section__centered:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.hero-section__centered:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__title::after {
  display: none;
}
.hero-section__centered:has(.hero-section__picture) .hero-section__content .hero-section__info .hero-section__info__subtitle {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #727272;
}

.hero-section-banner-component * {
  margin-bottom: 0;
}
.hero-section-banner-component .hero-section-banner__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 9.75rem;
  overflow: hidden;
  background-color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .hero-section-banner-component .hero-section-banner__content {
    min-height: 14rem;
  }
}
.hero-section-banner-component .hero-section-banner__picture-wrapper, .hero-section-banner-component .hero-section-banner__picture {
  position: absolute;
  inset: 0;
}
.hero-section-banner-component .hero-section-banner__picture::after {
  position: absolute;
  content: "";
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
}
.hero-section-banner-component .hero-section-banner__picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-section-banner-component .hero-section-banner__info {
  position: relative;
  z-index: 1;
  width: 100%;
}
.hero-section-banner-component .hero-section-banner__title {
  position: relative;
  display: inline-block;
  z-index: 1;
  color: #ffffff;
}
.hero-section-banner-component .hero-section-banner__title::after {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/lazo.svg?#");
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.hero-subsection {
  overflow: hidden;
}
@media (min-width: 64rem) {
  .hero-subsection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.hero-subsection-component {
  padding-bottom: 40px;
}
@media (min-width: 64rem) {
  .hero-subsection-component {
    padding-bottom: 0;
    height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.hero-subsection-component * {
  margin-bottom: 0;
}
.hero-subsection-component img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 64rem) {
  .hero-subsection-component .hero-subsection__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 24px;
  }
}
.hero-subsection-component .hero-subsection__image {
  width: 100%;
  display: block;
  height: 188px;
}
@media (min-width: 45rem) {
  .hero-subsection-component .hero-subsection__image {
    height: 366px;
  }
}
@media (min-width: 64rem) {
  .hero-subsection-component .hero-subsection__image {
    height: auto;
  }
}
.hero-subsection-component .hero-subsection__image .image {
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-subsection-component .hero-subsection__content, .hero-subsection-component .hero-subsection__interactions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding-top: 24px;
}
.hero-subsection-component .hero-subsection__content .rp-link, .hero-subsection-component .hero-subsection__interactions .rp-link {
  -ms-flex-item-align: center;
      align-self: center;
}
.hero-subsection-component .hero-subsection__content .rp-link.rp-btn-turquoise, .hero-subsection-component .hero-subsection__interactions .rp-link.rp-btn-turquoise {
  color: #016A7F;
  font-family: "Roboto-Regular";
}
@media (min-width: 45rem) {
  .hero-subsection-component .hero-subsection__content {
    padding-top: 48px;
  }
}
@media (min-width: 64rem) {
  .hero-subsection-component .hero-subsection__content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 41.666666%;
    max-width: 41.666666%;
    margin-inline: 0;
    padding: 0;
  }
}
.hero-subsection-component .hero-subsection__content__title {
  position: relative;
  z-index: 0;
  color: var(--gr-blue-guia);
}
.hero-subsection-component .hero-subsection__content__title::before {
  position: absolute;
  z-index: -1;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-hero-subsection.png?#");
  left: -10px;
  top: -16px;
}
@media (min-width: 64rem) {
  .hero-subsection-component .hero-subsection__content__title::before {
    left: -18px;
    top: -8px;
  }
}
.hero-subsection-component .hero-subsection__content__subtitle {
  color: #727272;
}
@media (min-width: 64rem) {
  .hero-subsection-component .hero-subsection__interactions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: 24px;
  }
}
@media (min-width: 64rem) {
  .hero-subsection-component .hero-subsection__interactions .rp-btn-guia {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

header.header-guia .submenu-guia-component {
  display: none !important;
}

.page-detail .hero__ficha {
  position: relative;
  background-color: #ffffff;
  /* Vectores */
  /* Assets (image/video) and information */
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 80px;
  background-color: #FFF8E0;
}
@media (min-width: 80rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE::before {
    height: 104px;
  }
}
.page-detail .hero__ficha .hero__ficha__vector {
  position: absolute;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__vector {
  -webkit-filter: invert(10%) sepia(34%) saturate(2670%) hue-rotate(204deg) brightness(92%) contrast(104%);
          filter: invert(10%) sepia(34%) saturate(2670%) hue-rotate(204deg) brightness(92%) contrast(104%);
}
.page-detail .hero__ficha.LUGARES .hero__ficha__vector {
  -webkit-filter: invert(70%) sepia(86%) saturate(737%) hue-rotate(358deg) brightness(101%) contrast(103%);
          filter: invert(70%) sepia(86%) saturate(737%) hue-rotate(358deg) brightness(101%) contrast(103%);
}
.page-detail .hero__ficha.ESTACION_DE_SERVICIO .hero__ficha__vector {
  -webkit-filter: invert(64%) sepia(68%) saturate(4640%) hue-rotate(1deg) brightness(104%) contrast(106%);
          filter: invert(64%) sepia(68%) saturate(4640%) hue-rotate(1deg) brightness(104%) contrast(106%);
}
.page-detail .hero__ficha.CONTENIDO_ANTIGUO .hero__ficha__vector {
  -webkit-filter: invert(21%) sepia(1%) saturate(858%) hue-rotate(324deg) brightness(99%) contrast(77%);
          filter: invert(21%) sepia(1%) saturate(858%) hue-rotate(324deg) brightness(99%) contrast(77%);
}
.page-detail .hero__ficha.withImages .hero__ficha__vector {
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-ficha-images.svg?#");
  background-position: bottom;
  aspect-ratio: 20/5;
}
.page-detail .hero__ficha.withoutImages .hero__ficha__vector {
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-ficha.svg?#");
  aspect-ratio: 25/2;
}
.page-detail .hero__ficha.withoutImages .hero__ficha__container {
  padding-top: 48px;
}
.page-detail .hero__ficha .hero__ficha__container {
  padding-top: 16px;
  /* Imágenes y video */
  /* Información destacada de la ficha */
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets {
  position: relative;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image,
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: 4/3;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image img,
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image .guia-video-content,
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image .guia-video-content .videoPoster,
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video img,
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content,
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content {
  position: relative;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videCont {
  height: 365px;
  display: none;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videCont iframe#guia-video {
  border-radius: 8px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster .rp-btn-guia {
  width: 56px;
  height: 56px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster .rp-btn-guia .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-size: 1.25rem;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster .rp-btn-guia .icon::before {
  font-size: 1.25rem;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster .rp-btn-guia .icon img {
  width: 100%;
  height: 100%;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery,
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__current {
  display: none;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__current {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 46px;
  padding: 4px 8px;
  color: #ffffff;
  background-color: #464646;
  border-radius: 4px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__current.hero__assets__current--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content {
  position: relative;
  padding-top: 24px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info:not(.hero__ficha__info--withoutTags) {
  margin-bottom: 24px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info.hero__ficha__info--withoutTags .hero__ficha__main.withoutImage {
  max-width: calc(100% - 72px);
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .title {
  margin-bottom: 12px;
  color: var(--gr-blue-guia);
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .localitate {
  color: #727272;
  letter-spacing: normal;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .localitate,
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .description,
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-hr-closed {
  margin-bottom: 0;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-hr-closed {
  margin-top: 12px;
  color: #E4002B;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link {
  color: #016A7F;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link:hover {
  opacity: 0.75;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link:active {
  opacity: 0.5;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link:disabled, .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link.btn-disabled {
  opacity: 0.3;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link:focus {
  border-color: #9CD1FF;
  outline: 0;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link:not(.rp-link-location) {
  position: absolute;
  bottom: -56px;
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link:not(.rp-link-location) {
    position: static;
    margin-top: 24px;
  }
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 0.875rem;
  margin-right: 8px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link .icon::before {
  font-size: 0.875rem;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link .icon img {
  width: 100%;
  height: 100%;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__tag--antiguo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  margin-bottom: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
  background-color: #464646;
  border-radius: 4px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 56px;
  padding: 12px 16px;
  gap: 12px;
  border-radius: 8px;
  background-color: var(--gr-blue-guia);
  font-family: "Repsol-Regular";
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data {
  color: #ffffff;
}
@media (min-width: 30rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge {
    width: 200px;
  }
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-size: 1.25rem;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon::before {
  font-size: 1.25rem;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon img {
  width: 100%;
  height: 100%;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Repsol-Regular";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.75rem;
  letter-spacing: -0.5px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data .badge__category {
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: "Repsol-Regular";
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__date {
  margin-left: 8px;
  letter-spacing: 0;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 56px;
  width: 56px;
  max-width: 56px;
  min-height: 56px;
  height: 56px;
  max-height: 56px;
  font-size: 32px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px 0px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px 0px rgba(0, 0, 0, 0.02);
  color: var(--gr-blue-guia);
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon::before {
  font-size: 32px;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon img {
  width: 100%;
  height: 100%;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
  font-size: 1.75rem;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon .icon::before {
  font-size: 1.75rem;
}
.page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon .icon img {
  width: 100%;
  height: 100%;
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__assets .hero__assets .video__container,
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image {
    width: 50%;
  }
  .page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__assets .hero__assets__gallery--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__info--withoutTags {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    gap: 32px;
  }
}
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction {
  position: absolute;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction:not(.hero__ficha__interaction--localidad) {
  bottom: 0;
  right: 0;
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction:not(.hero__ficha__interaction--localidad) {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 32px;
  }
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction:not(.hero__ficha__interaction--localidad) {
    margin-top: 0;
  }
}
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction.hero__ficha__interaction--localidad {
  top: -32px;
  right: 12px;
}
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction.hero__ficha__interaction--localidad.withoutImage {
  top: 16px;
  right: 0;
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 48px;
  }
}
@media (min-width: 80rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container {
    padding-top: 56px;
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets {
  padding-inline: 0;
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 8px;
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: auto;
  margin-right: -20px;
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets {
    margin-right: -176px;
  }
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets {
    margin-right: 0;
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets::-webkit-scrollbar {
  display: none;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child),
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:not(:only-child) {
  min-width: calc(100% - 48px);
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):not(:first-of-type),
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:not(:only-child):not(:first-of-type) {
  padding-left: 16px;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):last-of-type,
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:not(:only-child):last-of-type {
  margin-right: 20px;
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child),
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:not(:only-child) {
    min-width: calc(50% - 96px);
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image,
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container {
    max-width: calc(50% - 8px);
  }
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image,
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container {
    min-width: 100%;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):not(:first-of-type) {
    padding-left: 0;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):last-of-type {
    margin-right: 168px;
  }
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):last-of-type {
    margin-right: auto;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child) {
    min-width: calc(50% - 96px);
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:only-child {
  min-width: calc(100% - 20px);
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:only-child {
    min-width: calc(50% - 96px);
  }
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:only-child {
    min-width: 100%;
  }
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets__gallery--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro {
  position: relative;
  top: -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 80px;
  width: 80px;
  max-width: 80px;
  min-height: 80px;
  height: 80px;
  max-height: 80px;
  font-size: 80px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1.54px 6.15px -1.54px rgba(0, 0, 0, 0.14), 0px -0.77px 3.08px -3.08px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 1.54px 6.15px -1.54px rgba(0, 0, 0, 0.14), 0px -0.77px 3.08px -3.08px rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro::before {
  font-size: 80px;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 96px;
    width: 96px;
    max-width: 96px;
    min-height: 96px;
    height: 96px;
    max-height: 96px;
    font-size: 96px;
  }
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro::before {
    font-size: 96px;
  }
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro img {
    width: 100%;
    height: 100%;
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3.5rem;
  width: 3.5rem;
  max-width: 3.5rem;
  min-height: 3.5rem;
  height: 3.5rem;
  max-height: 3.5rem;
  font-size: 3.5rem;
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp::before {
  font-size: 3.5rem;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp img {
  width: 100%;
  height: 100%;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.RESTAURANTE, .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg");
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 14px;
  margin-bottom: 16px;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 0.875rem;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing .icon-rp::before {
  font-size: 0.875rem;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing .icon-rp img {
  width: 100%;
  height: 100%;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-block: 12px 0;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 1rem;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .icon::before {
  font-size: 1rem;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .icon img {
  width: 100%;
  height: 100%;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .info {
  color: #727272;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 24px;
  padding: 16px;
  background-color: #FFF8E0;
  border-radius: 8px;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__label,
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__author-type {
  color: #464646;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__text,
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__author-name {
  color: #000000;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__authors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  font-size: 40px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #ffffff;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar::before {
  font-size: 40px;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar img {
  width: 100%;
  height: 100%;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar .icon-rp {
  color: var(--gr-blue-guia);
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hero__ficha--favorite-quote .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing {
  display: none;
}
.hero__ficha--favorite-quote .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 16px;
  padding: 6px 10px;
  border-radius: 100px;
  background-color: #FFC800;
}
.hero__ficha--favorite-quote .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .info {
  color: #000000;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction {
  margin-top: 32px;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 12px 32px;
  width: -webkit-fill-available;
  width: -moz-available;
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--save {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 192px;
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--save.text--show .text {
  display: block !important;
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--share {
  width: 48px;
  height: 48px;
  padding: 12px;
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE.withImages .hero__ficha__container .hero__ficha__content {
    padding-top: 0;
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE.withImages .hero__ficha__container .hero__ficha__content .hero__ficha__micro {
  display: none;
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE.withImages .hero__ficha__container .hero__ficha__content .hero__ficha__micro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE.withoutImages .hero__ficha__container .hero__ficha__content {
  padding-top: 0;
}
@media (min-width: 64rem) {
  .page-detail .hero__ficha.RESTAURANTE_SOLETE.withoutImages .hero__ficha__container .hero__ficha__content {
    max-width: calc(58.33333% - 40px);
  }
}
.page-detail .hero__ficha.RESTAURANTE_SOLETE.withoutImages .hero__ficha__container .hero__ficha__content .hero__ficha__micro {
  margin-bottom: 24px;
}
.page-detail .hero__ficha .hero__ficha__tags {
  background-color: #f8f8f8;
  margin-top: 32px;
}
.page-detail .hero__ficha .hero__ficha__tags.margin--plus {
  margin-top: 88px;
}
.page-detail .hero__ficha .hero__ficha__tags.hero__ficha__tags--empty .tag__list {
  padding-block: 12px;
}
.page-detail .hero__ficha .hero__ficha__tags .tag__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  margin-right: 0;
  margin-bottom: 0;
  list-style: none;
  overflow: auto;
  gap: 8px;
}
.page-detail .hero__ficha .hero__ficha__tags .tag__list::-webkit-scrollbar {
  display: none;
}
.page-detail .hero__ficha .hero__ficha__tags .tag__list .tag__item__list {
  padding: 4px 8px;
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.0025em;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  white-space: nowrap;
}
.page-detail .hero__ficha .hero__ficha__tags .tag__list .tag__item__list:last-of-type {
  margin-right: 20px;
}

@media (min-width: 45rem) {
  .page-detail .hero__ficha {
    /* Tags */
  }
}
@media (min-width: 45rem) and (min-width: 120rem) {
  .page-detail .hero__ficha.withImages .hero__ficha__vector {
    max-height: 495px;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-detail .hero__ficha.withoutImages .hero__ficha__vector {
    max-height: 73px;
  }
  .page-detail .hero__ficha.withoutImages.RESTAURANTE_RECOMENDADO .hero__ficha__container {
    padding-top: 60px;
  }
  .page-detail .hero__ficha.withoutImages.RESTAURANTE_SOLETE .hero__ficha__container {
    padding-top: 40px;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) and (min-width: 80rem) {
  .page-detail .hero__ficha.withoutImages.RESTAURANTE_SOLETE .hero__ficha__container {
    padding-top: 56px;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container {
    padding-top: 40px;
    /* Images and video */
    /* Info */
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets {
    gap: 24px;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .video__container .rp-btn-guia {
    min-width: auto;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image {
    cursor: pointer;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: none;
    width: 222px;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 20px;
    width: 20px;
    max-width: 20px;
    min-height: 20px;
    height: 20px;
    max-height: 20px;
    font-size: 1.125rem;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery .icon::before {
    font-size: 1.125rem;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery .icon img {
    width: 100%;
    height: 100%;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery .rp-btn-text {
    font-size: 14px;
    letter-spacing: 0.025px;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__current.hero__assets__current--show {
    display: none;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info:not(.hero__ficha__info--withoutTags) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info:not(.hero__ficha__info--withoutTags) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    gap: 32px;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__main {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__main.hero__ficha__main--antiguo {
    margin-top: -40px;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction {
    position: relative;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--save {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    height: 204px;
    padding: 28px 24px;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 72px;
    width: 72px;
    max-width: 72px;
    min-height: 72px;
    height: 72px;
    max-height: 72px;
    font-size: 72px;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon::before {
    font-size: 72px;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon img {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge {
    position: relative;
    z-index: 5;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon {
    margin-bottom: 24px;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data {
    font-size: 1rem;
    text-align: center;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data .badge__category {
    margin-bottom: 8px;
    font-size: "Repsol-Regular";
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data .badge__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-detail .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data .badge__text .badge__date {
    margin-left: 0;
    margin-top: 8px;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha.CONTENIDO_ANTIGUO .hero__ficha__container .hero__ficha__content {
    padding-top: 80px;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__tags,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus {
    margin-top: 40px;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-detail .hero__ficha .hero__ficha__tags.tags__restaurante,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus.tags__restaurante {
    position: relative;
    margin-top: -48px;
  }
  .page-detail .hero__ficha .hero__ficha__tags.tags__restaurante.position__tags,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus.tags__restaurante.position__tags {
    margin-top: 40px;
  }
}
@media (min-width: 45rem) and (min-width: 80rem) {
  .page-detail .hero__ficha .hero__ficha__tags.tags__restaurante .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus.tags__restaurante .tag__list.container-fluid-12-columns {
    margin-left: 268px;
  }
}
@media (min-width: 45rem) and (min-width: 90rem) {
  .page-detail .hero__ficha .hero__ficha__tags.tags__restaurante .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus.tags__restaurante .tag__list.container-fluid-12-columns {
    margin-left: auto;
  }
}
@media (min-width: 45rem) and (min-width: 80rem) {
  .page-detail .hero__ficha .hero__ficha__tags:not(.tags__restaurante) .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus:not(.tags__restaurante) .tag__list.container-fluid-12-columns {
    padding-inline: 60px;
  }
}
@media (min-width: 45rem) and (min-width: 90rem) {
  .page-detail .hero__ficha .hero__ficha__tags:not(.tags__restaurante) .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus:not(.tags__restaurante) .tag__list.container-fluid-12-columns {
    padding-inline: 0;
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__tags .tag__list,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list {
    margin-right: auto;
  }
  .page-detail .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: 648px;
  }
}
@media (min-width: 45rem) and (min-width: 721px) {
  .page-detail .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: calc(43rem - 18px);
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-detail .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: calc(58.5rem - 20px);
  }
}
@media (min-width: 45rem) and (min-width: 80rem) {
  .page-detail .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: 100%;
  }
}
@media (min-width: 45rem) and (min-width: 90rem) {
  .page-detail .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: calc(78rem - 20px);
  }
}
@media (min-width: 45rem) and (min-width: 120rem) {
  .page-detail .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: calc(94rem - 20px);
  }
}
@media (min-width: 45rem) {
  .page-detail .hero__ficha .hero__ficha__tags .tag__list .tag__item__list .tag__item__link:hover,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list .tag__item__list .tag__item__link:hover {
    color: #757575;
  }
  .page-detail .hero__ficha .hero__ficha__tags .tag__list .tag__item__list .tag__item__link:active,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list .tag__item__list .tag__item__link:active {
    color: #464646;
  }
  .page-detail .hero__ficha .hero__ficha__tags .tag__list .tag__item__list .tag__item__link:disabled,
.page-detail .hero__ficha .hero__ficha__tags.margin--plus .tag__list .tag__item__list .tag__item__link:disabled {
    color: #AAAAAA;
    border-color: #AAAAAA;
  }
}
/* Ficha Localidad */
.page-ficha .hero__ficha {
  position: relative;
  background-color: #ffffff;
  /* Vectores */
  /* Assets (image/video) and information */
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 80px;
  background-color: #FFF8E0;
}
@media (min-width: 80rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE::before {
    height: 104px;
  }
}
.page-ficha .hero__ficha .hero__ficha__vector {
  position: absolute;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-ficha .hero__ficha.LUGARES .hero__ficha__vector {
  -webkit-filter: invert(70%) sepia(86%) saturate(737%) hue-rotate(358deg) brightness(101%) contrast(103%);
          filter: invert(70%) sepia(86%) saturate(737%) hue-rotate(358deg) brightness(101%) contrast(103%);
}
.page-ficha .hero__ficha.ESTACION_DE_SERVICIO .hero__ficha__vector {
  -webkit-filter: invert(64%) sepia(68%) saturate(4640%) hue-rotate(1deg) brightness(104%) contrast(106%);
          filter: invert(64%) sepia(68%) saturate(4640%) hue-rotate(1deg) brightness(104%) contrast(106%);
}
.page-ficha .hero__ficha.withImages .hero__ficha__vector {
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-ficha-images.svg");
  background-position: bottom;
  aspect-ratio: 20/5;
}
.page-ficha .hero__ficha.withoutImages .hero__ficha__vector {
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-ficha.svg");
  aspect-ratio: 25/2;
}
.page-ficha .hero__ficha.withoutImages .hero__ficha__container {
  padding-top: 48px;
}
.page-ficha .hero__ficha .hero__ficha__container {
  padding-top: 16px;
  /* Imágenes y video */
  /* Información destacada de la ficha */
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets {
  position: relative;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image,
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: 4/3;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image img,
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image .guia-video-content,
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image .guia-video-content .videoPoster,
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video img,
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content,
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content {
  position: relative;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videCont {
  height: 365px;
  display: none;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videCont iframe#guia-video {
  border-radius: 8px;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster .rp-btn-guia {
  width: 56px;
  height: 56px;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster .rp-btn-guia .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster .rp-btn-guia .icon::before {
  font-size: 1.25rem;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .videoPoster .rp-btn-guia .icon img {
  width: 100%;
  height: 100%;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery,
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__current {
  display: none;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__current {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 46px;
  padding: 4px 8px;
  color: #ffffff;
  background-color: #464646;
  border-radius: 4px;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__current.hero__assets__current--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content {
  position: relative;
  padding-top: 24px;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info:not(.hero__ficha__info--withoutTags) {
  margin-bottom: 24px;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info.hero__ficha__info--withoutTags .hero__ficha__main.withoutImage {
  max-width: calc(100% - 72px);
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .title {
  margin-bottom: 12px;
  color: var(--gr-blue-guia);
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .localitate {
  color: #727272;
  letter-spacing: normal;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .localitate,
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .description,
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-hr-closed {
  margin-bottom: 0;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-hr-closed {
  margin-top: 12px;
  color: #E4002B;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link:not(.rp-link-location) {
  position: absolute;
  bottom: -56px;
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link:not(.rp-link-location) {
    position: static;
    margin-top: 24px;
  }
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 0.875rem;
  margin-right: 8px;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link .icon::before {
  font-size: 0.875rem;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .rp-link .icon img {
  width: 100%;
  height: 100%;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--save {
  display: none;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__tag--antiguo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  margin-bottom: 12px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #ffffff;
  background-color: #464646;
  border-radius: 4px;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 56px;
  padding: 12px 16px;
  gap: 12px;
  border-radius: 8px;
  background-color: var(--gr-blue-guia);
  font-family: "Repsol-Regular";
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data {
  color: #ffffff;
}
@media (min-width: 30rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge {
    width: 200px;
  }
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon::before {
  font-size: 1.25rem;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon img {
  width: 100%;
  height: 100%;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Repsol-Regular";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.75rem;
  letter-spacing: -0.5px;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data .badge__category {
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: "Repsol-Regular";
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__date {
  margin-left: 8px;
  letter-spacing: 0;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3.5rem;
  width: 3.5rem;
  max-width: 3.5rem;
  min-height: 3.5rem;
  height: 3.5rem;
  max-height: 3.5rem;
  font-size: 2rem;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px 0px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px 0px rgba(0, 0, 0, 0.02);
  color: var(--gr-blue-guia);
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon::before {
  font-size: 2rem;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon img {
  width: 100%;
  height: 100%;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 2rem;
  width: 2rem;
  max-width: 2rem;
  min-height: 2rem;
  height: 2rem;
  max-height: 2rem;
  font-size: 1.75rem;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon .icon::before {
  font-size: 1.75rem;
}
.page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__icon .icon img {
  width: 100%;
  height: 100%;
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__assets .hero__assets .video__container,
.page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image {
    width: 50%;
  }
  .page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__assets .hero__assets__gallery--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__info--withoutTags {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    gap: 32px;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction {
  position: absolute;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction:not(.hero__ficha__interaction--localidad) {
  bottom: 0;
  right: 0;
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction:not(.hero__ficha__interaction--localidad) {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 32px;
  }
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction:not(.hero__ficha__interaction--localidad) {
    margin-top: 0;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction.hero__ficha__interaction--localidad {
  top: -32px;
  right: 12px;
}
.page-ficha .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__content .hero__ficha__interaction.hero__ficha__interaction--localidad.withoutImage {
  top: 16px;
  right: 0;
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 48px;
  }
}
@media (min-width: 80rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container {
    padding-top: 56px;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets {
  padding-inline: 0;
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 8px;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: auto;
  margin-right: -20px;
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets {
    margin-right: -176px;
  }
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets {
    margin-right: 0;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets::-webkit-scrollbar {
  display: none;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child),
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:not(:only-child) {
  min-width: calc(100% - 48px);
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):not(:first-of-type),
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:not(:only-child):not(:first-of-type) {
  padding-left: 16px;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):last-of-type,
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:not(:only-child):last-of-type {
  margin-right: 20px;
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child),
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:not(:only-child) {
    min-width: calc(50% - 96px);
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image,
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container {
    max-width: calc(50% - 8px);
  }
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image,
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container {
    min-width: 100%;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):not(:first-of-type) {
    padding-left: 0;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):last-of-type {
    margin-right: 168px;
  }
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child):last-of-type {
    margin-right: auto;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image:not(:only-child) {
    min-width: calc(50% - 96px);
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:only-child {
  min-width: calc(100% - 20px);
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:only-child {
    min-width: calc(50% - 96px);
  }
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets .video__container:only-child {
    min-width: 100%;
  }
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__assets .hero__assets__gallery--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro {
  position: relative;
  top: -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 80px;
  width: 80px;
  max-width: 80px;
  min-height: 80px;
  height: 80px;
  max-height: 80px;
  font-size: 80px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1.54px 6.15px -1.54px rgba(0, 0, 0, 0.14), 0px -0.77px 3.08px -3.08px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 1.54px 6.15px -1.54px rgba(0, 0, 0, 0.14), 0px -0.77px 3.08px -3.08px rgba(0, 0, 0, 0.02);
  border-radius: 50%;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro::before {
  font-size: 80px;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 96px;
    width: 96px;
    max-width: 96px;
    min-height: 96px;
    height: 96px;
    max-height: 96px;
    font-size: 96px;
  }
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro::before {
    font-size: 96px;
  }
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro img {
    width: 100%;
    height: 100%;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3.5rem;
  width: 3.5rem;
  max-width: 3.5rem;
  min-height: 3.5rem;
  height: 3.5rem;
  max-height: 3.5rem;
  font-size: 3.5rem;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp::before {
  font-size: 3.5rem;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp img {
  width: 100%;
  height: 100%;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__micro .icon-rp.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg");
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 14px;
  margin-bottom: 16px;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 0.875rem;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing .icon-rp::before {
  font-size: 0.875rem;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing .icon-rp img {
  width: 100%;
  height: 100%;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-block: 12px 0;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 1rem;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .icon::before {
  font-size: 1rem;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .icon img {
  width: 100%;
  height: 100%;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .info {
  color: #727272;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 24px;
  padding: 16px;
  background-color: #FFF8E0;
  border-radius: 8px;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__label,
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__author-type {
  color: #464646;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__text,
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__author-name {
  color: #000000;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__authors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  font-size: 40px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #ffffff;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar::before {
  font-size: 40px;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar img {
  width: 100%;
  height: 100%;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__avatar .icon-rp {
  color: var(--gr-blue-guia);
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__favorite-quote .favorite-quote__author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hero__ficha--favorite-quote .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__campaing {
  display: none;
}
.hero__ficha--favorite-quote .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 16px;
  padding: 6px 10px;
  border-radius: 100px;
  background-color: #FFC800;
}
.hero__ficha--favorite-quote .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .calification .info {
  color: #000000;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction {
  margin-top: 32px;
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  width: -webkit-fill-available;
  width: -moz-available;
  padding: 12px 32px;
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--save {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 192px;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--share {
  width: 48px;
  height: 48px;
  padding: 12px;
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE.withImages .hero__ficha__container .hero__ficha__content {
    padding-top: 0;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE.withImages .hero__ficha__container .hero__ficha__content .hero__ficha__micro {
  display: none;
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE.withImages .hero__ficha__container .hero__ficha__content .hero__ficha__micro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE.withoutImages .hero__ficha__container .hero__ficha__content {
  padding-top: 0;
}
@media (min-width: 64rem) {
  .page-ficha .hero__ficha.RESTAURANTE_SOLETE.withoutImages .hero__ficha__container .hero__ficha__content {
    max-width: calc(58.33333% - 40px);
  }
}
.page-ficha .hero__ficha.RESTAURANTE_SOLETE.withoutImages .hero__ficha__container .hero__ficha__content .hero__ficha__micro {
  margin-bottom: 24px;
}
.page-ficha .hero__ficha .hero__ficha__tags {
  background-color: #f8f8f8;
  margin-top: 32px;
}
.page-ficha .hero__ficha .hero__ficha__tags.margin--plus {
  margin-top: 88px;
}
.page-ficha .hero__ficha .hero__ficha__tags.hero__ficha__tags--empty .tag__list {
  padding-block: 12px;
}
.page-ficha .hero__ficha .hero__ficha__tags .tag__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  margin-right: 0;
  margin-bottom: 0;
  list-style: none;
  overflow: auto;
  gap: 8px;
}
.page-ficha .hero__ficha .hero__ficha__tags .tag__list::-webkit-scrollbar {
  display: none;
}
.page-ficha .hero__ficha .hero__ficha__tags .tag__list .tag__item__list {
  padding: 4px 8px;
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.0025em;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  white-space: nowrap;
}
.page-ficha .hero__ficha .hero__ficha__tags .tag__list .tag__item__list:last-of-type {
  margin-right: 20px;
}

.page-ficha:has(.hero__ficha.RESTAURANTE_SOLETE.hero__ficha--favorite-quote) .description.section .description-component--solete,
.page-ficha:has(.hero__ficha.RESTAURANTE_SOLETE.hero__ficha--favorite-quote) .description.section:has(.description-component--solete),
.page-detail:has(.hero__ficha.RESTAURANTE_SOLETE.hero__ficha--favorite-quote) .description.section .description-component--solete,
.page-detail:has(.hero__ficha.RESTAURANTE_SOLETE.hero__ficha--favorite-quote) .description.section:has(.description-component--solete) {
  display: none;
}

@media (min-width: 45rem) {
  .page-ficha .hero__ficha {
    /* Tags */
  }
}
@media (min-width: 45rem) and (min-width: 120rem) {
  .page-ficha .hero__ficha.withImages .hero__ficha__vector {
    max-height: 495px;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-ficha .hero__ficha.withoutImages .hero__ficha__vector {
    max-height: 73px;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container {
    padding-top: 40px;
    /* Images and video */
    /* Info */
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets {
    gap: 24px;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .video__container .rp-btn-guia {
    min-width: auto;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets .hero__ficha__image {
    cursor: pointer;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: none;
    width: 222px;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 1.25rem;
    width: 1.25rem;
    max-width: 1.25rem;
    min-height: 1.25rem;
    height: 1.25rem;
    max-height: 1.25rem;
    font-size: 1.125rem;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery .icon::before {
    font-size: 1.125rem;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery .icon img {
    width: 100%;
    height: 100%;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__gallery .rp-btn-text {
    font-size: 14px;
    letter-spacing: 0.025px;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__assets .hero__assets__current.hero__assets__current--show {
    display: none;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info:not(.hero__ficha__info--withoutTags) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info:not(.hero__ficha__info--withoutTags) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    gap: 32px;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__main {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__main.hero__ficha__main--antiguo {
    margin-top: -40px;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction {
    position: static;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__info .hero__ficha__interaction .rp-btn-guia--save {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    height: 204px;
    padding: 28px 24px;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 72px;
    width: 72px;
    max-width: 72px;
    min-height: 72px;
    height: 72px;
    max-height: 72px;
    font-size: 72px;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon::before {
    font-size: 72px;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon img {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge {
    position: relative;
    z-index: 5;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__icon {
    margin-bottom: 24px;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data {
    font-size: 1rem;
    text-align: center;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data .badge__category {
    margin-bottom: 8px;
    font-size: "Repsol-Regular";
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data .badge__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-ficha .hero__ficha .hero__ficha__container .hero__ficha__content .hero__ficha__badge .badge__data .badge__text .badge__date {
    margin-left: 0;
    margin-top: 8px;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__tags, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus {
    margin-top: 40px;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-ficha .hero__ficha .hero__ficha__tags.tags__restaurante, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus.tags__restaurante {
    position: relative;
    margin-top: -48px;
  }
  .page-ficha .hero__ficha .hero__ficha__tags.tags__restaurante.position__tags, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus.tags__restaurante.position__tags {
    margin-top: 40px;
  }
}
@media (min-width: 45rem) and (min-width: 80rem) {
  .page-ficha .hero__ficha .hero__ficha__tags.tags__restaurante .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus.tags__restaurante .tag__list.container-fluid-12-columns {
    margin-left: 268px;
  }
}
@media (min-width: 45rem) and (min-width: 90rem) {
  .page-ficha .hero__ficha .hero__ficha__tags.tags__restaurante .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus.tags__restaurante .tag__list.container-fluid-12-columns {
    margin-left: auto;
  }
}
@media (min-width: 45rem) and (min-width: 80rem) {
  .page-ficha .hero__ficha .hero__ficha__tags:not(.tags__restaurante) .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus:not(.tags__restaurante) .tag__list.container-fluid-12-columns {
    padding-inline: 60px;
  }
}
@media (min-width: 45rem) and (min-width: 90rem) {
  .page-ficha .hero__ficha .hero__ficha__tags:not(.tags__restaurante) .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus:not(.tags__restaurante) .tag__list.container-fluid-12-columns {
    padding-inline: 0;
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list {
    margin-right: auto;
  }
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: 648px;
  }
}
@media (min-width: 45rem) and (min-width: 721px) {
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: calc(43rem - 18px);
  }
}
@media (min-width: 45rem) and (min-width: 64rem) {
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: calc(58.5rem - 20px);
  }
}
@media (min-width: 45rem) and (min-width: 80rem) {
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: 100%;
  }
}
@media (min-width: 45rem) and (min-width: 90rem) {
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: calc(78rem - 20px);
  }
}
@media (min-width: 45rem) and (min-width: 120rem) {
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list.container-fluid-12-columns, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list.container-fluid-12-columns {
    max-width: calc(94rem - 20px);
  }
}
@media (min-width: 45rem) {
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list .tag__item__list .tag__item__link:hover, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list .tag__item__list .tag__item__link:hover {
    color: #757575;
  }
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list .tag__item__list .tag__item__link:active, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list .tag__item__list .tag__item__link:active {
    color: #464646;
  }
  .page-ficha .hero__ficha .hero__ficha__tags .tag__list .tag__item__list .tag__item__link:disabled, .page-ficha .hero__ficha .hero__ficha__tags.margin--plus .tag__list .tag__item__list .tag__item__link:disabled {
    color: #AAAAAA;
    border-color: #AAAAAA;
  }
}
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__content .hero__ficha__badge--recomendado {
  background-color: var(--gr-color-surface-yellow, #FCB300);
}
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__content .hero__ficha__badge--recomendado .badge__data, .page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__content .hero__ficha__badge--recomendado .badge__category, .page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__content .hero__ficha__badge--recomendado .badge__date {
  color: var(--gr-blue-guia);
}
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__content .hero__ficha__badge--recomendado .badge__data .badge__category {
  text-transform: none;
  font-weight: 400;
}
.page-detail .hero__ficha.RESTAURANTE_RECOMENDADO .hero__ficha__container .hero__ficha__content .hero__ficha__badge--recomendado .badge__date {
  margin-left: 0;
}

.imgCounter {
  position: relative;
  left: -20px;
  width: calc(100% + 45px);
}
@media (min-width: 45rem) {
  .imgCounter {
    left: 0;
    width: 100%;
    padding: 0 4px;
  }
}
@media (min-width: 64rem) {
  .imgCounter img {
    cursor: pointer;
  }
}

.image-article-component .imgCounter picture,
.image-article-component .imgCounter img {
  min-height: 260px;
}
@media (min-width: 768px) {
  .image-article-component .imgCounter picture,
.image-article-component .imgCounter img {
    min-height: 489px;
  }
}
@media (min-width: 1024px) {
  .image-article-component .imgCounter picture,
.image-article-component .imgCounter img {
    min-height: 412px;
  }
}
@media (min-width: 1440px) {
  .image-article-component .imgCounter picture,
.image-article-component .imgCounter img {
    min-height: 551px;
  }
}
@media (min-width: 1900px) {
  .image-article-component .imgCounter picture,
.image-article-component .imgCounter img {
    min-height: 665px;
  }
}
.image-article-component .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.image-article-component.rp-img-auto-height .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.image-article-component.rp-img-auto-height img {
  height: auto;
}
@media (min-width: 1440px) {
  .image-article-component.rp-img-auto-height img {
    min-height: 487px;
  }
}
.image-article-component img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-article-component .rp-caption {
  margin-top: 12px;
  margin-bottom: 16px;
  text-align: center;
  color: #757575;
}
.image-article-component .rp-caption .rp-description,
.image-article-component .rp-caption .rp-description * {
  color: #757575;
}
@media (min-width: 64rem) {
  .image-article-component .rp-caption {
    margin-bottom: 24px;
  }
}

.mosaico-img-component .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1440px) {
  .mosaico-img-component .row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 0;
  }
}
.mosaico-img-component .img {
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .mosaico-img-component .img {
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .mosaico-img-component .img {
    padding: 0 15px;
  }
  .mosaico-img-component .img:first-of-type {
    padding-left: 0;
  }
  .mosaico-img-component .img:last-of-type {
    padding-right: 8px;
  }
}
.mosaico-img-component .img:last-child {
  margin-bottom: 0;
}
.mosaico-img-component.rp-two-img .image-article-component.rp-img-auto-height img {
  height: auto;
}
@media (min-width: 64rem) {
  .mosaico-img-component.rp-two-img .image-article-component img {
    min-height: 264px;
  }
}
.mosaico-img-component.rp-three-img .image-article-component.rp-img-auto-height img {
  height: auto;
}
@media (min-width: 64rem) {
  .mosaico-img-component.rp-three-img .image-article-component img {
    min-height: 264px;
  }
}
@media (min-width: 1440px) {
  .mosaico-img-component.rp-three-img .img {
    min-width: 33%;
  }
}
@media (min-width: 1440px) {
  .mosaico-img-component.rp-three-img .img .image-article-component {
    min-width: 33%;
  }
}

@media (max-width: 45rem) {
  .image.section .image-article-component .row .col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.image-gala-component .image-gala__container {
  position: sticky;
  top: -180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 104px;
  background-color: var(--gr-blue-guia);
  height: calc(100vh + 210px);
  height: calc(100dvh + 210px);
  overflow: hidden;
}
@media (min-width: 90rem) {
  .image-gala-component .image-gala__container {
    top: -300px;
    height: calc(100vh + 300px);
    height: calc(100dvh + 300px);
    width: 100%;
  }
}
.image-gala-component .image-gala__container picture {
  width: 100%;
}
.image-gala-component .image-gala__container picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  mask-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-sol-mask-mobile.svg?#");
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: top;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  background-color: var(--gr-blue-guia);
  -webkit-mask-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-sol-mask-mobile.svg?#");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  -webkit-mask-position: top;
  -webkit-mask-composite: exclude;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 1s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 1s ease-in-out;
}
@media (min-width: 64rem) {
  .image-gala-component .image-gala__container picture img {
    mask-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-sol-mask-desktop.svg?#");
    -webkit-mask-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-sol-mask-desktop.svg?#");
  }
}
.image-gala-component .image-gala__container .animate--scale {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.image-gala-component .image-gala__container .animate--fadeIn {
  opacity: 0;
  -webkit-animation: fadeInAnimation 1s ease-in-out forwards;
          animation: fadeInAnimation 1s ease-in-out forwards;
}

@-webkit-keyframes fadeInAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.image-gallery {
  position: relative;
  top: 0;
  display: block;
  width: 100%;
  margin-bottom: 40px;
  padding-left: 8px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
@media (min-width: 45rem) {
  .image-gallery {
    padding-right: 4px;
  }
}
@media (min-width: 721px) {
  .image-gallery {
    padding-left: 4px;
  }
}
.image-gallery .galleryModal.isAuthor {
  display: none;
}
.image-gallery .bannerBox {
  position: relative;
  min-height: 152px;
}
.image-gallery .bannerBox .block-img {
  display: block;
  width: 100%;
  height: 152px;
  overflow: hidden;
  border-radius: 8px;
}
.image-gallery .bannerBox .block-img:not(:first-of-type) {
  display: none;
}
.image-gallery .bannerBox .block-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-gallery .bannerBox .galleryText {
  position: absolute;
  padding: 24px;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(120%, black));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 120%);
  -webkit-transition: all 1s;
  transition: all 1s;
  cursor: pointer;
}
.image-gallery .bannerBox .galleryText .cmp-text p {
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.0025em;
  color: #ffffff;
  margin-bottom: 0;
}
@media (max-width: 45rem) {
  .image-gallery .bannerBox .galleryText .cmp-text p {
    font-size: 18px;
    line-height: 24px;
  }
}
.image-gallery .bannerBox .galleryText .galleryCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
.image-gallery .bannerBox .galleryText .galleryCount .icon-rp-Gallery {
  font-size: 20px;
  margin-right: 10px;
  padding-top: 10px;
}
.image-gallery .bannerBox .galleryText .galleryCount .text {
  font-size: 48px;
  font-weight: 300;
  line-height: 56px;
  text-align: center;
  letter-spacing: -0.5px;
}
.image-gallery:hover {
  top: -8px;
}

/* Estilos image and text */
.image-text-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  background-color: #FFF8E0;
}
.image-text-component .image-text_container {
  padding-block: 56px;
}
@media (min-width: 64rem) {
  .image-text-component .image-text_container {
    padding-block: 96px;
    margin: auto;
  }
}
.image-text-component .image-text_container .card-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 40px;
  max-height: 40px;
  margin-bottom: 24px;
}
@media (min-width: 64rem) {
  .image-text-component .image-text_container .card-image {
    max-width: 48px;
    max-height: 48px;
    margin-bottom: 40px;
  }
}
.image-text-component .image-text_container .card-text {
  font-family: "Roboto-Light";
  font-weight: 300;
  text-align: center;
  margin-bottom: 0;
}

header.header-guia.scroll-bottom .index-component {
  pointer-events: auto;
}

header.scroll-bottom {
  z-index: 1000;
}
header.scroll-bottom .index-component.sticky-bar {
  max-height: 64px;
}
@media (min-width: 90rem) {
  header.scroll-bottom .index-component.sticky-bar {
    max-height: 72px;
  }
}
header.scroll-bottom .index-component.sticky-bar.mode-scroll {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.index-component .container {
  margin-bottom: 0px !important;
}
@media (min-width: 1024px) {
  .index-component .container {
    margin-bottom: 0px !important;
  }
}
.index-component:not(.sticky-bar) {
  display: none;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
}
@media (min-width: 64rem) {
  .index-component:not(.sticky-bar) {
    display: block;
  }
}
.index-component:not(.sticky-bar) .title {
  margin-bottom: 16px;
}
.index-component:not(.sticky-bar) .list-links {
  padding-left: 32px;
  border-left: solid 2px #FFC800;
  font-size: 14px;
  font-weight: 400;
  color: #464646;
}
.index-component:not(.sticky-bar) .list-links li {
  list-style: decimal;
}
.index-component:not(.sticky-bar) .list-links .item-link {
  margin-bottom: 12px;
  color: #016A7F;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 8px;
}
.index-component:not(.sticky-bar) .list-links .item-link:hover {
  color: #00404D;
}
.index-component:not(.sticky-bar) .list-links .item-link:last-child {
  margin-bottom: 0;
}
.index-component:not(.sticky-bar) .list-links .item-link .num {
  margin-right: 8px;
  display: block;
}
.index-component:not(.sticky-bar) .list-links .item-link:not(.rp-link-disabled) .num {
  color: #464646;
}
.index-component:not(.sticky-bar) .list-links .item-link.rp-link-disabled {
  color: #AAAAAA;
}
.index-component.sticky-bar {
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transform: translate(0, -100px);
          transform: translate(0, -100px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.index-component.sticky-bar:not(.mode-scroll) .block-select .block-index {
  display: none;
}
.index-component.sticky-bar .block-content-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0;
  max-height: 64px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .block-content-index {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-height: 72px;
  }
}
.index-component.sticky-bar .block-content-index .col-left {
  width: auto;
}
.index-component.sticky-bar .block-content-index .col-left,
.index-component.sticky-bar .block-content-index .col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
@media (min-width: 90rem) {
  .index-component.sticky-bar .block-content-index .col-left,
.index-component.sticky-bar .block-content-index .col-right {
    height: 72px;
  }
}
.index-component.sticky-bar .block-content-index .col-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .block-content-index .col-right {
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.index-component.sticky-bar .block-content-index .col-right .rp-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  padding-inline: 0;
  font-size: 1.25rem;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .block-content-index .col-right .rp-icon {
    width: 48px;
    height: 48px;
  }
}
.index-component.sticky-bar .logo {
  height: 24px;
  display: none;
}
@media (min-width: 45rem) {
  .index-component.sticky-bar .logo {
    display: block;
    max-width: 120px;
    margin-right: 28px;
  }
}
.index-component.sticky-bar .logo img {
  width: 100%;
  height: 100%;
}
.index-component.sticky-bar .heading-sticky {
  max-width: 350px;
  display: none;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .heading-sticky {
    display: block;
    max-width: 280px;
  }
}
.index-component.sticky-bar .heading-sticky .pretitle {
  color: #757575;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .heading-sticky .pretitle {
    -webkit-line-clamp: 1;
  }
}
.index-component.sticky-bar .heading-sticky .title {
  color: #464646;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .heading-sticky .title {
    -webkit-line-clamp: 1;
  }
}
.index-component.sticky-bar .heading-sticky > div {
  margin-bottom: 8px;
}
.index-component.sticky-bar .heading-sticky > div:last-child {
  margin-bottom: 0;
}
.index-component.sticky-bar .heading-reportaje {
  max-width: 300px;
  margin: 0 24px 0 0;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .heading-reportaje {
    margin: 0 24px;
  }
}
.index-component.sticky-bar .heading-reportaje .reportaje-category,
.index-component.sticky-bar .heading-reportaje .reportaje-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .heading-reportaje .reportaje-category,
.index-component.sticky-bar .heading-reportaje .reportaje-title {
    -webkit-line-clamp: 1;
  }
}
.index-component.sticky-bar .heading-reportaje .reportaje-category {
  color: #757575;
  margin-bottom: 8px;
}
.index-component.sticky-bar .rp-icon {
  margin-right: 8px;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .rp-icon {
    margin-right: 12px;
  }
}
.index-component.sticky-bar .rp-icon:last-child {
  margin-right: 0;
}
.index-component.sticky-bar .block-select {
  position: relative;
  width: 380px;
  height: 100%;
  border-right: solid 1px #DDDDDD;
  margin-right: 20px;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .block-select {
    border-left: solid 1px #DDDDDD;
    margin-right: 0;
    margin-left: 48px;
  }
}
.index-component.sticky-bar .block-select .icon {
  color: #016A7F;
  font-size: 20px;
  cursor: pointer;
  margin-right: 0;
}
.index-component.sticky-bar .block-select .icon:hover {
  color: #00404D;
}
.index-component.sticky-bar .block-select .static-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding: 0 24px 0 0;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .block-select .static-block {
    margin-left: 24px;
  }
}
.index-component.sticky-bar .block-select .static-block .list-links {
  max-height: 44px;
  margin: 14px 16px 14px 0;
  padding-left: 20px;
  font-family: "Roboto-Regular";
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.25px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.index-component.sticky-bar .block-select .static-block .list-links::-webkit-scrollbar {
  display: none;
}
@media (min-width: 90rem) {
  .index-component.sticky-bar .block-select .static-block .list-links {
    margin: 16px 16px 16px 0;
  }
}
.index-component.sticky-bar .block-select .static-block .list-links .list-links__item {
  color: #464646;
}
.index-component.sticky-bar .block-select .static-block .list-links .list-links__item.list-links__item--disabled {
  color: #AAAAAA;
}
.index-component.sticky-bar .block-select .static-block .list-links .list-links__item .rp-link-disabled {
  color: #AAAAAA;
}
.index-component.sticky-bar .block-select .static-block .item-link {
  margin-bottom: 6px;
  padding: 0;
  color: #016A7F;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.index-component.sticky-bar .block-select .static-block .item-link:hover {
  color: #00404D;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .block-select .static-block .item-link {
    -webkit-line-clamp: 1;
  }
}
.index-component.sticky-bar .block-select .static-block .item-link .num {
  margin-right: 4px;
  display: inline-block;
}
.index-component.sticky-bar .block-select .static-block .item-link:not(.rp-link-disabled) .num {
  color: #464646;
}
.index-component.sticky-bar .block-select .block-index {
  display: none;
  position: absolute;
  top: -6px;
  left: -20px;
  right: -1px;
  padding: 32px 20px 24px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow-y: auto;
}
.index-component.sticky-bar .block-select .block-index .title {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: "Roboto-Regular";
  font-size: 14px;
  line-height: 24px;
  height: 100%;
}
.index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded li::marker {
  width: auto;
}
.index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded li.list-links__item--disabled {
  color: #AAAAAA;
}
.index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded li.list-links__item--disabled .rp-link-disabled {
  color: #AAAAAA;
}
.index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded li .item-link {
  margin-left: 5px;
}
.index-component.sticky-bar .block-select .block-index .list-links .item-link {
  margin-bottom: 12px;
  color: #016A7F;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.index-component.sticky-bar .block-select .block-index .list-links .item-link:hover {
  color: #00404D;
}
@media (min-width: 64rem) {
  .index-component.sticky-bar .block-select .block-index .list-links .item-link {
    -webkit-line-clamp: 1;
  }
}
.index-component.sticky-bar .block-select .block-index .list-links .item-link:last-child {
  margin-bottom: 0;
}
.index-component.sticky-bar .block-select .block-index .list-links .item-link .num {
  margin-right: 4px;
  display: inline-block;
}
.index-component.sticky-bar .block-select .block-index .list-links .item-link:not(.rp-link-disabled) .num {
  color: #464646;
}
@media (min-width: 64rem) {
  .index-component.noHeader {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}
.index-component .progress-bar-index {
  height: 2px;
  width: 100%;
  background-color: #FFC800;
}
.index-component .list-links li {
  list-style: decimal;
}

.info-modal-rp-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  visibility: hidden;
}
.info-modal-rp-component.info-modal-rp-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  z-index: 1200;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  visibility: visible;
}
@media (min-width: 45rem) {
  .info-modal-rp-component.info-modal-rp-component--show {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: none;
    transition: none;
  }
}
.info-modal-rp-component .info-modal-rp__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 16px;
  padding-top: 24px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #ffffff;
}
@media (min-width: 45rem) {
  .info-modal-rp-component .info-modal-rp__container {
    padding: 24px;
    border-radius: 8px;
    max-width: 475px;
  }
}
@media (min-width: 64rem) {
  .info-modal-rp-component .info-modal-rp__container {
    max-width: 820px;
    padding: 32px;
  }
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 64rem) {
  .info-modal-rp-component .info-modal-rp__container .info-modal-rp__header {
    margin-bottom: 16px;
  }
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__header .info-modal-rp__title {
  margin-bottom: 0;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__header .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  color: #016A7F;
  cursor: pointer;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__header .icon-rp::before {
  font-size: 1.25rem;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__header .icon-rp img {
  width: 100%;
  height: 100%;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__body .info-modal-rp__text {
  margin-bottom: 0;
  color: #727272;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__body .info-modal-rp__services {
  margin-block: 16px;
}
@media (min-width: 64rem) {
  .info-modal-rp-component .info-modal-rp__container .info-modal-rp__body .info-modal-rp__services {
    margin-bottom: 32px;
  }
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__body .info-modal-rp__services .info-modal-rp__body__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__body .info-modal-rp__services .info-modal-rp__body__item .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
  color: #FF6200;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__body .info-modal-rp__services .info-modal-rp__body__item .icon-rp::before {
  font-size: 1.5rem;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__body .info-modal-rp__services .info-modal-rp__body__item .icon-rp img {
  width: 100%;
  height: 100%;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__body .info-modal-rp__services .info-modal-rp__body__item .info-modal-rp__text {
  margin-bottom: 0;
  color: #727272;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__body .info-modal-rp__services .info-modal-rp__body__item:not(:last-child) {
  margin-bottom: 4px;
}
.info-modal-rp-component .info-modal-rp__container .info-modal-rp__button {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.ingredientes {
  padding: 32px 24px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
          box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  position: relative;
}
.ingredientes .ingredientesTitle {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-size: 22px;
  line-height: 32px;
  color: #464646;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1440px) {
  .ingredientes .ingredientesTitle {
    font-size: 26px;
    line-height: 40px;
  }
}
.ingredientes .ingredientesTitle .ingredientesPersonas {
  font-style: normal;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  color: #727272;
  margin-bottom: 12px;
}
.ingredientes .ingredientesReceta {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ingredientes .ingredientesReceta .ingredientesNombre,
.ingredientes .ingredientesReceta .ingredientesPersonas {
  font-style: normal;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  color: #727272;
  margin-bottom: 12px;
}
.ingredientes .ingredientesReceta .ingredientesNombre:not(:first-of-type) {
  margin-top: 12px;
}
.ingredientes .ingredientesReceta .ingredientesNombre + .ingredientesPersonas {
  margin-left: 24px;
}
.ingredientes .ingredientesReceta .ingredientesPersonas {
  white-space: pre;
}
.ingredientes .valoresnutricionales {
  color: #016A7F;
  padding: 20px 0px 0px 0px;
}
.ingredientes .valoresnutricionales .valoresnutricionales__header {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ingredientes .rp-btn-guia--share {
  width: auto;
  height: auto;
}
.ingredientes .ingredientes__actions {
  cursor: pointer;
  padding: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #016A7F;
}
.ingredientes .ingredientesIngredientes ul {
  padding-left: 0;
  margin-bottom: 0;
}
.ingredientes .ingredientesIngredientes ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #464646;
  list-style: none;
  margin-left: 20px;
  margin-bottom: 8px;
}
.ingredientes .ingredientesIngredientes ul li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .ingredientes .ingredientesIngredientes ul li {
    margin-left: 24px;
  }
}
.ingredientes .ingredientesIngredientes ul li:before {
  position: absolute;
  top: 8px;
  left: -20px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: #b52958;
}
@media (min-width: 64rem) {
  .ingredientes .ingredientesIngredientes ul li:before {
    left: -24px;
  }
}
.ingredientes .ingredientesIngredientes ul li p {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
  display: inline;
  color: #464646;
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .ingredientes .ingredientesIngredientes ul li p {
    font-size: 16px;
  }
}

@media (min-width: 64rem) {
  .page-receta .ingredientes {
    margin-bottom: 80px;
  }
}
.page-receta .ingredientes .ingredientes__actions .ingredientes__action,
.page-receta .ingredientes .ingredientes__actions .ingredientes__action [class^=icon-],
.page-receta .ingredientes .ingredientes__actions .ingredientes__action-text {
  color: #016A7F;
}
.page-receta .description-receta .ingredientes--mobile {
  margin-bottom: 40px;
}
@media (max-width: 45rem) {
  .page-receta .description-receta .ingredientes--mobile {
    margin-top: 36px;
  }
}
.page-receta .description-receta .ingredientes--mobile .ingredientes.section {
  padding: 32px 24px;
}
.page-receta .description-receta .ingredientes--mobile .ingredientes.section .ingredientesTitle {
  margin-bottom: 16px;
}
.page-receta .description-receta .ingredientes--mobile .ingredientes.section .ingredientesTitle .ingredientesPersonas {
  margin-bottom: 0;
}
.page-receta .description-receta .ingredientes--mobile .ingredientes.section .ingredientesNombre {
  margin-bottom: 8px;
}

.interstitial .interstitial__container {
  background-color: rgba(70, 70, 70, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1100;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.interstitial .interstitial__container .rp-btn--close {
  color: #016A7F;
  background-color: #C0EBF2;
  position: absolute;
  right: 24px;
  top: 16px;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  border: none;
  padding: 0;
}
.interstitial .interstitial__container .rp-btn--close:hover {
  color: #016A7F;
  background-color: #92D9E2;
}
.interstitial .interstitial__container .rp-btn--close:active {
  background-color: #B0E1E7;
}
.interstitial .interstitial__container .rp-btn--close:focus {
  border-color: #9CD1FF;
  outline: 0;
}
.interstitial .interstitial__container .rp-btn--close:disabled, .interstitial .interstitial__container .rp-btn--close.rp-disabled, .interstitial .interstitial__container .rp-btn--close[disabled=disabled] {
  color: #AAAAAA;
  background-color: #DDDDDD;
}
.interstitial .interstitial__container .rp-btn--close .icon-rp-Cross::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 20px;
  width: 20px;
  max-width: 20px;
  min-height: 20px;
  height: 20px;
  max-height: 20px;
  font-size: 1rem;
  color: #016A7F;
}
.interstitial .interstitial__container .rp-btn--close .icon-rp-Cross::before::before {
  font-size: 1rem;
}
.interstitial .interstitial__container .rp-btn--close .icon-rp-Cross::before img {
  width: 100%;
  height: 100%;
}
@media (min-width: 45rem) {
  .interstitial .interstitial__container .rp-btn--close {
    width: 48px;
    height: 48px;
  }
  .interstitial .interstitial__container .rp-btn--close .icon-rp-Cross::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 24px;
    width: 24px;
    max-width: 24px;
    min-height: 24px;
    height: 24px;
    max-height: 24px;
    font-size: 1.125rem;
  }
  .interstitial .interstitial__container .rp-btn--close .icon-rp-Cross::before::before {
    font-size: 1.125rem;
  }
  .interstitial .interstitial__container .rp-btn--close .icon-rp-Cross::before img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  .interstitial .interstitial__container .rp-btn--close:hover {
    cursor: pointer;
  }
}
.interstitial .interstitial__container .interstitial__banner picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.interstitial .interstitial__container .interstitial__banner picture img {
  width: 230px;
}
@media (min-width: 30rem) {
  .interstitial .interstitial__container .interstitial__banner picture img {
    width: 256px;
  }
}
@media (min-width: 45rem) {
  .interstitial .interstitial__container .interstitial__banner picture img {
    width: 650px;
  }
}
@media (min-width: 90rem) {
  .interstitial .interstitial__container .interstitial__banner picture img {
    width: 800px;
  }
}
.interstitial .interstitial--hide {
  display: none;
}

.modal__link-app-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
}
.modal__link-app-component.modal__link-app-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__link-app-component .link-app__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 822px;
  margin-inline: 24px;
  padding: 168px 32px 32px;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.08);
}
.modal__link-app-component .link-app__container::before {
  position: absolute;
  top: 32px;
  left: calc(50% - 60px);
  content: "";
  width: 120px;
  height: 120px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
  background-repeat: no-repeat;
  background-size: 120px;
}
.modal__link-app-component .link-app__container > p {
  margin-bottom: 0;
  text-align: center;
}
.modal__link-app-component .link-app__container .link-app__title {
  margin-bottom: 16px;
}
.modal__link-app-component .link-app__container .link-app__text {
  color: #727272;
}
.modal__link-app-component .link-app__container .link-app__picture__qr {
  position: relative;
  width: 120px;
  height: 120px;
  margin-top: 24px;
}
.modal__link-app-component .link-app__container .link-app__picture__qr img {
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  -o-object-fit: contain;
     object-fit: contain;
  max-width: unset;
}
.modal__link-app-component .link-app__container .link-app__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 32px;
}
.modal__link-app-component .link-app__container .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__link-app-component .link-app__container .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.modal__link-app-component .link-app__container .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__link-app-component .link-app__container .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 1.5rem;
  right: 0.875rem;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .modal__link-app-component .link-app__container .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}

.login-modal-error-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  visibility: hidden;
}
.login-modal-error-component.login-modal-error-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  z-index: 1200;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  visibility: visible;
}
@media (min-width: 45rem) {
  .login-modal-error-component.login-modal-error-component--show {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: none;
    transition: none;
  }
}
.login-modal-error-component .login-modal-error__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 16px;
  padding-top: 24px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #ffffff;
}
@media (min-width: 45rem) {
  .login-modal-error-component .login-modal-error__container {
    padding: 24px;
    border-radius: 8px;
    max-width: 475px;
  }
}
@media (min-width: 64rem) {
  .login-modal-error-component .login-modal-error__container {
    max-width: 820px;
    padding: 32px;
  }
}
.login-modal-error-component .login-modal-error__container .icon-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  position: absolute;
  top: 24px;
  right: 16px;
  color: #016A7F;
  cursor: pointer;
}
.login-modal-error-component .login-modal-error__container .icon-close::before {
  font-size: 1.25rem;
}
.login-modal-error-component .login-modal-error__container .icon-close img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .login-modal-error-component .login-modal-error__container .icon-close {
    top: 32px;
    right: 32px;
  }
}
.login-modal-error-component .login-modal-error__container .login-modal-error__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.login-modal-error-component .login-modal-error__container .login-modal-error__body .login-modal-error__img {
  width: 120px;
  height: 120px;
  margin-bottom: -8px;
}
@media (min-width: 64rem) {
  .login-modal-error-component .login-modal-error__container .login-modal-error__body .login-modal-error__img {
    width: 160px;
    height: 160px;
    margin-bottom: 0;
  }
}
.login-modal-error-component .login-modal-error__container .login-modal-error__body .login-modal-error__login .login-modal-error__title {
  text-align: center;
}
.login-modal-error-component .login-modal-error__container .login-modal-error__body .login-modal-error__login .login-modal-error__text {
  margin-bottom: 32px;
  text-align: center;
  color: #727272;
}
.login-modal-error-component .login-modal-error__container .login-modal-error__body .login-modal-error__divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  color: #464646;
  font-size: 0.875rem;
}
.login-modal-error-component .login-modal-error__container .login-modal-error__body .login-modal-error__divider::before, .login-modal-error-component .login-modal-error__container .login-modal-error__body .login-modal-error__divider::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  margin: 0 8px;
  background-color: #DDDDDD;
}
.login-modal-error-component .login-modal-error__container .login-modal-error__body .login-modal-error__return {
  width: 100%;
}
.login-modal-error-component .login-modal-error__container .login-modal-error__body .login-modal-error__return .login-modal-error__text {
  margin-bottom: 32px;
  text-align: center;
  color: #727272;
}
.login-modal-error-component .login-modal-error__container .login-modal-error__body .rp-btn-guia {
  margin: auto;
  width: 100%;
}

.login-component label.gigya-label,
.modal-promo label.gigya-label {
  padding: 0 !important;
}
.login-component .modal__login__header,
.modal-promo .modal__login__header {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #DDDDDD;
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .login-component .modal__login__header,
.modal-promo .modal__login__header {
    height: 80px;
  }
}
.login-component .modal__login__header .header-container,
.modal-promo .modal__login__header .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.login-component .modal__login__header .icon-rp,
.modal-promo .modal__login__header .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
  color: #016A7F;
  cursor: pointer;
}
.login-component .modal__login__header .icon-rp::before,
.modal-promo .modal__login__header .icon-rp::before {
  font-size: 1.5rem;
}
.login-component .modal__login__header .icon-rp img,
.modal-promo .modal__login__header .icon-rp img {
  width: 100%;
  height: 100%;
}
.login-component .modal__welcome,
.modal-promo .modal__welcome {
  display: none;
}
.login-component .modal__welcome--loading,
.modal-promo .modal__welcome--loading {
  visibility: hidden;
  pointer-events: none;
}
.login-component .modal__welcome--show,
.modal-promo .modal__welcome--show {
  display: block;
}
.login-component .modal__login,
.modal-promo .modal__login {
  display: none;
}
.login-component .modal__login--show,
.modal-promo .modal__login--show {
  display: block;
}
.login-component .modal,
.modal-promo .modal {
  width: 100%;
  height: 100%;
  padding: 96px 16px;
  background-color: #f8f8f8;
  overflow: auto;
}
.login-component .modal.modal--show,
.modal-promo .modal.modal--show {
  display: block;
}
.login-component .modal #modal-form_content > div,
.modal-promo .modal #modal-form_content > div {
  width: 100%;
  padding: 0;
}
.login-component .modal .modal-content-welcome .modal-content-header .modal-texts,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-texts {
  margin-bottom: 24px;
}
.login-component .modal .modal-content-welcome .modal-content-header .modal-texts .modal-title,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-texts .modal-title {
  margin-bottom: 24px;
}
.login-component .modal .modal-content-welcome .modal-content-header .modal-texts .modal-title.welcome-title,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-texts .modal-title.welcome-title {
  color: var(--gr-blue-guia);
}
.login-component .modal .modal-content-welcome .modal-content-header .modal-texts .modal-text,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-texts .modal-text {
  display: inline;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content-welcome .modal-content-header .modal-texts .modal-text,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-texts .modal-text {
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.login-component .modal .modal-content-welcome .modal-content-header .modal-texts .modal-text .rp-link,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-texts .modal-text .rp-link {
  display: inline;
  font-size: 0.875rem;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content-welcome .modal-content-header .modal-texts .modal-text .rp-link,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-texts .modal-text .rp-link {
    font-size: 1rem;
  }
}
.login-component .modal .modal-content-welcome .modal-content-header .modal-rp-icons,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-rp-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 24px;
}
.login-component .modal .modal-content-welcome .modal-content-header .modal-rp-icons img,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-rp-icons img {
  height: 48px;
  width: 48px;
}
@media (max-width: 30rem) {
  .login-component .modal .modal-content-welcome .modal-content-header .modal-rp-icons img,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-rp-icons img {
    margin-left: calc(-48px + 16.6666666667%);
  }
  .login-component .modal .modal-content-welcome .modal-content-header .modal-rp-icons img:first-child,
.modal-promo .modal .modal-content-welcome .modal-content-header .modal-rp-icons img:first-child {
    margin-left: 0;
  }
}
.login-component .modal .modal-content-welcome .btn-access,
.modal-promo .modal .modal-content-welcome .btn-access {
  width: 100%;
  padding-block: 0;
}
.login-component .modal .modal-content-welcome .rp-link:focus,
.modal-promo .modal .modal-content-welcome .rp-link:focus {
  border-color: #ffffff !important;
}
.login-component .modal .modal-content-welcome .divider,
.modal-promo .modal .modal-content-welcome .divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 16px 0;
  color: #464646;
}
.login-component .modal .modal-content-welcome .divider::before, .login-component .modal .modal-content-welcome .divider::after,
.modal-promo .modal .modal-content-welcome .divider::before,
.modal-promo .modal .modal-content-welcome .divider::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  margin: 0 8px;
  background-color: #DDDDDD;
}
.login-component .modal .modal-content-welcome .modal-tabs,
.modal-promo .modal .modal-content-welcome .modal-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
}
.login-component .modal .modal-content,
.login-component .modal .modal-content-welcome,
.modal-promo .modal .modal-content,
.modal-promo .modal .modal-content-welcome {
  max-width: 640px;
  margin: auto;
  padding: 16px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.18);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  border: 0;
  overflow: auto;
}
@media (min-width: 45rem) {
  .login-component .modal .modal-content,
.login-component .modal .modal-content-welcome,
.modal-promo .modal .modal-content,
.modal-promo .modal .modal-content-welcome {
    max-width: 640px;
  }
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content,
.login-component .modal .modal-content-welcome,
.modal-promo .modal .modal-content,
.modal-promo .modal .modal-content-welcome {
    max-width: 456px;
    margin-top: 62px;
    padding: 32px;
  }
}
@media (min-width: 80rem) {
  .login-component .modal .modal-content,
.login-component .modal .modal-content-welcome,
.modal-promo .modal .modal-content,
.modal-promo .modal .modal-content-welcome {
    max-width: 560px;
  }
}
@media (min-width: 90rem) {
  .login-component .modal .modal-content,
.login-component .modal .modal-content-welcome,
.modal-promo .modal .modal-content,
.modal-promo .modal .modal-content-welcome {
    max-width: 607px;
  }
}
@media (min-width: 120rem) {
  .login-component .modal .modal-content,
.login-component .modal .modal-content-welcome,
.modal-promo .modal .modal-content,
.modal-promo .modal .modal-content-welcome {
    max-width: 763px;
  }
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content .modal-title,
.login-component .modal .modal-content-welcome .modal-title,
.modal-promo .modal .modal-content .modal-title,
.modal-promo .modal .modal-content-welcome .modal-title {
    font-size: 26px;
    line-height: 2.5rem;
  }
}
.login-component .modal .modal-content .modal-block-img,
.login-component .modal .modal-content-welcome .modal-block-img,
.modal-promo .modal .modal-content .modal-block-img,
.modal-promo .modal .modal-content-welcome .modal-block-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-component .modal .modal-content .modal-block-img picture,
.login-component .modal .modal-content-welcome .modal-block-img picture,
.modal-promo .modal .modal-content .modal-block-img picture,
.modal-promo .modal .modal-content-welcome .modal-block-img picture {
  width: 80px;
  height: 80px;
  margin-right: 16px;
  min-width: 80px;
}
@media (min-width: 45rem) {
  .login-component .modal .modal-content .modal-block-img picture,
.login-component .modal .modal-content-welcome .modal-block-img picture,
.modal-promo .modal .modal-content .modal-block-img picture,
.modal-promo .modal .modal-content-welcome .modal-block-img picture {
    width: 64px;
    height: 64px;
    margin-right: 16px;
    min-width: 64px;
  }
}
.login-component .modal .modal-content .modal-block-img picture img,
.login-component .modal .modal-content-welcome .modal-block-img picture img,
.modal-promo .modal .modal-content .modal-block-img picture img,
.modal-promo .modal .modal-content-welcome .modal-block-img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.login-component .modal .modal-content .modal-block-img .text-modal-img,
.login-component .modal .modal-content-welcome .modal-block-img .text-modal-img,
.modal-promo .modal .modal-content .modal-block-img .text-modal-img,
.modal-promo .modal .modal-content-welcome .modal-block-img .text-modal-img {
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  font-weight: 500;
}
.login-component .modal .modal-content .modal-block-img .growth-component,
.login-component .modal .modal-content-welcome .modal-block-img .growth-component,
.modal-promo .modal .modal-content .modal-block-img .growth-component,
.modal-promo .modal .modal-content-welcome .modal-block-img .growth-component {
  position: relative !important;
}
.login-component .modal .modal-content .modal-block-img .growth-component--disabled,
.login-component .modal .modal-content-welcome .modal-block-img .growth-component--disabled,
.modal-promo .modal .modal-content .modal-block-img .growth-component--disabled,
.modal-promo .modal .modal-content-welcome .modal-block-img .growth-component--disabled {
  display: none;
}
.login-component .modal .modal-content .modal-block-img .growth-component .container,
.login-component .modal .modal-content-welcome .modal-block-img .growth-component .container,
.modal-promo .modal .modal-content .modal-block-img .growth-component .container,
.modal-promo .modal .modal-content-welcome .modal-block-img .growth-component .container {
  padding: 0;
}
.login-component .modal .modal-content .modal-block-img .growth-component .container .block-gene,
.login-component .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene,
.modal-promo .modal .modal-content .modal-block-img .growth-component .container .block-gene,
.modal-promo .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  min-height: auto;
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.login-component .modal .modal-content .modal-block-img .growth-component .container .block-gene .img-promo,
.login-component .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .img-promo,
.modal-promo .modal .modal-content .modal-block-img .growth-component .container .block-gene .img-promo,
.modal-promo .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .img-promo {
  position: static;
  width: 80px;
  height: 80px;
  min-width: 80px;
}
@media (min-width: 45rem) {
  .login-component .modal .modal-content .modal-block-img .growth-component .container .block-gene .img-promo,
.login-component .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .img-promo,
.modal-promo .modal .modal-content .modal-block-img .growth-component .container .block-gene .img-promo,
.modal-promo .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .img-promo {
    width: 64px;
    height: 64px;
    min-width: 64px;
  }
}
.login-component .modal .modal-content .modal-block-img .growth-component .container .block-gene .block-text,
.login-component .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .block-text,
.modal-promo .modal .modal-content .modal-block-img .growth-component .container .block-gene .block-text,
.modal-promo .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .block-text {
  width: calc(100% - 64px);
  min-height: auto;
  padding-left: 16px;
}
.login-component .modal .modal-content .modal-block-img .growth-component .container .block-gene .block-text .title span,
.login-component .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .block-text .title span,
.modal-promo .modal .modal-content .modal-block-img .growth-component .container .block-gene .block-text .title span,
.modal-promo .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .block-text .title span {
  color: #464646;
}
.login-component .modal .modal-content .modal-block-img .growth-component .container .block-gene .block-text .buttons,
.login-component .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .block-text .buttons,
.modal-promo .modal .modal-content .modal-block-img .growth-component .container .block-gene .block-text .buttons,
.modal-promo .modal .modal-content-welcome .modal-block-img .growth-component .container .block-gene .block-text .buttons {
  display: none;
}
.login-component .modal .modal-content .with-divider > label,
.login-component .modal .modal-content-welcome .with-divider > label,
.modal-promo .modal .modal-content .with-divider > label,
.modal-promo .modal .modal-content-welcome .with-divider > label {
  display: none;
}
.login-component .modal .modal-content h1,
.login-component .modal .modal-content-welcome h1,
.modal-promo .modal .modal-content h1,
.modal-promo .modal .modal-content-welcome h1 {
  display: none;
}
.login-component .modal .modal-content .gigya-login-form *,
.login-component .modal .modal-content .gigya-register-form *,
.login-component .modal .modal-content-welcome .gigya-login-form *,
.login-component .modal .modal-content-welcome .gigya-register-form *,
.modal-promo .modal .modal-content .gigya-login-form *,
.modal-promo .modal .modal-content .gigya-register-form *,
.modal-promo .modal .modal-content-welcome .gigya-login-form *,
.modal-promo .modal .modal-content-welcome .gigya-register-form * {
  font-family: "Roboto-Regular";
}
.login-component .modal .modal-content .gigya-login-form .gigya-layout-cell,
.login-component .modal .modal-content .gigya-register-form .gigya-layout-cell,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-layout-cell,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-layout-cell,
.modal-promo .modal .modal-content .gigya-login-form .gigya-layout-cell,
.modal-promo .modal .modal-content .gigya-register-form .gigya-layout-cell,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-layout-cell,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-layout-cell {
  width: 100%;
  margin: 0;
  display: initial;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  margin-bottom: 0;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label .rp-link,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label .rp-link,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label .rp-link,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label .rp-link,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label .rp-link,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label .rp-link,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label .rp-link,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label .rp-link {
  margin-inline: 0;
  font-size: 1rem;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label .rp-link:hover,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label .rp-link:hover,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label .rp-link:hover,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label .rp-link:hover,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label .rp-link:hover,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label .rp-link:hover,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label .rp-link:hover,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label .rp-link:hover {
  opacity: 1;
  text-decoration: none;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label a,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label a,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label a,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label a,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label a,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label a {
  color: #016A7F !important;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 16px;
  margin-bottom: 4px;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-label.error-form,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.error-form,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.error-form,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-label.error-form,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-label.error-form,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.error-form {
  color: #E4002B;
}
.login-component .modal .modal-content .gigya-login-form .gr17-h2,
.login-component .modal .modal-content .gigya-register-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content .gigya-register-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gr17-h2,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-h2 {
  border-bottom: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 16px !important;
  color: #464646;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login {
  width: 100%;
  margin-bottom: 16px;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login *,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login *,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login *,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login *,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login *,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login *,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login *,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login * {
  height: inherit !important;
  width: 100% !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 56px;
  border-radius: 8px;
  background-color: #f8f8f8;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button {
    min-height: 48px;
  }
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button div,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button div,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button div,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button div,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button div,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button div,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button div,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button div {
  width: auto !important;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:before,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:before,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:before,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:before,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:before {
  width: 24px;
  height: 24px;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after {
  font-family: "Roboto-Regular";
  font-style: normal;
  margin-left: 8px;
  color: #464646;
  font-size: 1.125rem;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button:after {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:before,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:before,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:before,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:before,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:before {
  content: url("../../../content/dam/repsol-guia/guia-images/iconos/icon-rp-Facebook-color.svg?#");
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:before,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:before,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:before,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:before,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:before {
  content: url("../../../content/dam/repsol-guia/guia-images/iconos/icon-rp-Google.svg?#");
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:before,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:before,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:before,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:before,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:before {
  content: url("../../../content/dam/repsol-guia/guia-images/iconos/icon-rp-apple.svg?#");
}
.login-component .modal .modal-content .gigya-login-form #social-buttons-login-caption,
.login-component .modal .modal-content .gigya-register-form #social-buttons-login-caption,
.login-component .modal .modal-content-welcome .gigya-login-form #social-buttons-login-caption,
.login-component .modal .modal-content-welcome .gigya-register-form #social-buttons-login-caption,
.modal-promo .modal .modal-content .gigya-login-form #social-buttons-login-caption,
.modal-promo .modal .modal-content .gigya-register-form #social-buttons-login-caption,
.modal-promo .modal .modal-content-welcome .gigya-login-form #social-buttons-login-caption,
.modal-promo .modal .modal-content-welcome .gigya-register-form #social-buttons-login-caption {
  display: none;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding: 0;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  margin-bottom: 0;
  color: #464646;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password {
    height: 48px;
    padding-block: 12px;
  }
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password.validation--error {
  border-color: #E4002B;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:focus, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password:active {
  border-color: #016A7F;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-error {
  border: 1px solid #E4002B;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-valid, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-text.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-input-password.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-text.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-input-password.gigya-show-checkmark.gigya-pending {
  background-image: none;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-error-msg {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025px;
  width: 100%;
  color: #E4002B;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active {
  text-align: left !important;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-top: 4px;
  margin-inline: 0;
  padding: 0;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox input:focus,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password input:focus,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox input:focus,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password input:focus,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox input:focus,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password input:focus,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox input:focus,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password input:focus,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox input:focus,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password input:focus,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox input:focus,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password input:focus,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox input:focus,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password input:focus,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox input:focus,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-textbox + .error-form,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password + .error-form,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-textbox + .error-form,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password + .error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox + .error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password + .error-form,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox + .error-form,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password + .error-form,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-textbox + .error-form,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password + .error-form,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-textbox + .error-form,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password + .error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-textbox + .error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password + .error-form,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-textbox + .error-form,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password + .error-form {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.login-component .modal .modal-content .gigya-login-form .gr17-max520 .gigya-profile-form,
.login-component .modal .modal-content .gigya-login-form .gr17-input-email-join input,
.login-component .modal .modal-content .gigya-register-form .gr17-max520 .gigya-profile-form,
.login-component .modal .modal-content .gigya-register-form .gr17-input-email-join input,
.login-component .modal .modal-content-welcome .gigya-login-form .gr17-max520 .gigya-profile-form,
.login-component .modal .modal-content-welcome .gigya-login-form .gr17-input-email-join input,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-max520 .gigya-profile-form,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-input-email-join input,
.modal-promo .modal .modal-content .gigya-login-form .gr17-max520 .gigya-profile-form,
.modal-promo .modal .modal-content .gigya-login-form .gr17-input-email-join input,
.modal-promo .modal .modal-content .gigya-register-form .gr17-max520 .gigya-profile-form,
.modal-promo .modal .modal-content .gigya-register-form .gr17-input-email-join input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gr17-max520 .gigya-profile-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gr17-input-email-join input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-max520 .gigya-profile-form,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-input-email-join input {
  max-width: none !important;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password {
  padding: 0 !important;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password input,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password input,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password input,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password input {
  max-width: inherit;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password {
  position: absolute;
  right: 16px;
  top: 12px;
  width: 24px;
  height: 24px;
  margin: 0;
  font-family: "Guia Icons" !important;
  font-size: 1.25rem;
  color: #016A7F;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password {
    top: 8px;
  }
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password::before {
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password.show::before {
  content: "\e93d";
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password .gr-toggle-password.hide::before {
  content: "\e93e";
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
  width: 100%;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit .gigya-input-submit,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit input,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit .gigya-input-submit,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit input,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit .gigya-input-submit,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit .gigya-input-submit,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit input,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit .gigya-input-submit,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit .gigya-input-submit,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit .gigya-input-submit,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit .gigya-input-submit,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit input {
  display: inline-block;
  width: 100%;
  max-width: inherit;
  height: 56px;
  margin: 0;
  padding: 0 !important;
  color: #AAAAAA;
  background: #DDDDDD;
  border-radius: 8px;
  border: none;
  outline: none;
  cursor: default;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit .gigya-input-submit.activo,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit input.activo,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit .gigya-input-submit.activo,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit input.activo,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit .gigya-input-submit.activo,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit input.activo,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit .gigya-input-submit.activo,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit input.activo,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit .gigya-input-submit.activo,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit input.activo,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit .gigya-input-submit.activo,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit input.activo,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit .gigya-input-submit.activo,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit input.activo,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit .gigya-input-submit.activo,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit input.activo {
  background: #016A7F;
  color: #ffffff;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit .gigya-input-submit,
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit input,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit .gigya-input-submit,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit input,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit .gigya-input-submit,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit .gigya-input-submit,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit input,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit .gigya-input-submit,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit .gigya-input-submit,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit input,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit .gigya-input-submit,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit .gigya-input-submit,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit input {
    height: 48px;
  }
}
.login-component .modal .modal-content .modal-content-footer-password,
.login-component .modal .modal-content-welcome .modal-content-footer-password,
.modal-promo .modal .modal-content .modal-content-footer-password,
.modal-promo .modal .modal-content-welcome .modal-content-footer-password {
  padding-top: 16px;
  border-top: none;
}
.login-component .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.login-component .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content .modal-content-footer-password .modal-content-footer__forgot-password,
.modal-promo .modal .modal-content-welcome .modal-content-footer-password .modal-content-footer__forgot-password {
  text-align: left;
}
.login-component .modal .modal-content .gigya-login-form .with-site-login > .gigya-layout-row,
.login-component .modal .modal-content-welcome .gigya-login-form .with-site-login > .gigya-layout-row,
.modal-promo .modal .modal-content .gigya-login-form .with-site-login > .gigya-layout-row,
.modal-promo .modal .modal-content-welcome .gigya-login-form .with-site-login > .gigya-layout-row {
  display: none !important;
}
.login-component .modal .modal-content .gigya-login-form .with-site-login,
.login-component .modal .modal-content-welcome .gigya-login-form .with-site-login,
.modal-promo .modal .modal-content .gigya-login-form .with-site-login,
.modal-promo .modal .modal-content-welcome .gigya-login-form .with-site-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 16px;
}
.login-component .modal .modal-content .gigya-login-form .with-site-login > label:last-of-type,
.login-component .modal .modal-content-welcome .gigya-login-form .with-site-login > label:last-of-type,
.modal-promo .modal .modal-content .gigya-login-form .with-site-login > label:last-of-type,
.modal-promo .modal .modal-content-welcome .gigya-login-form .with-site-login > label:last-of-type {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
  padding-top: 20px;
  text-align: center;
  border-top: 1px solid #DDDDDD;
}
.login-component .modal .modal-content .gigya-login-form .with-site-login > label:last-of-type .rp-link,
.login-component .modal .modal-content-welcome .gigya-login-form .with-site-login > label:last-of-type .rp-link,
.modal-promo .modal .modal-content .gigya-login-form .with-site-login > label:last-of-type .rp-link,
.modal-promo .modal .modal-content-welcome .gigya-login-form .with-site-login > label:last-of-type .rp-link {
  margin-left: 4px;
  cursor: pointer;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-image,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-image,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-image,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-image {
  margin-bottom: 8px;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-image .gigya-image,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-image .gigya-image,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-image .gigya-image,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-image .gigya-image {
    height: 48px !important;
    width: 48px !important;
  }
}
.login-component .modal .modal-content .gigya-login-form .with-site-login > div.gigya-composite-control-image:nth-of-type(4),
.login-component .modal .modal-content-welcome .gigya-login-form .with-site-login > div.gigya-composite-control-image:nth-of-type(4),
.modal-promo .modal .modal-content .gigya-login-form .with-site-login > div.gigya-composite-control-image:nth-of-type(4),
.modal-promo .modal .modal-content-welcome .gigya-login-form .with-site-login > div.gigya-composite-control-image:nth-of-type(4) {
  margin-left: 0;
}
.login-component .modal .modal-content .gigya-login-form .with-site-login > div.gigya-composite-control-image:nth-of-type(9),
.login-component .modal .modal-content-welcome .gigya-login-form .with-site-login > div.gigya-composite-control-image:nth-of-type(9),
.modal-promo .modal .modal-content .gigya-login-form .with-site-login > div.gigya-composite-control-image:nth-of-type(9),
.modal-promo .modal .modal-content-welcome .gigya-login-form .with-site-login > div.gigya-composite-control-image:nth-of-type(9) {
  margin-right: 0;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
  margin-top: 32px;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .no-arrows,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .no-arrows,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .no-arrows,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .no-arrows {
  display: none;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:after,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:after,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:after,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:after {
  content: " Acceder con Facebook";
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:after,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:after,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:after,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:after {
  content: " Acceder con Google";
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:after,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:after,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:after,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-social-login .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:after {
  content: " Acceder con Apple ID";
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-password + .error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password + .error-form,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-password + .error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-password + .error-form {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.login-component .modal .modal-content .gigya-login-form .error-form,
.login-component .modal .modal-content-welcome .gigya-login-form .error-form,
.modal-promo .modal .modal-content .gigya-login-form .error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form .error-form {
  display: none;
  margin-top: 4px;
  color: #E4002B;
}
.login-component .modal .modal-content .gigya-login-form.gigya-form-error input[type=text],
.login-component .modal .modal-content .gigya-login-form.gigya-form-error input[type=password],
.login-component .modal .modal-content-welcome .gigya-login-form.gigya-form-error input[type=text],
.login-component .modal .modal-content-welcome .gigya-login-form.gigya-form-error input[type=password],
.modal-promo .modal .modal-content .gigya-login-form.gigya-form-error input[type=text],
.modal-promo .modal .modal-content .gigya-login-form.gigya-form-error input[type=password],
.modal-promo .modal .modal-content-welcome .gigya-login-form.gigya-form-error input[type=text],
.modal-promo .modal .modal-content-welcome .gigya-login-form.gigya-form-error input[type=password] {
  border-color: #E4002B;
}
.login-component .modal .modal-content .gigya-login-form.gigya-form-error .error-form,
.login-component .modal .modal-content-welcome .gigya-login-form.gigya-form-error .error-form,
.modal-promo .modal .modal-content .gigya-login-form.gigya-form-error .error-form,
.modal-promo .modal .modal-content-welcome .gigya-login-form.gigya-form-error .error-form {
  display: block !important;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-captcha-widget,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-captcha-widget,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-captcha-widget,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-captcha-widget {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  width: 100%;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-link,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  margin: 0;
  margin-top: 16px !important;
  color: #016A7F;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-link:hover,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link:hover,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-link:hover,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link:hover {
  text-decoration: none;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-link:focus, .login-component .modal .modal-content .gigya-login-form .gigya-composite-control-link:focus-visible,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link:focus,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link:focus-visible,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-link:focus,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-link:focus-visible,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link:focus,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-link:focus-visible {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
  margin: 16px 0;
  position: relative;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit::before,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit::before,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit::before,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 1px;
  margin-top: 24px;
  background-color: #DDDDDD;
  z-index: 0;
}
.login-component .modal .modal-content .gigya-login-form .gigya-composite-control-submit::after,
.login-component .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit::after,
.modal-promo .modal .modal-content .gigya-login-form .gigya-composite-control-submit::after,
.modal-promo .modal .modal-content-welcome .gigya-login-form .gigya-composite-control-submit::after {
  content: "o";
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 24px;
  padding: 0 8px;
  font-size: 1rem;
  background-color: #ffffff;
  z-index: 1;
}
.login-component .modal .modal-content .gigya-register-form .with-site-login,
.login-component .modal .modal-content-welcome .gigya-register-form .with-site-login,
.modal-promo .modal .modal-content .gigya-register-form .with-site-login,
.modal-promo .modal .modal-content-welcome .gigya-register-form .with-site-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.login-component .modal .modal-content .gigya-register-form .with-site-login .with-two-inputs,
.login-component .modal .modal-content .gigya-register-form .with-site-login .gigya-layout-row,
.login-component .modal .modal-content-welcome .gigya-register-form .with-site-login .with-two-inputs,
.login-component .modal .modal-content-welcome .gigya-register-form .with-site-login .gigya-layout-row,
.modal-promo .modal .modal-content .gigya-register-form .with-site-login .with-two-inputs,
.modal-promo .modal .modal-content .gigya-register-form .with-site-login .gigya-layout-row,
.modal-promo .modal .modal-content-welcome .gigya-register-form .with-site-login .with-two-inputs,
.modal-promo .modal .modal-content-welcome .gigya-register-form .with-site-login .gigya-layout-row {
  width: 100%;
}
.login-component .modal .modal-content .gigya-register-form .with-site-login > label:last-of-type,
.login-component .modal .modal-content-welcome .gigya-register-form .with-site-login > label:last-of-type,
.modal-promo .modal .modal-content .gigya-register-form .with-site-login > label:last-of-type,
.modal-promo .modal .modal-content-welcome .gigya-register-form .with-site-login > label:last-of-type {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
  padding-top: 20px;
  border-top: 1px solid #DDDDDD;
}
.login-component .modal .modal-content .gigya-register-form .with-site-login > label:last-of-type .rp-link,
.login-component .modal .modal-content-welcome .gigya-register-form .with-site-login > label:last-of-type .rp-link,
.modal-promo .modal .modal-content .gigya-register-form .with-site-login > label:last-of-type .rp-link,
.modal-promo .modal .modal-content-welcome .gigya-register-form .with-site-login > label:last-of-type .rp-link {
  margin-left: 4px;
  cursor: pointer;
}
.login-component .modal .modal-content .gigya-register-form #register-social-login .gigya-layout-row.with-two-inputs,
.login-component .modal .modal-content-welcome .gigya-register-form #register-social-login .gigya-layout-row.with-two-inputs,
.modal-promo .modal .modal-content .gigya-register-form #register-social-login .gigya-layout-row.with-two-inputs,
.modal-promo .modal .modal-content-welcome .gigya-register-form #register-social-login .gigya-layout-row.with-two-inputs {
  margin-top: 16px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-social-login,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-social-login,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-social-login {
  margin-top: 16px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-login-providers-container .no-arrows,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .no-arrows,
.modal-promo .modal .modal-content .gigya-register-form .gigya-login-providers-container .no-arrows,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .no-arrows {
  display: none;
}
.login-component .modal .modal-content .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row,
.modal-promo .modal .modal-content .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row {
  padding-bottom: 0;
}
.login-component .modal .modal-content .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Facebook_btn:after {
  content: "Regístrate con Facebook";
}
.login-component .modal .modal-content .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Google_btn:after {
  content: "Regístrate con Google";
}
.login-component .modal .modal-content .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container .gigya-login-provider-row > span button#Apple_btn:after {
  content: "Registrarse con Apple ID";
}
.login-component .modal .modal-content .gigya-register-form .gigya-login-providers-container::before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container::before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-login-providers-container::before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 1px;
  margin-top: 24px;
  background-color: #DDDDDD;
  z-index: 0;
}
.login-component .modal .modal-content .gigya-register-form .gigya-login-providers-container::after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container::after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-login-providers-container::after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-login-providers-container::after {
  content: "o";
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 24px;
  padding: 0 8px;
  font-size: 1rem;
  background-color: #ffffff;
  z-index: 1;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.text-input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.text-input {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-password.gr17-input-join.pass-conf,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password.gr17-input-join.pass-conf,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-password.gr17-input-join.pass-conf,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-password.gr17-input-join.pass-conf {
  margin-bottom: 8px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox {
  position: relative;
  width: auto;
  padding: 0;
  padding-left: 32px;
  padding-right: 28px;
  margin: 16px 0 0 0 !important;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox input, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox > label::before,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox input:checked + label:after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox > label::before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox input:checked + label:after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox > label::before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox input:checked + label:after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox > label::before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox input:checked + label:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox input {
  margin: 0;
  z-index: 1;
  visibility: hidden;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text strong,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text a,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text strong,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text a,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text strong,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text a,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text strong,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text a {
  font-size: 1rem;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text a,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text a,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text a,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox label .gigya-label-text a {
  color: #016A7F;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox > label::before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox > label::before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox > label::before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox > label::before {
  content: "";
  background-color: #C0EBF2;
  border: 1px solid #00ADC3;
  border-radius: 4px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox input:checked + label:after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox input:checked + label:after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox input:checked + label:after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox input:checked + label:after {
  content: "\e91d" !important;
  font-family: "Guia Icons";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  font-size: 18px;
  color: #016A7F;
}
.login-component .modal .modal-content .gigya-register-form .checkbox--accept-all,
.login-component .modal .modal-content-welcome .gigya-register-form .checkbox--accept-all,
.modal-promo .modal .modal-content .gigya-register-form .checkbox--accept-all,
.modal-promo .modal .modal-content-welcome .gigya-register-form .checkbox--accept-all {
  position: relative;
  width: 100%;
  padding-right: 28px;
}
.login-component .modal .modal-content .gigya-register-form .checkbox--accept-all .gigya-checkbox-text strong,
.login-component .modal .modal-content-welcome .gigya-register-form .checkbox--accept-all .gigya-checkbox-text strong,
.modal-promo .modal .modal-content .gigya-register-form .checkbox--accept-all .gigya-checkbox-text strong,
.modal-promo .modal .modal-content-welcome .gigya-register-form .checkbox--accept-all .gigya-checkbox-text strong {
  font-weight: 400;
}
.login-component .modal .modal-content .gigya-register-form .checkbox--accept-all::after,
.login-component .modal .modal-content-welcome .gigya-register-form .checkbox--accept-all::after,
.modal-promo .modal .modal-content .gigya-register-form .checkbox--accept-all::after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .checkbox--accept-all::after {
  content: "\e904";
  position: absolute;
  top: -6px;
  right: 0;
  width: 24px;
  height: 24px;
  color: #016A7F;
  font-family: "Guia Icons";
  font-size: 24px;
  cursor: pointer;
}
.login-component .modal .modal-content .gigya-register-form .checkbox--accept-all.activo::after,
.login-component .modal .modal-content-welcome .gigya-register-form .checkbox--accept-all.activo::after,
.modal-promo .modal .modal-content .gigya-register-form .checkbox--accept-all.activo::after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .checkbox--accept-all.activo::after {
  content: "\e907";
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-hide,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-hide,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-hide,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-hide {
  display: none !important;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-show,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-show,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-show,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-show {
  display: block;
  padding-left: 64px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-show input, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-show > label::before,
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-show input:checked + label:after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-show input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-show > label::before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-show input:checked + label:after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-show input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-show > label::before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-checkbox.gr17-show input:checked + label:after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-show input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-show > label::before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-checkbox.gr17-show input:checked + label:after {
  left: 32px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-captcha-widget,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-captcha-widget,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-captcha-widget,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-captcha-widget {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-top: 20px;
  width: 100%;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-primary,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-primary,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-primary,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-primary {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
  margin: 24px 0px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
  margin-bottom: 24px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term a,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term a,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-label.acept-term a,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-label.acept-term a {
  margin: 0;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 40px 16px;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent input, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input {
  height: auto;
  width: auto;
  color: #464646;
  background: none;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent input, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent input,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent input,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent input,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent input {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent::before, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent::before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent::before,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent::before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent::before,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent::before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent::before,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent::before {
  content: "";
  position: absolute;
  height: 1px;
  left: 0px;
  right: 0px;
  top: 0px;
  background: #DDDDDD;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent::after, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent::after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent::after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent::after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent::after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent::after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent::after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent::after {
  content: "\e904";
  color: #016A7F;
  font-family: "Guia Icons";
  font-size: 24px;
  cursor: pointer;
}
.login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent.activo::after, .login-component .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent.activo::after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent.activo::after,
.login-component .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent.activo::after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent.activo::after,
.modal-promo .modal .modal-content .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent.activo::after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-show-consent.activo::after,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gigya-composite-control-submit.gr17-btn-consent.gr17-btn-consent.activo::after {
  content: "\e907";
}
.login-component .modal .modal-content .gigya-register-form .gr17-legal-text,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content .gigya-register-form .gr17-legal-text,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-legal-text {
  display: none;
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
  margin: 0;
  margin-bottom: 24px;
  color: #757575;
}
.login-component .modal .modal-content .gigya-register-form .gr17-legal-text strong,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-legal-text strong,
.modal-promo .modal .modal-content .gigya-register-form .gr17-legal-text strong,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-legal-text strong {
  color: #464646;
}
.login-component .modal .modal-content .gigya-register-form .gr17-legal-text a,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-legal-text a,
.modal-promo .modal .modal-content .gigya-register-form .gr17-legal-text a,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-legal-text a {
  color: #016A7F !important;
}
.login-component .modal .modal-content .gigya-register-form .gr17-legal-text *,
.login-component .modal .modal-content-welcome .gigya-register-form .gr17-legal-text *,
.modal-promo .modal .modal-content .gigya-register-form .gr17-legal-text *,
.modal-promo .modal .modal-content-welcome .gigya-register-form .gr17-legal-text * {
  font-size: 0.75rem !important;
}
.login-component .modal .modal-content .gigya-loader,
.login-component .modal .modal-content-welcome .gigya-loader,
.modal-promo .modal .modal-content .gigya-loader,
.modal-promo .modal .modal-content-welcome .gigya-loader {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 2;
}
.login-component .modal .modal-content .gigya-loader.active,
.login-component .modal .modal-content-welcome .gigya-loader.active,
.modal-promo .modal .modal-content .gigya-loader.active,
.modal-promo .modal .modal-content-welcome .gigya-loader.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
}
.login-component .modal .modal-content .gigya-loader progress,
.login-component .modal .modal-content-welcome .gigya-loader progress,
.modal-promo .modal .modal-content .gigya-loader progress,
.modal-promo .modal .modal-content-welcome .gigya-loader progress {
  display: block;
}
.login-component .modal .modal-content #gigya-forgot-password-screen *,
.login-component .modal .modal-content #gigya-forgot-password-success-screen *,
.login-component .modal .modal-content #gigya-reset-password *,
.login-component .modal .modal-content #gigya-reset-password-success-screen *,
.login-component .modal .modal-content #gigya-complete-registration-screen *,
.login-component .modal .modal-content #gigya-verification-code-screen *,
.login-component .modal .modal-content #gigya-verification-sent-screen *,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen *,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen *,
.login-component .modal .modal-content-welcome #gigya-reset-password *,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen *,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen *,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen *,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen *,
.modal-promo .modal .modal-content #gigya-forgot-password-screen *,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen *,
.modal-promo .modal .modal-content #gigya-reset-password *,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen *,
.modal-promo .modal .modal-content #gigya-complete-registration-screen *,
.modal-promo .modal .modal-content #gigya-verification-code-screen *,
.modal-promo .modal .modal-content #gigya-verification-sent-screen *,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen *,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen *,
.modal-promo .modal .modal-content-welcome #gigya-reset-password *,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen *,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen *,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen *,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen * {
  width: 100%;
  max-width: inherit;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header {
  margin-top: 0;
  margin-bottom: 16px;
  text-align: left !important;
  color: #464646;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label {
  margin-top: 0;
  margin-bottom: 24px;
  text-align: left !important;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password {
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password {
    height: 48px;
    padding-block: 12px;
  }
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text.validation--error,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password.validation--error {
  border-color: #E4002B;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-webkit-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-moz-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::-ms-input-placeholder, .modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text::placeholder,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:focus, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:active,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:active,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:focus,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password:active,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:active,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password:active {
  border-color: #016A7F;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-password.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text.gigya-error,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-password.gigya-error {
  border: 1px solid #E4002B;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-error-msg {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025px;
  width: 100%;
  color: #E4002B;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-error-msg.gigya-error-msg-active {
  text-align: left !important;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-top: 4px;
  margin-inline: 0;
  padding: 0;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox .gigya-input-text:focus,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gigya-input-text:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-textbox,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-textbox {
  padding: 0;
  margin-bottom: 24px;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password {
  position: relative;
  padding-bottom: 24px;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid, .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-valid,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password input.gigya-show-checkmark.gigya-pending {
  background-image: none;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password {
  position: absolute;
  right: 16px;
  top: 12px;
  width: 24px;
  height: 24px;
  margin: 0;
  font-family: "Guia Icons" !important;
  font-size: 1.25rem;
  color: #016A7F;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password {
    top: 8px;
  }
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password::before,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password::before,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password::before {
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password.show::before,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password.show::before {
  content: "\e93d";
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-password .gr-toggle-password.hide::before,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-password .gr-toggle-password.hide::before {
  content: "\e93e";
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gr17-btn-primary input,
.login-component .modal .modal-content #gigya-forgot-password-screen .gr17-btn-primary,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gr17-btn-primary input,
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gr17-btn-primary,
.login-component .modal .modal-content #gigya-reset-password .gr17-btn-primary input,
.login-component .modal .modal-content #gigya-reset-password .gr17-btn-primary,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gr17-btn-primary input,
.login-component .modal .modal-content #gigya-reset-password-success-screen .gr17-btn-primary,
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary input,
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary,
.login-component .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary input,
.login-component .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary,
.login-component .modal .modal-content #gigya-verification-sent-screen .gr17-btn-primary input,
.login-component .modal .modal-content #gigya-verification-sent-screen .gr17-btn-primary,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gr17-btn-primary input,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gr17-btn-primary,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-btn-primary input,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-btn-primary,
.login-component .modal .modal-content-welcome #gigya-reset-password .gr17-btn-primary input,
.login-component .modal .modal-content-welcome #gigya-reset-password .gr17-btn-primary,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gr17-btn-primary input,
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gr17-btn-primary,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary input,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gr17-btn-primary input,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gr17-btn-primary,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gr17-btn-primary,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gr17-btn-primary,
.modal-promo .modal .modal-content #gigya-reset-password .gr17-btn-primary input,
.modal-promo .modal .modal-content #gigya-reset-password .gr17-btn-primary,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gr17-btn-primary,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gr17-btn-primary,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gr17-btn-primary,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-btn-primary,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gr17-btn-primary input,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gr17-btn-primary,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gr17-btn-primary,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gr17-btn-primary {
  width: 100%;
  max-width: inherit;
  padding-inline: 0 !important;
  margin-bottom: 0;
  border: none;
  background-color: #016A7F;
  border-radius: 8px;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-layout-row:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-layout-row:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-layout-row:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-layout-row:not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)) {
  display: none;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .gigya-composite-control-label:not(.gr17-introduce-text) {
  margin-bottom: 4px;
  color: #464646;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-init-login,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login {
  margin-inline: 0;
  padding-top: 16px;
  cursor: pointer;
}
.login-component .modal .modal-content #gigya-forgot-password-screen .rp-init-login:hover, .login-component .modal .modal-content #gigya-forgot-password-screen .rp-init-login:active,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login:hover,
.login-component .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login:active,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-init-login:hover,
.modal-promo .modal .modal-content #gigya-forgot-password-screen .rp-init-login:active,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login:hover,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-screen .rp-init-login:active {
  color: #016A7F;
  opacity: 1;
}
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gigya-layout-row:not(:nth-of-type(1)):not(:nth-of-type(4)),
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-layout-row:not(:nth-of-type(1)):not(:nth-of-type(4)),
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gigya-layout-row:not(:nth-of-type(1)):not(:nth-of-type(4)),
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gigya-layout-row:not(:nth-of-type(1)):not(:nth-of-type(4)) {
  display: none;
}
.login-component .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .gr17-introduce-text strong,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .gr17-introduce-text strong {
  font-family: "Roboto-Bold";
}
.login-component .modal .modal-content #gigya-forgot-password-success-screen .recover-password-text,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .recover-password-text,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .recover-password-text,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .recover-password-text {
  margin-bottom: 0;
}
.login-component .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.login-component .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content #gigya-forgot-password-success-screen .rp-link-forgot-password,
.modal-promo .modal .modal-content-welcome #gigya-forgot-password-success-screen .rp-link-forgot-password {
  display: inline;
  color: #016A7F;
}
.login-component .modal .modal-content #gigya-reset-password .gigya-layout-row:not(:first-of-type),
.login-component .modal .modal-content #gigya-reset-password-success-screen .gigya-layout-row:not(:first-of-type),
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-layout-row:not(:first-of-type),
.login-component .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-layout-row:not(:first-of-type),
.modal-promo .modal .modal-content #gigya-reset-password .gigya-layout-row:not(:first-of-type),
.modal-promo .modal .modal-content #gigya-reset-password-success-screen .gigya-layout-row:not(:first-of-type),
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-layout-row:not(:first-of-type),
.modal-promo .modal .modal-content-welcome #gigya-reset-password-success-screen .gigya-layout-row:not(:first-of-type) {
  display: none;
}
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-header {
  margin-bottom: 24px;
}
.login-component .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-reset-password .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-reset-password .gigya-composite-control-label {
  margin-bottom: 4px;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column {
  width: 100%;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column.gr17-checkbox-yes, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column.gr17-consents-checkbox,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column.gr17-checkbox-yes,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column.gr17-consents-checkbox,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column.gr17-checkbox-yes,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column.gr17-consents-checkbox,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column.gr17-checkbox-yes,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-checkbox-align-column.gr17-consents-checkbox {
  width: 100%;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-profile-form,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-profile-form,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-profile-form,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-profile-form {
  margin: 0;
  max-width: 100% !important;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2 {
  margin: 0;
  margin-bottom: 24px;
  text-align: left !important;
  color: #464646;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-h2 {
    margin-bottom: 32px;
    font-size: 1.5rem;
  }
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label.gigya-composite-control-checkbox,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label.gigya-composite-control-checkbox,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-label.gigya-composite-control-checkbox,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-label.gigya-composite-control-checkbox {
  display: none !important;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit {
  padding: 0;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-submit.gr17-btn-show-consent input {
  color: #016A7F;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control.gigya-composite-control-link.gr17-link {
  display: block;
  margin: 0;
  color: #016A7F !important;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox {
  position: relative;
  width: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0;
  padding-left: 32px;
  padding-right: 28px;
  margin: 16px 0 0 0 !important;
  display: block;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox input, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox > label::before,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox input:checked + label:after,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox > label::before,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox input:checked + label:after,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox > label::before,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox input:checked + label:after,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox > label::before,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox input:checked + label:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox input {
  margin: 0;
  z-index: 1;
  visibility: hidden;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text strong,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text a,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text strong,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text a,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text strong,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text a,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text strong,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text a {
  font-size: 1rem;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text a,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text a,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text a,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox label .gigya-label-text a {
  color: #016A7F;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox > label::before,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox > label::before,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox > label::before,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox > label::before {
  content: "";
  background-color: #C0EBF2;
  border: 1px solid #00ADC3;
  border-radius: 4px;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox input:checked + label:after,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox input:checked + label:after,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox input:checked + label:after,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox input:checked + label:after {
  content: "\e91d" !important;
  font-family: "Guia Icons";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  font-size: 18px;
  color: #016A7F;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox .gigya-label-text strong,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox .gigya-label-text a,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox .gigya-label-text strong,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox .gigya-label-text a,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox .gigya-label-text strong,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox .gigya-label-text a,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox .gigya-label-text strong,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox .gigya-label-text a {
  font-family: "Roboto-Regular";
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-hide,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-hide,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-hide,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-hide {
  display: none !important;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .checkbox--accept-conditions,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .checkbox--accept-conditions,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .checkbox--accept-conditions,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .checkbox--accept-conditions {
  padding-bottom: 24px;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .checkbox--accept-conditions .gigya-label-text a,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .checkbox--accept-conditions .gigya-label-text a,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .checkbox--accept-conditions .gigya-label-text a,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .checkbox--accept-conditions .gigya-label-text a {
  margin: 0;
  font-family: "Roboto-Regular";
  font-weight: 700;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all),
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all),
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all),
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) {
  display: block;
  padding-left: 64px;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) input, .login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) > label::before,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) input:checked + label:after,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) > label::before,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) input:checked + label:after,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) > label::before,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) input:checked + label:after,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) > label::before,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.gr17-show:not(.checkbox--accept-all) input:checked + label:after {
  left: 32px;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all {
  display: block !important;
  position: relative;
  width: 100%;
  padding-top: 24px;
  margin-top: 0 !important;
  border-top: 1px solid #DDDDDD;
  max-width: -webkit-fill-available;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all::after,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all::after,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all::after,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all::after {
  content: "\e904";
  position: absolute;
  top: 24px;
  right: 0;
  width: 24px;
  height: 24px;
  color: #016A7F;
  font-family: "Guia Icons";
  font-size: 24px;
  cursor: pointer;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all.activo::after,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all.activo::after,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all.activo::after,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all.activo::after {
  content: "\e907";
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all > label::before,
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all input:checked + label:after,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all > label::before,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all input:checked + label:after,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all > label::before,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all input:checked + label:after,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all > label::before,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-composite-control-checkbox.checkbox--accept-all input:checked + label:after {
  top: 24px;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .error-terms,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .error-terms,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .error-terms,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .error-terms {
  display: none;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-error-msg {
  margin-bottom: 0;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025px;
  width: 100%;
  color: #E4002B;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-error-msg.gigya-error-msg-active {
  text-align: left !important;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-top: 4px;
  margin-inline: 0;
  padding: 0;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gigya-error-msg .gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-error-msg .gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gigya-error-msg .gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gigya-error-msg .gigya-error-msg-active {
  max-width: 100%;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary {
  margin-top: 24px;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary input {
  background-color: #DDDDDD;
  color: #AAAAAA !important;
  font-family: "Roboto-Regular";
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.accept-btn--active input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.accept-btn--active input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.accept-btn--active input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.accept-btn--active input {
  background-color: #016A7F;
  color: #ffffff !important;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected {
  margin-top: 16px;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input {
  color: #016A7F !important;
  background-color: #C0EBF2;
  color: #016A7F;
  background-color: #C0EBF2;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:hover,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:hover,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:hover,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:hover {
  color: #016A7F;
  background-color: #92D9E2;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:active,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:active,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:active,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:active {
  background-color: #B0E1E7;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:focus,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:focus,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:focus,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:focus {
  border-color: #9CD1FF;
  outline: 0;
}
.login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:disabled, .login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input.rp-disabled, .login-component .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input[disabled=disabled],
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:disabled,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input.rp-disabled,
.login-component .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input[disabled=disabled],
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:disabled,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input.rp-disabled,
.modal-promo .modal .modal-content #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input[disabled=disabled],
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input:disabled,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input.rp-disabled,
.modal-promo .modal .modal-content-welcome #gigya-complete-registration-screen .gr17-btn-primary.rp-btn--rejected input[disabled=disabled] {
  color: #AAAAAA;
  background-color: #DDDDDD;
}
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-textbox,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-textbox {
  margin-bottom: 16px;
}
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label {
  margin-bottom: 24px;
}
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control.gigya-composite-control-label a {
  color: #016A7F !important;
  cursor: pointer;
}
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-composite-control-label.gr17-h2 {
  margin-bottom: 16px;
  color: #464646;
}
.login-component .modal .modal-content #gigya-verification-code-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-code-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .email-display {
  display: block;
  margin-bottom: 16px;
  color: #464646;
  font-family: "Roboto-Regular";
  font-weight: 600 !important;
}
.login-component .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary input,
.login-component .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary input,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary input,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary {
  background-color: #DDDDDD;
  color: #AAAAAA !important;
}
.login-component .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary .gigya-input-submit.code-btn-active,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary .gigya-input-submit.code-btn-active,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gr17-btn-primary .gigya-input-submit.code-btn-active,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gr17-btn-primary .gigya-input-submit.code-btn-active {
  background-color: #016A7F;
  color: #ffffff !important;
}
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-error-msg,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-error-msg,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-error-msg,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-error-msg {
  margin-bottom: 0;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025px;
  width: 100%;
  color: #E4002B;
}
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-error-msg.gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-error-msg.gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-error-msg.gigya-error-msg-active {
  text-align: left !important;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-top: 4px;
  margin-inline: 0;
  padding: 0;
}
.login-component .modal .modal-content #gigya-verification-code-screen .gigya-error-msg .gigya-error-msg-active,
.login-component .modal .modal-content-welcome #gigya-verification-code-screen .gigya-error-msg .gigya-error-msg-active,
.modal-promo .modal .modal-content #gigya-verification-code-screen .gigya-error-msg .gigya-error-msg-active,
.modal-promo .modal .modal-content-welcome #gigya-verification-code-screen .gigya-error-msg .gigya-error-msg-active {
  max-width: 100%;
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-image,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-image,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-image,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-image {
  padding-bottom: 16px;
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header {
  font-size: 22px !important;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header {
    font-size: 26px !important;
  }
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header.title-block--center,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header.title-block--center,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-header.title-block--center,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-header.title-block--center {
    text-align: center !important;
  }
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label {
  margin-bottom: 8px;
  padding-left: 20px;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label {
    margin-bottom: 0;
  }
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label.gigya-composite-control-label--center,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label.gigya-composite-control-label--center,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label.gigya-composite-control-label--center,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label.gigya-composite-control-label--center {
  padding-left: 0;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label.gigya-composite-control-label--center,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label.gigya-composite-control-label--center,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label.gigya-composite-control-label--center,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label.gigya-composite-control-label--center {
    text-align: center !important;
  }
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a {
  color: #016A7F;
  cursor: pointer;
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a:hover,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a:hover,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-composite-control-label a:hover,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-composite-control-label a:hover {
  text-decoration: none;
  opacity: 0.75;
}
.login-component .modal .modal-content #gigya-verification-sent-screen .title-step,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .title-step,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .title-step,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .title-step {
  padding-bottom: 8px;
}
.login-component .modal .modal-content #gigya-verification-sent-screen .text-step-1,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .text-step-1,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .text-step-1,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .text-step-1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-label-text,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-label-text,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-label-text,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-label-text {
  margin-bottom: 0;
  padding-bottom: 0;
}
.login-component .modal .modal-content #gigya-verification-sent-screen .email-display,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .email-display,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .email-display {
  display: block;
  width: unset;
  padding-bottom: 8px;
  padding-left: 20px;
  color: #464646;
  font-family: "Roboto-Regular";
  font-weight: 600 !important;
}
.login-component .modal .modal-content #gigya-verification-sent-screen .email-display.email-display--center,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .email-display.email-display--center,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .email-display.email-display--center,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .email-display.email-display--center {
  padding-left: 0;
  padding-bottom: 32px;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content #gigya-verification-sent-screen .email-display.email-display--center,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .email-display.email-display--center,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .email-display.email-display--center,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .email-display.email-display--center {
    text-align: center !important;
  }
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-verification-resend-email,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-verification-resend-email,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-verification-resend-email,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-verification-resend-email {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0;
}
@media (min-width: 64rem) {
  .login-component .modal .modal-content #gigya-verification-sent-screen .gigya-verification-resend-email,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-verification-resend-email,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-verification-resend-email,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-verification-resend-email {
    text-align: center !important;
  }
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-verification-resend-email--left,
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-verification-resend-email--left,
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-verification-resend-email--left,
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-verification-resend-email--left {
  padding-left: 20px;
  text-align: left !important;
}
.login-component .modal .modal-content #gigya-verification-sent-screen .gigya-layout-row:not(:nth-of-type(1)),
.login-component .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-layout-row:not(:nth-of-type(1)),
.modal-promo .modal .modal-content #gigya-verification-sent-screen .gigya-layout-row:not(:nth-of-type(1)),
.modal-promo .modal .modal-content-welcome #gigya-verification-sent-screen .gigya-layout-row:not(:nth-of-type(1)) {
  display: none;
}
.login-component .modal .modal-content .verf-link--booking,
.login-component .modal .modal-content .verf-link--promo,
.login-component .modal .modal-content-welcome .verf-link--booking,
.login-component .modal .modal-content-welcome .verf-link--promo,
.modal-promo .modal .modal-content .verf-link--booking,
.modal-promo .modal .modal-content .verf-link--promo,
.modal-promo .modal .modal-content-welcome .verf-link--booking,
.modal-promo .modal .modal-content-welcome .verf-link--promo {
  display: none;
}
.login-component .modal .modal-content .verf-link--booking--show,
.login-component .modal .modal-content .verf-link--promo--show,
.login-component .modal .modal-content-welcome .verf-link--booking--show,
.login-component .modal .modal-content-welcome .verf-link--promo--show,
.modal-promo .modal .modal-content .verf-link--booking--show,
.modal-promo .modal .modal-content .verf-link--promo--show,
.modal-promo .modal .modal-content-welcome .verf-link--booking--show,
.modal-promo .modal .modal-content-welcome .verf-link--promo--show {
  display: block;
  margin-top: 24px;
}
.login-component .modal .modal-content .verf-link--booking p,
.login-component .modal .modal-content .verf-link--promo p,
.login-component .modal .modal-content-welcome .verf-link--booking p,
.login-component .modal .modal-content-welcome .verf-link--promo p,
.modal-promo .modal .modal-content .verf-link--booking p,
.modal-promo .modal .modal-content .verf-link--promo p,
.modal-promo .modal .modal-content-welcome .verf-link--booking p,
.modal-promo .modal .modal-content-welcome .verf-link--promo p {
  margin-bottom: 8px;
}
.login-component .modal .modal-content .verf-link--booking .text-step-2,
.login-component .modal .modal-content .verf-link--promo .text-step-2,
.login-component .modal .modal-content-welcome .verf-link--booking .text-step-2,
.login-component .modal .modal-content-welcome .verf-link--promo .text-step-2,
.modal-promo .modal .modal-content .verf-link--booking .text-step-2,
.modal-promo .modal .modal-content .verf-link--promo .text-step-2,
.modal-promo .modal .modal-content-welcome .verf-link--booking .text-step-2,
.modal-promo .modal .modal-content-welcome .verf-link--promo .text-step-2 {
  padding-left: 20px;
}
.login-component .modal .modal-content .verf-link--booking .continue-promo,
.login-component .modal .modal-content .verf-link--booking .continue-booking,
.login-component .modal .modal-content .verf-link--promo .continue-promo,
.login-component .modal .modal-content .verf-link--promo .continue-booking,
.login-component .modal .modal-content-welcome .verf-link--booking .continue-promo,
.login-component .modal .modal-content-welcome .verf-link--booking .continue-booking,
.login-component .modal .modal-content-welcome .verf-link--promo .continue-promo,
.login-component .modal .modal-content-welcome .verf-link--promo .continue-booking,
.modal-promo .modal .modal-content .verf-link--booking .continue-promo,
.modal-promo .modal .modal-content .verf-link--booking .continue-booking,
.modal-promo .modal .modal-content .verf-link--promo .continue-promo,
.modal-promo .modal .modal-content .verf-link--promo .continue-booking,
.modal-promo .modal .modal-content-welcome .verf-link--booking .continue-promo,
.modal-promo .modal .modal-content-welcome .verf-link--booking .continue-booking,
.modal-promo .modal .modal-content-welcome .verf-link--promo .continue-promo,
.modal-promo .modal .modal-content-welcome .verf-link--promo .continue-booking {
  padding-bottom: 0;
  padding-left: 20px;
  cursor: pointer;
}
.login-component .modal .modal-content input[type=text],
.login-component .modal .modal-content-welcome input[type=text],
.modal-promo .modal .modal-content input[type=text],
.modal-promo .modal .modal-content-welcome input[type=text] {
  max-width: inherit;
}
.login-component .modal .gigya-screen.portrait,
.modal-promo .modal .gigya-screen.portrait {
  width: 100%;
  font-size: 15px;
  padding: 0;
}
.login-component .modal .gigya-screen-loader,
.modal-promo .modal .gigya-screen-loader {
  top: 50%;
}

.gigya-composite-control.gigya-spacer {
  display: none;
}

.modal-promo .separator-line {
  display: none;
}
.modal-promo .gigya-screen-content > div {
  width: 100% !important;
  padding: 0 !important;
}
.modal-promo .gigya-screen-content > div .gigya-login-form .gigya-composite-control-link {
  margin: 0 !important;
  padding: 0;
}
.modal-promo .gigya-login-providers-container {
  -webkit-transform: translate(0);
          transform: translate(0);
  top: 0;
}

.section__logos picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section__logos picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.section__logos.container {
  padding-left: 8px;
  padding-right: 8px;
}
.section__logos.section__logos--full-width {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0;
  padding-right: 0;
}
.section__logos.paddingTop--8 {
  padding-top: 8px;
}
.section__logos.paddingTop--16 {
  padding-top: 16px;
}
.section__logos.paddingTop--24 {
  padding-top: 24px;
}
.section__logos.paddingTop--32 {
  padding-top: 32px;
}
.section__logos.paddingTop--40 {
  padding-top: 40px;
}
.section__logos.paddingTop--48 {
  padding-top: 48px;
}
.section__logos.paddingTop--56 {
  padding-top: 56px;
}
.section__logos.paddingTop--64 {
  padding-top: 64px;
}
.section__logos.paddingTop--72 {
  padding-top: 72px;
}
.section__logos.paddingTop--80 {
  padding-top: 80px;
}

@media (min-width: 64rem) {
  [class*=page-report-article] .section__logos.section__logos--full-width,
[class*=page-noticia] .section__logos.section__logos--full-width,
.page-ruta .section__logos.section__logos--full-width,
.page-promocion .section__logos.section__logos--full-width {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

.maps-ruta-component {
  margin: 0 !important;
}
@media (min-width: 1441px) {
  .maps-ruta-component {
    padding-left: 16px;
  }
}
.maps-ruta-component #maps-ruta {
  position: fixed;
  width: 100%;
  border-radius: 8px;
  height: 400px;
  visibility: hidden;
}
@media (min-width: 64rem) {
  .maps-ruta-component #maps-ruta {
    position: absolute;
    visibility: visible;
  }
}
@media (min-width: 90rem) {
  .maps-ruta-component #maps-ruta {
    position: static;
  }
}
.maps-ruta-component #maps-ruta img {
  -o-object-fit: contain;
     object-fit: contain;
}
.maps-ruta-component #maps-ruta .icon-rp-cross {
  position: relative;
}
.maps-ruta-component #maps-ruta .icon-rp-cross:before {
  content: "";
  width: calc(100% + 6px);
  height: 1px;
  background: #DDDDDD;
  position: absolute;
  bottom: -6px;
  left: -3px;
}
.maps-ruta-component #maps-ruta.fullScreem {
  position: fixed !important;
  z-index: 99;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
}
@media (min-width: 64rem) {
  .maps-ruta-component #maps-ruta {
    height: 520px;
  }
}
.maps-ruta-component .labels {
  color: #016A7F;
  font-size: 16px;
  line-height: 24px;
}
.maps-ruta-component .gm-style-iw-d {
  overflow: initial !important;
}
.maps-ruta-component .gm-style .gm-style-iw-c {
  padding: 0;
}
.maps-ruta-component .gm-style .gm-style-iw-c button {
  display: none !important;
}
.maps-ruta-component .card-component {
  padding: 0;
  max-width: 365px;
  display: inline-block;
  min-width: 320px;
}
.maps-ruta-component .card-component .card {
  padding: 0;
}
.maps-ruta-component .card-component .card.reportaje-card.card-s .card__content .title {
  margin-top: 0;
}
.maps-ruta-component .ampliMaps {
  display: none;
}
@media (min-width: 64rem) {
  .maps-ruta-component .ampliMaps {
    position: absolute;
    bottom: 128px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #ffffff;
    border-radius: 8px;
    cursor: pointer;
  }
  .maps-ruta-component .ampliMaps .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 24px;
    width: 24px;
    max-width: 24px;
    min-height: 24px;
    height: 24px;
    max-height: 24px;
    font-size: 1.25rem;
    color: #016A7F;
  }
  .maps-ruta-component .ampliMaps .icon-rp::before {
    font-size: 1.25rem;
  }
  .maps-ruta-component .ampliMaps .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
.maps-ruta-component .closeMaps {
  position: fixed;
  top: 12px;
  left: 12px;
  color: #016A7F;
  padding: 7px;
  background: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  z-index: 100;
  line-height: 1;
  font-size: 20px;
  display: none;
}
.maps-ruta-component .pathRoute {
  display: none;
  width: calc(100% - 100px);
  position: fixed;
  z-index: 100;
  bottom: 32px;
  left: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.maps-ruta-component .pathRoute a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 32px 11px;
  height: 48px;
  background: #ffffff;
  border-radius: 8px;
  color: #016A7F !important;
}
.maps-ruta-component .pathRoute a .icon {
  font-size: 20px;
  color: #016A7F !important;
  margin-right: 12px;
}

.warning-msg {
  position: fixed;
  top: -58px;
  left: 0;
  right: 0;
  z-index: 1000;
  opacity: 0;
  -webkit-transition: top 0.5s ease-out, opacity 0.5s ease-out;
  transition: top 0.5s ease-out, opacity 0.5s ease-out;
}
.warning-msg.warning-msg--show {
  top: 0;
  opacity: 1;
}
.warning-msg.warning-msg--hide {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
.warning-msg.error-msg {
  background-color: #FCE5E9;
  border: 1px solid #E4002B;
}
.warning-msg.success-msg {
  background-color: #D9F1EA;
  border: 1px solid #00a074;
}
.warning-msg .warning-msg-component .warning-msg-content {
  padding-block: 16px;
  margin-inline: -4px;
}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp::before {
  font-size: 1.5rem;
}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp img {
  width: 100%;
  height: 100%;
}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp.icon-rp-Error {
  color: #E4002B;
}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .icon-rp.icon-rp-Check_02 {
  color: #00a074;
}
.warning-msg .warning-msg-component .warning-msg-content .warning-msg-info .warning-msg-text {
  color: #464646;
}

.container--withoutMargin {
  overflow: visible;
}

.cmp-container > .aem-Grid > div:first-child.mi-perfil:not(.mi-perfil--withoutMargin) {
  margin-top: 24px !important;
}
@media (min-width: 64rem) {
  .cmp-container > .aem-Grid > div:first-child.mi-perfil:not(.mi-perfil--withoutMargin) {
    margin-block: 72px !important;
  }
}

.mi-perfil .account-settings-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component {
    margin-bottom: 96px;
  }
}
.mi-perfil .account-settings-component .column-left {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left {
    width: 296px;
  }
}
@media (min-width: 80rem) {
  .mi-perfil .account-settings-component .column-left {
    width: 395px;
  }
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .selectors-container {
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  }
}
.mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data {
  display: none;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    padding: 24px;
    padding-bottom: 32px;
  }
}
.mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data .user-name {
  color: #464646;
}
.mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data .user-medals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #727272;
}
.mi-perfil .account-settings-component .column-left .selectors-container .user-personal-data .user-medals .user-medals-text {
  line-height: 1rem;
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options {
  margin-inline: -4px;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .selectors-container .selector-options {
    margin-inline: 0;
  }
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-height: 64px;
  padding: 20px;
  padding-right: 16px;
  background-color: #ffffff;
  color: #464646;
  border-radius: 8px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector {
    max-height: 70px;
    padding: 24px 16px;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: 1px solid #DDDDDD;
  }
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .selector-text {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .selector-text {
    font-family: "Roboto-Regular";
  }
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  color: #016A7F;
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .icon::before {
  font-size: 1.25rem;
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector .icon img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector.active {
    border-left: 4px solid #FFC800;
    padding-left: 20px;
  }
  .mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector.active .selector-text {
    font-family: "Roboto-Medium";
  }
  .mi-perfil .account-settings-component .column-left .selectors-container .selector-options .selector.active .icon {
    display: none;
  }
}
.mi-perfil .account-settings-component .column-left .selectors-container .selector-options .personal-data-selector {
  margin-bottom: 12px;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .selectors-container .selector-options .personal-data-selector {
    margin-bottom: 0px;
  }
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .selectors-container .selector-options .access-pref-selector {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.mi-perfil .account-settings-component .column-left .account__option-container {
  margin-top: 32px;
  margin-bottom: 72px;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .account__option-container {
    margin-top: 24px;
  }
}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option {
  color: #016A7F;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option:hover {
  text-decoration: none !important;
}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option .icon::before {
  font-size: 1.25rem;
}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option .icon img {
  width: 100%;
  height: 100%;
}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option .account__option__text {
  color: #016A7F;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-left .account__option-container .account__option .account__option__text {
    font-size: 0.875rem;
  }
}
.mi-perfil .account-settings-component .column-left .account__option-container .account__option:not(:last-child) {
  margin-bottom: 16px;
}
.mi-perfil .account-settings-component .column-right {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right {
    display: block;
  }
}
.mi-perfil .account-settings-component .column-right.active {
  display: block;
}
.mi-perfil .account-settings-component .column-right.inactive {
  display: none;
}
.mi-perfil .account-settings-component .column-right .right-block {
  background-color: #ffffff;
  margin-inline: -20px;
}
@media (min-width: 45rem) {
  .mi-perfil .account-settings-component .column-right .right-block {
    margin-inline: 0;
  }
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right .right-block {
    background-color: transparent;
  }
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 30px 16px;
  cursor: pointer;
}
@media (min-width: 45rem) {
  .mi-perfil .account-settings-component .column-right .right-block .right-block-title {
    padding-inline: 0;
  }
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right .right-block .right-block-title {
    display: none;
  }
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
  color: #016A7F;
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title .icon::before {
  font-size: 1.5rem;
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title .icon img {
  width: 100%;
  height: 100%;
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-title .right-block-text {
  color: var(--gr-blue-guia);
  margin-bottom: 0;
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle {
  padding: 24px 16px;
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle p {
  margin-bottom: 0;
}
@media (min-width: 45rem) {
  .mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle {
    padding-inline: 0;
  }
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle {
    padding: 24px;
    border-bottom: 1px solid #DDDDDD;
  }
  .mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle p {
    font-weight: 500;
    font-size: 1.5rem;
    color: #464646;
  }
}
.mi-perfil .account-settings-component .column-right .right-block .right-block-subtitle.hidden {
  display: none;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.personal-data-content {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
  }
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding-inline: 16px;
  padding-top: 8px;
  padding-bottom: 24px;
}
@media (min-width: 45rem) {
  .mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user {
    padding-inline: 0;
  }
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user {
    padding: 24px;
    padding-bottom: 0;
  }
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--gr-blue-guia);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-img .avatar-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-img .pasUserName {
  position: absolute;
  top: auto;
  left: auto;
  color: #ffffff;
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-img .pasUserName--hide {
  display: none;
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #016A7F;
  cursor: pointer;
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-text .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-text .icon::before {
  font-size: 1.25rem;
}
.mi-perfil .account-settings-component .column-right.personal-data-content .personal-data-user .user-text .icon img {
  width: 100%;
  height: 100%;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  padding: 8px 16px 56px 16px;
}
@media (min-width: 45rem) {
  .mi-perfil .account-settings-component .column-right.personal-data-content form {
    padding-inline: 0;
  }
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.personal-data-content form {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 24px;
  }
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.personal-data-content form .formSection {
    grid-column: span 1;
  }
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection .formHidden {
  display: none;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection .label-disabled,
.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection .disabled {
  color: #AAAAAA;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .formSection .validation--error {
  border: 1px solid #E4002B;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .mixin__input__group input:disabled:active,
.mi-perfil .account-settings-component .column-right.personal-data-content form .mixin__input__group input:disabled:focus {
  color: #AAAAAA;
  border: 1px solid #DDDDDD;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passOpener {
  margin-bottom: 8px;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passOpener span {
  color: #016A7F;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passOpener span {
    font-size: 0.875rem;
  }
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.4s ease, -webkit-transform 0.4s ease;
  transition: max-height 0.4s ease, -webkit-transform 0.4s ease;
  transition: max-height 0.4s ease, transform 0.4s ease;
  transition: max-height 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox {
  position: relative;
  margin-bottom: 16px;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .validation--error {
  border: 1px solid #E4002B;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .icon-rp {
  top: 22px;
  right: 0;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .icon-rp-Cross {
  right: 32px;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .icon-hidde {
  display: none;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .password-validation-messages {
  display: none;
  margin-top: 8px;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .password-validation-messages p {
  margin-bottom: 12px;
  line-height: 1rem;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .password-validation-messages p:last-of-type {
  margin-bottom: 0;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox .password-validation-messages.active {
  display: block;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .passContainer .inputBox:last-of-type {
  margin-bottom: 8px;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .passwordForm .pass-active {
  margin-top: 16px;
  max-height: 500px;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .empty-space {
  display: none;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.personal-data-content form .empty-space {
    display: block;
  }
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .rp-btn-guia {
  width: 100%;
  text-align: center;
}
.mi-perfil .account-settings-component .column-right.personal-data-content form .rp-btn-guia.cancelForm {
  display: none;
}
@media (min-width: 45rem) and (max-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.access-pref-content .right-block-subtitle {
    position: relative;
  }
  .mi-perfil .account-settings-component .column-right.access-pref-content .right-block-subtitle::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 1400px;
    bottom: 0;
    left: -200px;
    background-color: #DDDDDD;
  }
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
  }
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .right-block-subtitle {
  border-bottom: 1px solid #DDDDDD;
}
@media (min-width: 45rem) and (max-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .right-block-subtitle {
    border-bottom: none;
  }
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref.newsletterBlock .right-block-subtitle {
  padding: 24px;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content {
  padding: 24px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 45rem) {
  .mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content {
    padding-inline: 0;
  }
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content {
    padding: 0 24px 24px;
  }
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .register-text {
  color: #016A7F;
  font-family: "Roboto-Regular";
  font-size: 16px;
  display: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .rp-link--decoration {
  font-size: 14px;
  text-decoration: underline;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .block-register {
  gap: 6px;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container .terms {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  inline-size: 20px;
  block-size: 20px;
  border: 1px solid #00ADC3;
  background-color: #C0EBF2;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container .terms:checked {
  background-color: #00ADC3;
  border-color: #00ADC3;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container .terms:checked::after {
  content: "";
  position: absolute;
  inset-inline-start: 6px;
  inset-block-start: 2px;
  inline-size: 5px;
  block-size: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container .terms.error {
  border: 1px solid #E4002B;
  background-color: #FCE5E9;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container .switch .slider {
  background-color: #C0EBF2;
  border: 1px solid #00ADC3;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .switch-container .switch input:checked + .slider {
  background-color: #016A7F;
  border: 1px solid #00404D;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .error-message {
  font-size: 12px;
  display: none;
  margin-top: 8px;
  color: #E4002B;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .error-message.show {
  display: block;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .subscribe {
  width: 200px;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content .subs {
  font-family: "Roboto-Bold";
  color: #464646;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content p {
  margin-bottom: 0;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-newsletter {
  margin-bottom: 32px;
  padding-top: 24px;
}
@media (min-width: 64rem) {
  .mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-newsletter {
    padding-top: 24px;
  }
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-newsletter .imagen__svg {
  height: 56px;
  width: 56px;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-newsletter .imagen__svg img {
  width: 100%;
  height: 100%;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-newsletter .switch-newsletter {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 24px;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-conditions {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #016A7F;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-conditions a {
  color: #016A7F !important;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-conditions .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  color: #016A7F !important;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-conditions .icon::before {
  font-size: 1.25rem;
}
.mi-perfil .account-settings-component .column-right.access-pref-content .right-block-pref .pref-content.pref-content-conditions .icon img {
  width: 100%;
  height: 100%;
}

.newsletter-notification {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
}
@media (min-width: 64rem) {
  .newsletter-notification {
    padding: 16px 96px;
  }
}
.newsletter-notification[hidden] {
  display: none;
}
.newsletter-notification--error {
  background: #FCE5E9;
  border: 1px solid #E4002B;
}
.newsletter-notification--success {
  background: #D9F1EA;
  border: 1px solid #00A074;
}
.newsletter-notification__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 1248px;
}
.newsletter-notification__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px;
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.newsletter-notification__icon svg {
  width: 20px;
  height: 20px;
}
.newsletter-notification__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.newsletter-notification__title {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #464646;
}
.newsletter-notification__message {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.0025em;
  color: #464646;
}
.newsletter-notification__link {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  color: #464646;
  white-space: nowrap;
}
.newsletter-notification__link:hover, .newsletter-notification__link:focus {
  color: #464646;
  text-decoration: underline;
}

body:has(.mi-perfil) .title-private-component {
  padding-block: 80px 40px !important;
}
@media screen and (width < 30rem) {
  body:has(.mi-perfil) .title-private-component {
    padding-block: 40px 24px !important;
  }
}

.mixin__input__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
}
.mixin__input__group label {
  margin-bottom: 0;
}
.mixin__input__group textarea {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  min-height: 120px;
  padding: 12px 16px;
  height: auto;
}
@media (min-width: 64rem) {
  .mixin__input__group textarea {
    height: 48px;
    padding-block: 12px;
  }
}
.mixin__input__group textarea.validation--error {
  border-color: #E4002B;
}
.mixin__input__group textarea::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group textarea::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group textarea:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group textarea::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group textarea::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group textarea:focus, .mixin__input__group textarea:active {
  border-color: #016A7F;
}
.mixin__input__group input {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
}
@media (min-width: 64rem) {
  .mixin__input__group input {
    height: 48px;
    padding-block: 12px;
  }
}
.mixin__input__group input.validation--error {
  border-color: #E4002B;
}
.mixin__input__group input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.mixin__input__group input:focus, .mixin__input__group input:active {
  border-color: #016A7F;
}
.mixin__input__group .icon-rp {
  position: absolute;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  min-height: 54px;
  height: 54px;
  max-height: 54px;
  font-size: 1.5rem;
}
.mixin__input__group .icon-rp::before {
  font-size: 1.5rem;
}
.mixin__input__group .icon-rp img {
  width: 100%;
  height: 100%;
}
.mixin__input__group .icon-rp[class$="--hide"] {
  display: none;
}
@media (min-width: 64rem) {
  .mixin__input__group .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    min-height: 46px;
    height: 46px;
    max-height: 46px;
    font-size: 1.5rem;
  }
  .mixin__input__group .icon-rp::before {
    font-size: 1.5rem;
  }
  .mixin__input__group .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  .mixin__input__group .icon-rp:hover {
    cursor: pointer;
  }
}
.mixin__input__group .message--error {
  color: #E4002B;
}
.mixin__input__group .message--success {
  color: #00a074;
}

.modal__feedback-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  background-color: #F2F2F2;
}
.modal__feedback-component.modal__feedback-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal__feedback-component .modal__feedback__header, .modal__feedback-component .modal__feedback__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.modal__feedback-component .modal__feedback__header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  padding: 16px;
  background-color: #ffffff;
  border-bottom: 1px solid #DDDDDD;
}
@media (min-width: 64rem) {
  .modal__feedback-component .modal__feedback__header {
    padding: 16px 96px;
  }
}
.modal__feedback-component .modal__feedback__header .icon-rp-Cross {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1rem;
  color: #016A7F;
  cursor: pointer;
}
.modal__feedback-component .modal__feedback__header .icon-rp-Cross::before {
  font-size: 1rem;
}
.modal__feedback-component .modal__feedback__header .icon-rp-Cross img {
  width: 100%;
  height: 100%;
}
.modal__feedback-component .modal__feedback__main {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal__feedback-component .modal__feedback__main .feedback-component {
  padding-block: 40px;
}
@media (min-width: 45rem) {
  .modal__feedback-component .modal__feedback__main .feedback-component {
    min-width: 640px;
    max-width: 640px;
  }
}
@media (min-width: 64rem) {
  .modal__feedback-component .modal__feedback__main .feedback-component {
    min-width: 820px;
    max-width: 820px;
    padding-block: 72px;
  }
}

.more-info-component .more-info__link__list {
  padding-left: 20px;
  list-style: square;
}
.more-info-component .more-info__link__list__item::marker {
  color: #464646;
}

.mosaico .backgroundBlue .mosaic__container .header__container h2,
.mosaico .backgroundBlue .mosaic__container .header__container h3 {
  color: #ffffff !important;
}
.mosaico .backgroundBlue .mosaic__container .cards__container .card .title {
  color: #ffffff !important;
}
.mosaico .backgroundBlue .mosaic__container .cards__container .card .subtitle {
  color: #ffffff !important;
  opacity: 0.6;
}
.mosaico .mosaic-component:not(.backgroundBlue) .mosaic__container .cards__container .card .area-text .title {
  color: #464646;
}
.mosaico .mosaic-component:not(.backgroundBlue) .mosaic__container .cards__container .card .rp-body-16 {
  color: #727272;
}
.mosaico .mosaic-component .mosaic__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  padding-block: 48px;
  margin-inline: 1rem;
}
@media (min-width: 45rem) {
  .mosaico .mosaic-component .mosaic__container {
    padding-block: 64px;
    margin-inline: auto;
  }
}
.mosaico .mosaic-component .mosaic__container .header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-bottom: 32px;
}
@media (min-width: 45rem) {
  .mosaico .mosaic-component .mosaic__container .header__container {
    margin-bottom: 40px;
  }
}
.mosaico .mosaic-component .mosaic__container .header__container h2,
.mosaico .mosaic-component .mosaic__container .header__container h3 {
  color: #464646;
}
.mosaico .mosaic-component .mosaic__container .header__container .rp-guia-headline-03 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: var(--gr-spacing-8);
  margin: 0;
}
.mosaico .mosaic-component .mosaic__container .header__container .rp-guia-headline-03::after {
  display: block;
  content: "";
  position: relative;
  bottom: 0;
  left: 0;
  width: 160px;
  height: 8px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-title.svg?#");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.mosaico .mosaic-component .mosaic__container .header__container .rp-headline-subtitle {
  font-size: 1rem;
  margin-block: 24px 0;
}
@media screen and (width < 30rem) {
  .mosaico .mosaic-component .mosaic__container .header__container .rp-headline-subtitle {
    margin-block: 16px 0;
  }
}
.mosaico .mosaic-component .mosaic__container .cards__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
  padding-inline: 0;
}
@media (min-width: 45rem) {
  .mosaico .mosaic-component .mosaic__container .cards__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    gap: 16px;
    row-gap: 40px;
    margin-bottom: 0;
    padding: 0;
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-2 .card, .mosaico .mosaic-component .mosaic__container .cards__container.wd-4 .card {
    width: calc(50% - 8px);
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-3 .card, .mosaico .mosaic-component .mosaic__container .cards__container.wd-6 .card {
    width: calc(33.33333% - 16px);
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-5, .mosaico .mosaic-component .mosaic__container .cards__container.wd-7, .mosaico .mosaic-component .mosaic__container .cards__container.wd-8 {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-5 .card, .mosaico .mosaic-component .mosaic__container .cards__container.wd-7 .card, .mosaico .mosaic-component .mosaic__container .cards__container.wd-8 .card {
    width: calc(33.33333% - 16px);
  }
}
@media (min-width: 64rem) {
  .mosaico .mosaic-component .mosaic__container .cards__container {
    gap: 24px;
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-2 .card {
    width: calc(50% - 24px);
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-4 {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    row-gap: 40px;
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-4 .card {
    width: calc(25% - 24px);
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-5, .mosaico .mosaic-component .mosaic__container .cards__container.wd-6 {
    row-gap: 40px;
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-3 .card, .mosaico .mosaic-component .mosaic__container .cards__container.wd-5 .card, .mosaico .mosaic-component .mosaic__container .cards__container.wd-6 .card {
    width: calc(33.33333% - 24px);
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-7 .card, .mosaico .mosaic-component .mosaic__container .cards__container.wd-8 .card {
    width: calc(25% - 24px);
  }
}
@media (min-width: 80rem) {
  .mosaico .mosaic-component .mosaic__container .cards__container {
    gap: 32px;
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-2 .card {
    width: calc(50% - 32px);
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-4 .card, .mosaico .mosaic-component .mosaic__container .cards__container.wd-8 .card {
    width: calc(25% - 32px);
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-3 .card, .mosaico .mosaic-component .mosaic__container .cards__container.wd-6 .card {
    width: calc(33.33333% - 32px);
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-5 .card {
    width: calc(33.33333% - 24px);
  }
  .mosaico .mosaic-component .mosaic__container .cards__container.wd-7 .card {
    width: calc(25% - 32px);
  }
}
@media (min-width: 90rem) {
  .mosaico .mosaic-component .mosaic__container .cards__container {
    row-gap: 40px;
  }
}
.mosaico .mosaic-component .mosaic__container .cards__container .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  margin: 0;
}
@media (min-width: 45rem) {
  .mosaico .mosaic-component .mosaic__container .cards__container .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto;
    row-gap: 8px;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
.mosaico .mosaic-component .mosaic__container .cards__container .card picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  background-color: white;
  margin-right: 24px;
  margin-bottom: 8px;
}
@media (min-width: 45rem) {
  .mosaico .mosaic-component .mosaic__container .cards__container .card picture {
    width: 104px;
    height: 104px;
    margin-right: 0px;
  }
}
.mosaico .mosaic-component .mosaic__container .cards__container .card .icon-picture {
  background-color: transparent;
  width: 32px;
  height: 32px;
  border-radius: 0;
}
.mosaico .mosaic-component .mosaic__container .cards__container .card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mosaico .mosaic-component .mosaic__container .cards__container .card img.micro {
  width: 34px;
  height: 34px;
  -o-object-fit: initial;
     object-fit: initial;
}
@media (min-width: 45rem) {
  .mosaico .mosaic-component .mosaic__container .cards__container .card img.micro {
    width: 56px;
    height: 56px;
  }
}
.mosaico .mosaic-component .mosaic__container .cards__container .card img.icon {
  width: 32px;
  height: 32px;
  -o-object-fit: initial;
     object-fit: initial;
}
.mosaico .mosaic-component .mosaic__container .cards__container .card .area-text {
  width: 70%;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
@media (min-width: 45rem) {
  .mosaico .mosaic-component .mosaic__container .cards__container .card .area-text {
    width: 100%;
    text-align: center;
  }
}
.mosaico .mosaic-component .mosaic__container .cards__container .card .area-text .subtitle {
  margin-top: 8px;
  margin-bottom: 0;
}
.mosaico .mosaic-component .mosaic__container .cards__container.transparent .card picture {
  background-color: transparent;
}
.mosaico .mosaic-component .mosaic__container .cards__container.transparent .card picture.micro-picture {
  width: 56px;
  height: 56px;
  border-radius: 0;
}
.mosaico .mosaic-component .mosaic__container .cards__container.transparent .card picture.micro-picture img {
  width: 56px;
  height: 56px;
}
.mosaico .mosaic-component .mosaic__container .cards__container.transparent .card picture.icon-picture {
  width: 32px;
  height: 32px;
  border-radius: 0;
}
.mosaico .mosaic-component .rp-btn-guia {
  margin: auto;
  margin-top: 24px;
  width: 335px;
}
@media (min-width: 80rem) {
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns {
    display: grid;
    grid-template-columns: minmax(0, 395fr) minmax(0, 821fr);
    grid-template-rows: auto 1fr;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
  }
}
@media (min-width: 80rem) and (min-width: 90rem) {
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns {
    padding-inline: 0;
  }
}
@media (min-width: 80rem) {
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .header__container {
    grid-column: 1;
    grid-row: 1;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .header__container .rp-guia-headline-03 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .header__container .rp-headline-subtitle {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 80rem) {
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper {
    grid-column: 2;
    grid-row: 1/span 2;
    min-width: 0;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(128px, auto);
    gap: 32px;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 16px;
    width: 100%;
    max-width: none;
    min-height: 128px;
    padding-inline: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture.micro-picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture.icon-picture, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture.micro-picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture.icon-picture, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture.micro-picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture.icon-picture, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture.micro-picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture.icon-picture, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture.micro-picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture.icon-picture, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture.micro-picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture.icon-picture, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture.micro-picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture.icon-picture {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 50%;
    background-color: #f8f8f8;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture.micro-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture.micro-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture.micro-picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture.icon-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture.icon-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card picture.icon-picture img.icon, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture.micro-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture.micro-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture.micro-picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture.icon-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture.icon-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card picture.icon-picture img.icon, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture.micro-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture.micro-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture.micro-picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture.icon-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture.icon-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card picture.icon-picture img.icon, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture.micro-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture.micro-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture.micro-picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture.icon-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture.icon-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card picture.icon-picture img.icon, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture.micro-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture.micro-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture.micro-picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture.icon-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture.icon-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card picture.icon-picture img.icon, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture.micro-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture.micro-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture.micro-picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture.icon-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture.icon-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card picture.icon-picture img.icon, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture.micro-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture.micro-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture.micro-picture img.icon,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture.icon-picture img,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture.icon-picture img.micro,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card picture.icon-picture img.icon {
    width: 64px;
    height: 64px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card .area-text, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card .area-text, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card .area-text, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card .area-text, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card .area-text, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card .area-text, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card .area-text {
    width: auto;
    min-width: 0;
    text-align: left;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card .area-text .title, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card .area-text .title, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card .area-text .title, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card .area-text .title, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card .area-text .title, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card .area-text .title, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card .area-text .title {
    overflow: hidden;
    margin: 0;
    font-family: "Roboto-Medium";
    font-weight: 500;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card .area-text .subtitle, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-3 .card .area-text .subtitle, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-4 .card .area-text .subtitle, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-5 .card .area-text .subtitle, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-6 .card .area-text .subtitle, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-7 .card .area-text .subtitle, .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.wd-8 .card .area-text .subtitle {
    margin-top: 8px;
    line-height: 24px;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.transparent .card picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.transparent .card picture.micro-picture,
.mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container.transparent .card picture.icon-picture {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #f8f8f8;
  }
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns .carousel-wrapper .carousel__indicators {
    display: none;
  }
}
@media (min-width: 80rem) {
  .mosaico .mosaic-component .mosaic__container.container-fluid-12-columns > .rp-btn-guia {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    justify-self: start;
    width: auto;
    height: 56px;
    margin: 24px 0 0;
    padding: 12px 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 18px;
    line-height: 32px;
    text-decoration: none;
  }
}
@media (min-width: 80rem) {
  .mosaico .mosaic-component.backgroundBlue .mosaic__container.container-fluid-12-columns .header__container .rp-headline-subtitle {
    color: #e5ebf0 !important;
  }
  .mosaico .mosaic-component.backgroundBlue .mosaic__container.container-fluid-12-columns .carousel-wrapper .cards__container .card .area-text .subtitle {
    color: #ffffff !important;
    opacity: 1;
  }
}
@media (max-width: 79.9375rem) {
  .mosaico .mosaic-component .mosaic__container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mosaico .mosaic-component .mosaic__container .header__container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
    text-align: center;
  }
  .mosaico .mosaic-component .carousel-wrapper {
    width: 100%;
    overflow: visible;
    padding-inline: 0;
  }
  .mosaico .mosaic-component .carousel-wrapper .cards__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 32px;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .mosaico .mosaic-component .carousel-wrapper .cards__container::-webkit-scrollbar {
    display: none;
  }
  .mosaico .mosaic-component .carousel-wrapper .cards__container .card,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-2 .card,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-3 .card,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-4 .card,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-5 .card,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-6 .card,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-7 .card,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-8 .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    scroll-snap-align: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
  .mosaico .mosaic-component .carousel-wrapper .cards__container .card picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container .card picture.micro-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container .card picture.icon-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-2 .card picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-2 .card picture.micro-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-2 .card picture.icon-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-3 .card picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-3 .card picture.micro-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-3 .card picture.icon-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-4 .card picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-4 .card picture.micro-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-4 .card picture.icon-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-5 .card picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-5 .card picture.micro-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-5 .card picture.icon-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-6 .card picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-6 .card picture.micro-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-6 .card picture.icon-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-7 .card picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-7 .card picture.micro-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-7 .card picture.icon-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-8 .card picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-8 .card picture.micro-picture,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-8 .card picture.icon-picture {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin: 0;
  }
  .mosaico .mosaic-component .carousel-wrapper .cards__container .card .area-text,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-2 .card .area-text,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-3 .card .area-text,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-4 .card .area-text,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-5 .card .area-text,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-6 .card .area-text,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-7 .card .area-text,
.mosaico .mosaic-component .carousel-wrapper .cards__container.wd-8 .card .area-text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto;
    min-width: 0;
    text-align: left;
  }
  .mosaico .mosaic-component .carousel-wrapper .cards__container .card .rp-body-16 {
    color: #B3C0D3;
  }
  .mosaico .mosaic-component .carousel__indicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    margin-top: 16px;
  }
  .mosaico .mosaic-component .carousel__indicators[hidden] {
    display: none;
  }
  .mosaico .mosaic-component .carousel__indicators .dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .mosaico .mosaic-component .carousel__indicators .dot::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #DDDDDD;
  }
  .mosaico .mosaic-component .carousel__indicators .dot.active::before {
    background-color: #FFC800;
  }
  .mosaico .mosaic-component .mosaic__container > .rp-btn-guia {
    width: 100%;
    max-width: none;
    height: 56px;
    margin: 32px 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media (max-width: 79.9375rem) and (min-width: 45rem) {
  .mosaico .mosaic-component .mosaic__container > .rp-btn-guia {
    width: 335px;
    margin-inline: auto;
  }
}

.most-read-component {
  padding: 32px 24px;
}
@media (min-width: 64rem) {
  .most-read-component {
    padding: 16px 0 56px;
  }
}
.most-read-component .progress-bar-index {
  height: 2px;
  width: 100%;
  background-color: #FF6200;
}
.most-read-component .title {
  margin-bottom: 22px;
}
@media (min-width: 64rem) {
  .most-read-component .title {
    margin-bottom: 16px;
  }
}
.most-read-component.most-read-featured article:first-child a {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.most-read-component.most-read-featured article:first-child a picture {
  width: 100%;
}
.most-read-component.most-read-featured article:first-child a picture img {
  margin-left: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  max-width: 100%;
  height: 182px;
  margin-bottom: 16px;
}
@media (max-width: 64rem) {
  .most-read-component.most-read-featured article:first-child a picture img {
    height: 173px;
  }
}
.most-read-component.most-read-featured article:first-child a .block-info {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.most-read-component.most-read-featured article .num {
  display: none;
}
@media (max-width: 64rem) {
  .most-read-component.most-read-featured article a {
    max-width: 296px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 16px;
  }
  .most-read-component.most-read-featured article a .num {
    display: block;
  }
  .most-read-component.most-read-featured article a .block-info {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .most-read-component.most-read-featured article a picture {
    width: 100%;
  }
  .most-read-component.most-read-featured article a img {
    margin-left: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    max-width: 100%;
    height: 173px;
    margin-bottom: 16px;
  }
}
.most-read-component article {
  margin-bottom: 16px;
}
.most-read-component article a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.most-read-component article a:last-child {
  margin-bottom: 0;
}
.most-read-component article a.slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
}
.most-read-component article a .block-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.most-read-component article a .num {
  display: none;
  margin-right: 12px;
}
@media (min-width: 64rem) {
  .most-read-component article a .num {
    display: block;
  }
}
.most-read-component article a .article-title {
  margin-bottom: 4px;
  color: #464646;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.most-read-component article a .article-title:hover {
  color: #016A7F;
}
@media (min-width: 64rem) {
  .most-read-component article a .article-title {
    -webkit-line-clamp: 2;
  }
}
.most-read-component article a .article-text {
  color: #757575;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .most-read-component article a .article-text {
    -webkit-line-clamp: 2;
  }
}
.most-read-component article a img {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  border-radius: 8px;
  margin-left: 12px;
  width: 80px;
  max-width: 80px;
  height: 96px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 64rem) {
  .most-read-component article a img {
    width: 75px;
    max-width: 75px;
    height: 67px;
  }
}
.most-read-component .slick-list {
  margin-left: 0px;
  margin-right: -20px;
}

body.page-report-article .rp-guia-container {
  overflow: visible;
}
body.page-report-article .col-right .content-col-right {
  height: 100%;
}
body.page-report-article .most-read.sticky-sidebar {
  position: sticky;
  top: 65px;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
body.page-report-article .most-read.sticky-sidebar.sticky-sidebar-top {
  top: 170px;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

.most-read-section {
  background-color: transparent;
}

.rp-newsletter {
  font-family: "Roboto-Regular";
  background: #ffffff;
  color: var(--gr-blue-guia);
  /* Mensaje de error genérico */
  /* ====== GRID / LAYOUT ====== */
  /* ====== FORM ====== */
}
.rp-newsletter .helper-error {
  display: none;
  font-size: 12px;
  line-height: 16px;
  color: #E4002B;
}
.rp-newsletter .has-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.rp-newsletter__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 32px;
  min-height: auto;
}
@media (min-width: 64rem) {
  .rp-newsletter__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 640px;
  }
}
@media (min-width: 90rem) {
  .rp-newsletter__grid {
    gap: 213px;
    width: 1440px;
    height: 828px;
  }
}
.rp-newsletter__left {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  min-height: 320px;
  background-color: var(--gr-blue-guia);
  background-position: center;
  background-size: cover;
  border-radius: 0;
  background-image: var(--bg-image, none);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 45rem) {
  .rp-newsletter__left {
    height: 320px;
  }
}
@media (max-width: 64rem) and (min-width: 45rem) {
  .rp-newsletter__left {
    height: 540px;
  }
}
@media (min-width: 64rem) {
  .rp-newsletter__left {
    width: 523px;
    height: 828px;
    min-height: 828px;
  }
}
@media (min-width: 120rem) {
  .rp-newsletter__left {
    width: 720px;
  }
}
.rp-newsletter__left-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(fade(var(--gr-blue-guia), 65%)), to(fade(var(--gr-blue-guia), 65%)));
  background: linear-gradient(0deg, fade(var(--gr-blue-guia), 65%), fade(var(--gr-blue-guia), 65%));
}
.rp-newsletter__left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: absolute;
  top: 354px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  color: #ffffff;
}
@media (max-width: 64rem) {
  .rp-newsletter__left-content {
    position: static;
    padding: 28px 20px 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
    gap: 16px;
  }
}
.rp-newsletter__eyebrow {
  text-align: center;
  margin: 0;
  width: 453px;
  max-width: 100%;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.0025em;
  color: #ffffff;
}
.rp-newsletter__btn--ghost {
  text-decoration: none;
}
.rp-newsletter__right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 63rem) {
  .rp-newsletter__right {
    padding: 16px;
  }
}
.rp-newsletter__card {
  width: 100%;
  max-width: 501px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  background: #ffffff;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
.rp-newsletter__icon-wrap {
  width: 80px;
  height: 80px;
}
.rp-newsletter__icon {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.rp-newsletter__kicker {
  margin: 0;
  width: 501px;
  max-width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #727272;
}
.rp-newsletter__title {
  margin: 0;
  width: 501px;
  max-width: 100%;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: var(--gr-blue-guia);
}
.rp-newsletter__subtitle {
  margin: 0;
  width: 501px;
  max-width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #727272;
}
.rp-newsletter__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  margin-top: 16px;
}
@media (min-width: 64rem) {
  .rp-newsletter__form {
    margin-top: 24px;
  }
}
.rp-newsletter__label {
  width: 501px;
  max-width: 100%;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #464646;
  margin-bottom: 4px;
}
.rp-newsletter__input-wrap {
  margin-bottom: 24px;
}
@media (min-width: 64rem) {
  .rp-newsletter__input-wrap {
    margin-bottom: 32px;
  }
}
.rp-newsletter__input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  height: 48px;
  background: #ffffff;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  /* Evitar “borde negro” heredado */
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 80rem) and (min-width: 64rem) {
  .rp-newsletter__input {
    max-width: 90%;
  }
}
.rp-newsletter__input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #AAAAAA;
}
.rp-newsletter__input::-moz-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #AAAAAA;
}
.rp-newsletter__input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #AAAAAA;
}
.rp-newsletter__input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #AAAAAA;
}
.rp-newsletter__input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #AAAAAA;
}
.rp-newsletter__input.is-error, .rp-newsletter__input[aria-invalid=true] {
  border-color: #E4002B;
  -webkit-box-shadow: inset 0 0 0 1px #E4002B;
          box-shadow: inset 0 0 0 1px #E4002B;
  outline: none;
}
.rp-newsletter .newsletter__input {
  display: grid;
  gap: 6px;
}
.rp-newsletter__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 24px;
}
@media (min-width: 64rem) {
  .rp-newsletter__check {
    margin-bottom: 32px;
  }
}
.rp-newsletter__check .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.rp-newsletter__check .box input[type=checkbox] {
  width: 24px;
  min-width: 24px;
  height: 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
  border: 1px solid #00ADC3;
  background: #C0EBF2;
  position: relative;
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rp-newsletter__check .box input[type=checkbox]:checked::before {
  content: "\e91d";
  font-family: "icomoon" !important;
  color: #016A7F;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 1.125rem;
}
.rp-newsletter__check .box input[type=checkbox]:checked::before::before {
  font-size: 1.125rem;
}
.rp-newsletter__check .box input[type=checkbox]:checked::before img {
  width: 100%;
  height: 100%;
}
.rp-newsletter__check .box input[type=checkbox]:focus, .rp-newsletter__check .box input[type=checkbox]:focus-visible {
  outline: 2px solid #00ADC3;
  outline-offset: 2px;
}
.rp-newsletter__check .box input[type=checkbox]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.rp-newsletter__check .box input[type=checkbox].is-error, .rp-newsletter__check .box input[type=checkbox][aria-invalid=true] {
  border: 1px solid #E4002B;
  background: #FCE5E9;
  outline-offset: 2px;
}
.rp-newsletter__check .box input[type=checkbox].is-error + label::before, .rp-newsletter__check .box input[type=checkbox][aria-invalid=true] + label::before {
  border-color: #E4002B;
}
.rp-newsletter__check .box label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #464646;
}
.rp-newsletter__check .box label a {
  color: #016A7F;
  text-decoration: underline;
}
.rp-newsletter__check .box label a:hover, .rp-newsletter__check .box label a:focus {
  color: #016A7F;
}
.rp-newsletter__check .helper-error {
  display: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #E4002B;
}
.rp-newsletter__btn {
  width: 501px;
  max-width: 100%;
  margin-bottom: 16px;
}
@media (max-width: 80rem) and (min-width: 64rem) {
  .rp-newsletter__btn {
    max-width: 90%;
  }
}
.rp-newsletter__meta {
  width: 501px;
  max-width: 100%;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #464646;
  margin: 0;
}
.rp-newsletter.is-author .rp-newsletter__author-flag {
  padding: 6px 10px;
  font-size: 12px;
  background: #FFF7DB;
  border: 1px dashed #FFC800;
  margin-bottom: 8px;
  display: inline-block;
}
.rp-newsletter .rp-newsletter__left-overlay {
  background-color: #0B1741A6;
}
.rp-newsletter .rp-newsletter__card {
  gap: 8px;
  margin-bottom: 16px;
}

/* unsubscribe.less */
.rg-unsubscribe {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 840px;
  margin: 0 auto;
  padding: 48px 16px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  text-align: center;
  font-family: "Roboto-Regular";
  /* Chip accesible */
}
@media (max-width: 45rem) {
  .rg-unsubscribe {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    justify-self: center;
  }
}
.rg-unsubscribe__hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rg-unsubscribe__hero-img {
  width: clamp(96px, 12vw, 160px);
  height: auto;
}
.rg-unsubscribe__header {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.rg-unsubscribe__title {
  font-family: "Roboto-Bold";
  font-size: 2rem;
  /* 32px */
  line-height: 1.25;
  color: var(--gr-blue-guia);
  margin: 0;
  width: min(100%, 100vw - 48px);
  max-width: calc(100vw - 48px);
  white-space: normal !important;
  overflow-wrap: anywhere;
}
@media (max-width: 45rem) {
  .rg-unsubscribe__title {
    width: calc(100vw - 48px);
    max-width: calc(100vw - 48px);
  }
}
.rg-unsubscribe__lead {
  font-size: 1rem;
  /* 16px */
  line-height: 24px;
  color: #727272;
  margin: 0;
  width: min(100%, 100vw - 48px);
  max-width: calc(100vw - 48px);
  white-space: normal !important;
  overflow-wrap: anywhere;
}
@media (max-width: 45rem) {
  .rg-unsubscribe__lead {
    width: calc(100vw - 48px);
    max-width: calc(100vw - 48px);
  }
}
.rg-unsubscribe__reasons {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.rg-unsubscribe__subtitle {
  font-family: "Roboto-Bold";
  font-size: 1.5rem;
  /* 24px (visual 22 en diseño, aquí 24 para escalado tipográfico) */
  line-height: 32px;
  color: var(--gr-blue-guia);
  margin: 0 auto;
  width: min(100%, 100vw - 48px);
  max-width: calc(100vw - 48px);
  white-space: normal !important;
  overflow-wrap: anywhere;
}
@media (max-width: 45rem) {
  .rg-unsubscribe__subtitle {
    width: calc(100vw - 48px);
    max-width: calc(100vw - 48px);
    font-size: 22px;
    line-height: 30px;
  }
}
.rg-unsubscribe__chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.rg-unsubscribe__chips.has-error {
  outline: 2px solid #E4002B;
  outline-offset: 8px;
  border-radius: 8px;
}
@media (max-width: 45rem) {
  .rg-unsubscribe__chips {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.rg-unsubscribe .rg-chip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border: 1px solid #DDDDDD;
  border-radius: 28px;
  background: #ffffff;
  cursor: pointer;
  -webkit-transition: border-color 0.15s ease, background-color 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease;
  /* Estado checked */
}
@media (max-width: 45rem) {
  .rg-unsubscribe .rg-chip {
    text-align: center;
    width: 100%;
  }
}
.rg-unsubscribe .rg-chip__control {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.rg-unsubscribe .rg-chip__label {
  font-family: "Roboto-Regular";
  font-size: 0.75rem;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #464646;
  white-space: normal;
  overflow-wrap: anywhere;
}
.rg-unsubscribe .rg-chip:hover {
  border-color: #c9c9c9;
}
.rg-unsubscribe .rg-chip.is-selected, .rg-unsubscribe .rg-chip > .rg-chip__control:checked + .rg-chip__label {
  background: #C0EBF2;
  border-color: #00ADC3;
}
.rg-unsubscribe__freeform {
  text-align: left;
}
.rg-unsubscribe .rg-field {
  display: grid;
  gap: 8px;
}
.rg-unsubscribe .rg-field__labelrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.rg-unsubscribe .rg-field__label {
  font-family: "Roboto-Regular";
  font-size: 0.75rem;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #464646;
}
.rg-unsubscribe .rg-field__counter {
  font-family: "Roboto-Regular";
  font-size: 0.75rem;
  line-height: 16px;
  color: #727272;
}
.rg-unsubscribe .rg-field__control {
  position: relative;
}
.rg-unsubscribe .rg-field .rg-textarea {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  background: #ffffff;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-family: "Roboto-Regular";
  font-size: 1rem;
  /* 16px */
  line-height: 24px;
  color: #464646;
  resize: vertical;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.rg-unsubscribe .rg-field .rg-textarea.is-error {
  border-color: #E4002B;
}
.rg-unsubscribe .rg-field .rg-textarea::-webkit-input-placeholder {
  color: #727272;
}
.rg-unsubscribe .rg-field .rg-textarea::-moz-placeholder {
  color: #727272;
}
.rg-unsubscribe .rg-field .rg-textarea:-ms-input-placeholder {
  color: #727272;
}
.rg-unsubscribe .rg-field .rg-textarea::-ms-input-placeholder {
  color: #727272;
}
.rg-unsubscribe .rg-field .rg-textarea::placeholder {
  color: #727272;
}
.rg-unsubscribe .rg-field__helper {
  font-family: "Roboto-Regular";
  font-size: 0.75rem;
  line-height: 16px;
  letter-spacing: 0.25px;
  margin: 0;
}
.rg-unsubscribe .rg-field__helper--error {
  color: #E4002B;
}
.rg-unsubscribe .rg-field__helper[hidden] {
  display: none;
}
.rg-unsubscribe__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  min-width: 0;
}
@media (max-width: 45rem) {
  .rg-unsubscribe__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    max-width: calc(100vw - 32px);
  }
}
.rg-unsubscribe__result {
  display: grid;
  justify-items: center;
  gap: 16px;
}
.rg-unsubscribe__result[hidden] {
  display: none;
}

/* Botones */
.rg-btn {
  min-width: 160px;
}

.rg-unsubscribe .rg-btn {
  max-width: 100%;
}
@media (max-width: 45rem) {
  .rg-unsubscribe .rg-btn {
    width: 100%;
    min-width: 0;
  }
}

/* Responsive */
@media (min-width: 45rem) {
  .rg-unsubscribe {
    gap: 40px;
    padding: 64px 24px;
  }
}
/* Confirm dialog (overlay modal) */
.rg-unsubscribe__confirm {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
}
.rg-unsubscribe__confirm[hidden] {
  display: none;
}
.rg-unsubscribe__confirm-box {
  background: #fff;
  border-radius: 12px;
  max-width: 480px;
  width: 100%;
  padding: 32px 24px;
  text-align: center;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}
.rg-unsubscribe__confirm-title {
  font-family: "Roboto-Bold";
  font-size: 1.5rem;
  line-height: 1.3;
  color: var(--gr-blue-guia);
  margin: 0 0 12px;
}
.rg-unsubscribe__confirm-text {
  font-size: 1rem;
  line-height: 24px;
  color: #727272;
  margin: 0 0 24px;
}
.rg-unsubscribe__confirm-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 45rem) {
  .rg-unsubscribe__confirm-actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.banner-newsletter-component {
  padding-block: 48px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rg-newsletter {
  margin: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 24px;
  gap: 24px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: 0 -1px 4px -4px rgba(0, 0, 0, 0.02), 0 2px 8px -2px rgba(0, 0, 0, 0.14);
          box-shadow: 0 -1px 4px -4px rgba(0, 0, 0, 0.02), 0 2px 8px -2px rgba(0, 0, 0, 0.14);
  border-radius: 8px;
  position: relative;
  /* Desktop */
}
.rg-newsletter__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-right: 24px;
  gap: 32px;
  width: 100%;
  height: 100%;
}
.rg-newsletter__header {
  padding-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.rg-newsletter__header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.rg-newsletter__title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  color: #464646;
  margin: 0;
}
.rg-newsletter__desc {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #464646;
  margin: 0;
}
.rg-newsletter__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  width: 100%;
}
.rg-newsletter__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
}
.rg-newsletter__field input[type=email] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #464646;
}
.rg-newsletter__btn {
  text-decoration: none;
}
.rg-newsletter__btn .rg-newsletter__btnIcon {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.rg-newsletter__illustration {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 80px;
  height: 80px;
}
.rg-newsletter__illustration img,
.rg-newsletter__illustration svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 720px) {
  .rg-newsletter__illustration {
    position: static;
  }
  .rg-newsletter__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 720px) {
  .rg-newsletter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 32px;
    gap: 0;
    height: auto;
    width: 608px;
    height: 300px;
  }
  .rg-newsletter__content {
    display: grid;
    padding: 30px 32px 40px 0;
    gap: 32px;
    width: 100%;
    height: 100%;
  }
  .rg-newsletter__header {
    gap: 8px;
    max-width: 448px;
  }
  .rg-newsletter__title {
    font-size: 26px;
    line-height: 40px;
  }
  .rg-newsletter__desc {
    max-width: 448px;
  }
  .rg-newsletter__form {
    padding-top: 6px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    gap: 16px;
    width: 544px;
    height: 48px;
  }
  .rg-newsletter__field input[type=email] {
    height: 48px;
  }
  .rg-newsletter__btn {
    width: 191px;
  }
  .rg-newsletter__illustration {
    margin-top: 35px;
    margin-left: auto;
    width: 80px;
    height: 80px;
  }
}

/* ===== Banner Newsletter — General ===== */
.rg-newsletter-banner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: inherit;
  border-style: solid;
  border-color: #dddddd;
  /* borde superior/inferior del bloque */
  border-width: 1px 0;
  padding: 32px 0;
  /* Desktop */
  /* Columna de contenido */
  /* Acciones / CTA */
  /* Ilustración a la derecha en desktop */
}
.rg-newsletter-banner__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  /* gap móvil */
  border-radius: 8px;
  padding: 0;
}
@media (min-width: 768px) {
  .rg-newsletter-banner__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }
}
.rg-newsletter-banner__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  /* evita overflow del texto */
}
.rg-newsletter-banner__title {
  margin: 0;
  color: #464646;
  /* Specific/Content/High */
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
}
.rg-newsletter-banner__description {
  margin: 0;
  color: #727272;
  /* Specific/Content/Medium */
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.rg-newsletter-banner__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.rg-newsletter-banner__cta {
  min-width: 160px;
  max-width: 100%;
  text-decoration: none;
}
.rg-newsletter-banner__cta-label {
  white-space: nowrap;
}
.rg-newsletter-banner__illustration {
  width: 120px;
  height: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.rg-newsletter-banner__illustration img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* CONTENEDOR PRINCIPAL */
.nlb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 500px;
  padding: 40px 16px;
  gap: 24px;
}
@media (max-width: 45rem) {
  .nlb {
    width: 100vw;
    max-width: 100vw;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 45rem) {
  .nlb {
    min-height: 344px;
    padding: 48px 40px;
    gap: 28px;
  }
}
@media (min-width: 64rem) {
  .nlb {
    min-height: 368px;
    padding: 56px 96px;
    gap: 32px;
  }
}

.nlb--author {
  min-height: auto;
}

.nlb > .nlb {
  min-height: auto;
  padding: 0;
  gap: 16px;
  width: 100%;
  min-width: 0;
  max-width: 822px;
}

.nlb > .nlb > .nlb__btn {
  margin-top: 16px;
}
@media (min-width: 45rem) {
  .nlb > .nlb > .nlb__btn {
    margin-top: 24px;
  }
}
@media (min-width: 64rem) {
  .nlb > .nlb > .nlb__btn {
    margin-top: 32px;
  }
}

.container__buttons,
.nlb__buttons {
  margin-top: 16px;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 0;
}
@media (min-width: 45rem) {
  .container__buttons,
.nlb__buttons {
    margin-top: 24px;
  }
}
@media (min-width: 64rem) {
  .container__buttons,
.nlb__buttons {
    margin-top: 32px;
  }
}
@media (max-width: 45rem) {
  .container__buttons,
.nlb__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.nlb__pretitle {
  font-family: "Roboto-Bold";
  font-size: 20px;
  color: #464646;
  text-align: center;
}

/* BLOQUE DE MEDIA (icono / ilustración) */
.nlb__media {
  width: 100%;
  min-width: 0;
  max-width: 822px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nlb__img {
  width: 160px;
  height: 160px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto;
}

.nlb__btn {
  text-align: center;
}

/* BLOQUE DE TEXTO */
.nlb__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100%;
  min-width: 0;
  max-width: 822px;
}

.group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 0;
}

.nlb__title {
  color: var(--gr-blue-guia);
  font-family: "Roboto-Regular";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  width: min(100%, 100vw - 48px);
  max-width: calc(100vw - 48px);
  margin: 0;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
@media (max-width: 45rem) {
  .nlb__title {
    font-size: 28px;
    line-height: 36px;
    width: calc(100vw - 48px);
    max-width: calc(100vw - 48px);
    font-size: 26px;
    line-height: 34px;
  }
}

.nlb__desc {
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  width: min(100%, 100vw - 48px);
  max-width: calc(100vw - 48px);
  margin: 0;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
@media (max-width: 45rem) {
  .nlb__desc {
    width: calc(100vw - 48px);
    max-width: calc(100vw - 48px);
  }
}

.nlb__btn {
  max-width: 100%;
}
@media (max-width: 45rem) {
  .nlb__btn {
    width: 100%;
  }
}

.newsletter-subscription .newsletter-subscription-component {
  padding-block: 32px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
.newsletter-subscription .newsletter-subscription-component .newsletter-subscription__header * {
  margin-bottom: 12px;
}
@media (min-width: 64rem) {
  .newsletter-subscription .newsletter-subscription-component .newsletter-subscription__header .newsletter-subscription__title {
    font-family: "Roboto-Bold";
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 30px;
  }
}
@media (min-width: 64rem) and (min-width: 64rem) {
  .newsletter-subscription .newsletter-subscription-component .newsletter-subscription__header .newsletter-subscription__title {
    font-size: 22px;
    line-height: 2rem;
  }
}
.newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (min-width: 64rem) {
  .newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form {
    gap: 16px;
  }
}
.newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form__label {
  display: none;
}
.newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form__label, .newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form__input {
  width: -webkit-fill-available;
  width: -moz-available;
}
.newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form .rp-btn-guia {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 8px 12px;
}
@media (min-width: 64rem) {
  .newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form .rp-btn-guia {
    padding-inline: 28px;
  }
}
.newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form .rp-btn-guia .icon-rp {
  margin-right: 0;
}
.newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form .rp-btn-guia .text {
  display: none;
}
@media (min-width: 64rem) {
  .newsletter-subscription .newsletter-subscription-component .newsletter-subscription__form .rp-btn-guia .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.newsletter-subscription .newsletter-subscription-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  padding-block: 32px;
  background-color: var(--gr-blue-guia);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 600ms ease-in-out transform;
  transition: 600ms ease-in-out transform;
}
.newsletter-subscription .newsletter-subscription-sticky--show {
  display: none;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: 600ms ease-in-out transform;
  transition: 600ms ease-in-out transform;
}
@media (min-width: 64rem) {
  .newsletter-subscription .newsletter-subscription-sticky--show {
    display: block;
  }
}
.newsletter-subscription .newsletter-subscription-sticky--close {
  display: none;
}
.newsletter-subscription .newsletter-subscription-sticky__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.newsletter-subscription .newsletter-subscription-sticky__container .block-img img {
  width: 88px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.newsletter-subscription .newsletter-subscription-sticky__container .block-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
}
.newsletter-subscription .newsletter-subscription-sticky__container .block-text .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.newsletter-subscription .newsletter-subscription-sticky__container *:not(.rp-btn-guia) {
  color: #ffffff;
}

.pagination {
  float: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 24px;
}
@media (min-width: 90rem) {
  .pagination {
    padding-top: 48px;
  }
}
.pagination .component-class {
  margin-left: -16px;
  margin-right: -16px;
}
.pagination .component-class .col-sm-6 {
  padding: 16px;
}
@media (min-width: 45rem) {
  .pagination .card-component .block-gene-card .card {
    height: 100%;
  }
}
.pagination .pagination-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 26px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 64rem) {
  .pagination .pagination-button {
    margin-top: 64px;
  }
}
.pagination .pagination-button .list-pagi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination .pagination-button .list-pagi > li {
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
@media (min-width: 64rem) {
  .pagination .pagination-button .list-pagi > li {
    width: 32px;
    height: 32px;
  }
}
.pagination .pagination-button .list-pagi > li.active {
  background-color: #464646;
  color: #ffffff;
  border: none;
}
.pagination .pagination-button .list-pagi > li.active a {
  color: #ffffff;
}
.pagination .pagination-button .list-pagi > li.pos0 {
  border: none;
  background: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.pagination .pagination-button .list-pagi > li:last-child {
  margin-right: 0;
}
.pagination .pagination-button .list-pagi > li.suspe1:after {
  content: "...";
  margin-left: 12px;
}
@media (min-width: 64rem) {
  .pagination .pagination-button .list-pagi > li.suspe1:after {
    margin-left: 15px;
  }
}
.pagination .pagination-button .list-pagi > li.suspe2:before {
  content: "...";
  margin-right: 12px;
}
@media (min-width: 64rem) {
  .pagination .pagination-button .list-pagi > li.suspe2:before {
    margin-right: 15px;
  }
}
.pagination .pagination-button .list-pagi > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding: 8px;
}
.pagination .pagination-button a.next,
.pagination .pagination-button a.prev {
  background: #C0EBF2;
  border-radius: 8px;
  border: none;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: none;
  margin: 0px 8px;
  padding: 8px;
}
@media (min-width: 64rem) {
  .pagination .pagination-button a.next,
.pagination .pagination-button a.prev {
    width: 32px;
    height: 32px;
  }
}
.pagination .pagination-button a.next.next,
.pagination .pagination-button a.prev.next {
  margin-right: 0;
}
.pagination .pagination-button a.next.prev,
.pagination .pagination-button a.prev.prev {
  margin-left: 0;
}
.pagination .pagination-button a.next span,
.pagination .pagination-button a.prev span {
  font-size: 16px;
  color: #016A7F;
}
@media (min-width: 64rem) {
  .pagination .pagination-button a.next span,
.pagination .pagination-button a.prev span {
    font-size: 20px;
  }
}
.pagination .pagination-button a.next.disabled,
.pagination .pagination-button a.prev.disabled {
  background: #DDDDDD;
}
.pagination .pagination-button a.next.disabled span,
.pagination .pagination-button a.prev.disabled span {
  color: #AAAAAA;
}
.pagination .pagination-button ul {
  padding: 0;
  list-style: none;
}
.pagination .title-pagi {
  padding: 16px 0 8px;
  margin-bottom: 8px;
  background: #ffffff;
  text-align: center;
  position: relative;
}
@media (min-width: 64rem) {
  .pagination .title-pagi {
    padding: 56px 0 24px;
    text-align: left;
    margin-bottom: 24px;
  }
}
.pagination .title-pagi:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 8px;
  height: 8px;
  background-image: url("../../../content/dam/repsol-guia/background-file/title-pagi.png?#");
}
@media (min-width: 64rem) {
  .pagination .title-pagi:after {
    height: 16px;
    bottom: -16px;
  }
}
.pagination .title-pagi h1 {
  font-family: "Roboto-Medium";
  font-size: 29px;
  line-height: 40px;
  margin: 0;
}
@media (min-width: 64rem) {
  .pagination .title-pagi h1 {
    font-size: 43px;
    line-height: 56px;
  }
}

.paragraph-component {
  position: relative;
}
.paragraph-component:not(.interview) {
  padding: 0 12px;
}
.paragraph-component .paragraph-interview {
  padding-left: 8px;
}
@media (min-width: 64rem) {
  .paragraph-component .paragraph-interview {
    padding-right: 8px;
    padding-left: 12px;
  }
}
.paragraph-component .paragraph-interview .rp-description {
  margin-top: 8px;
  margin-left: 40px;
}
@media (min-width: 64rem) {
  .paragraph-component .paragraph-interview .rp-description {
    margin-top: 24px;
    margin-left: 0;
  }
}
.paragraph-component .paragraph-interview .rp-description p .rp-title-02 {
  font-size: 1.125rem;
  font-family: "Roboto-Regular";
}
@media (min-width: 64rem) {
  .paragraph-component .paragraph-interview .rp-description p .rp-title-02 {
    font-size: 1.25rem;
    line-height: 32px;
  }
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description {
  font-family: "Roboto-Regular";
  margin-top: 12px;
}
@media (min-width: 64rem) {
  .paragraph-component .block-info:not(.paragraph-interview) .rp-description {
    margin-top: 16px;
  }
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description h2 {
  margin-bottom: 12px;
  font-family: "Roboto-Regular";
}
@media (min-width: 64rem) {
  .paragraph-component .block-info:not(.paragraph-interview) .rp-description h2 {
    margin-bottom: 16px;
  }
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description h2.rp-title-resize {
  font-size: 1.5rem;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description h2.rp-interview-pregunta {
  font-size: 1.25rem;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description h3 {
  font-family: "Roboto-Bold";
  font-weight: 700;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p {
  margin-bottom: 32px;
  word-break: break-word;
  font-family: "Roboto-Regular";
}
@media (min-width: 64rem) {
  .paragraph-component .block-info:not(.paragraph-interview) .rp-description p {
    margin-left: 0px;
    margin-bottom: 0px;
  }
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p:first-child {
  margin-top: 0;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p:only-child {
  margin-bottom: 0;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-1,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-2,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-02 {
  font-family: "Roboto-Bold";
  font-weight: 700;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-2,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 26px;
  line-height: 40px;
  margin-top: 32px;
}
@media (min-width: 64rem) {
  .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-2,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-02 {
    margin-top: 40px;
  }
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-01, .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .note-component .noteTitle .cmp-title__text, .note-component .noteTitle .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .cmp-title__text,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-48h {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-48h:last-of-type {
  margin-left: 12px;
}
@media (min-width: 64rem) {
  .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-48h:last-of-type {
    margin-left: 21px;
  }
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-48h:only-child {
  margin-left: 0px;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-01, .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .note-component .noteTitle .cmp-title__text, .note-component .noteTitle .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .cmp-title__text,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-4,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-48h {
  font-family: "Roboto-Medium";
  margin-top: 20px;
}
@media (min-width: 64rem) {
  .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-01, .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .note-component .noteTitle .cmp-title__text, .note-component .noteTitle .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .cmp-title__text,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-4,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-48h {
    margin-top: 16px;
  }
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-01, .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .note-component .noteTitle .cmp-title__text, .note-component .noteTitle .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .cmp-title__text {
  font-size: 23px;
  line-height: 32px;
  color: #757575;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-4,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-48h {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
}
@media (min-width: 64rem) {
  .paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-4,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description p .rp-title-48h {
    font-size: 1.25rem;
    line-height: 32px;
  }
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description .hightlight {
  background-color: #FFC800;
  padding: 0px 4px;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ul {
  list-style: none;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ul li {
  position: relative;
  padding-left: 20px;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ul li::before {
  content: "";
  color: #E3973D;
  font-weight: bold;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #E3973D;
  border-color: #E3973D;
  border-radius: 3px;
  margin-right: 12px;
  margin-bottom: 1px;
  position: absolute;
  left: 0;
  top: 4px;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ol {
  list-style: none;
  counter-reset: li;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ol li {
  position: relative;
  padding-left: 20px;
  counter-increment: li;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ol li::before {
  content: counter(li);
  color: #E3973D;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 1px;
  font-size: 14px;
  position: absolute;
  left: 0;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ol.bigList li {
  min-height: 24px;
  margin-bottom: 24px;
  padding-left: 48px;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ol.bigList li::before {
  margin-right: 24px;
  font-size: 40px;
  left: 0;
  position: absolute;
  top: 8px;
}
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ol.bigList ol,
.paragraph-component .block-info:not(.paragraph-interview) .rp-description ol.bigList ul {
  margin-top: 24px;
}
.paragraph-component .note-component {
  font-size: 18px;
  line-height: 32px;
  border: 1px solid #DDDDDD;
}
.paragraph-component .note-component .js-tips-text.is-truncated {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.paragraph-component .note-component .tips-toggle {
  color: #016A7F;
  margin-top: 8px;
  border: none;
  background: transparent;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.paragraph-component .note-component .js-tips-text.is-expanded {
  -webkit-line-clamp: initial;
  display: block;
}
.paragraph-component .note-component .cmp-title__text {
  color: #727272;
}
.paragraph-component .note-component .rp-description {
  color: #464646;
}
@media (min-width: 64rem) {
  .paragraph-component .content-component {
    margin-left: -12.5%;
    float: left;
    width: 50%;
    padding-right: 32px;
    padding-bottom: 20px;
  }
}
@media (min-width: 64rem) {
  .paragraph-component .block-info.tow-colums-block .content-component {
    margin-left: 0%;
    float: left;
    width: 100%;
    padding-right: 0px;
    padding-bottom: 20px;
  }
  .paragraph-component .block-info.tow-colums-block .content-component .mode-row {
    margin: 0;
  }
}
.paragraph-component .block-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}
@media (min-width: 64rem) {
  .paragraph-component .block-author {
    display: inline-block;
    text-align: center;
    position: absolute;
    left: -24px;
  }
}
@media (min-width: 120rem) {
  .paragraph-component .block-author {
    left: 20px;
  }
}
.paragraph-component .block-author .author-name {
  color: #757575;
  padding: 0;
  margin-left: 12px;
}
@media (min-width: 64rem) {
  .paragraph-component .block-author .author-name {
    position: absolute;
    width: 80px;
    margin: 12px 0px 0px 0px;
    text-align: center;
  }
}
.paragraph-component .block-author .author-name .rp-body-2,
.paragraph-component .block-author .author-name .rp-body-14 {
  letter-spacing: 0.0025em;
}
.paragraph-component .block-author .author-name span + span:before {
  content: "attr(data-text)";
}
.paragraph-component .block-author .author-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 0;
  padding-left: 0;
  height: 32px;
}
@media (min-width: 64rem) {
  .paragraph-component .block-author .author-img {
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 4px;
    padding: 0 0 0 8px;
  }
}
@media (min-width: 1440px) {
  .paragraph-component .block-author .author-img {
    padding: 0px;
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
}
@media (min-width: 120rem) {
  .paragraph-component .block-author .author-img {
    -webkit-transform: translateX(-24px);
            transform: translateX(-24px);
  }
}
.paragraph-component .block-author .author-img picture img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (min-width: 64rem) {
  .paragraph-component .block-author .author-img picture img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
  }
}
@media (min-width: 64rem) {
  .paragraph-component .block-author .author-img picture:last-child img {
    width: 48px;
    height: 48px;
  }
}
.paragraph-component .block-author .author-img picture + picture:last-child img {
  margin-top: -8px;
}
@media (min-width: 64rem) {
  .paragraph-component .block-author .author-img picture + picture:last-child img {
    margin-top: 10px;
    margin-left: -10px;
    width: 40px;
    height: 40px;
  }
}
.paragraph-component .featureCont {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 64rem) {
  .paragraph-component .featureCont:not(.isAuthorMode) {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: calc(-66.666% - 80px);
    z-index: 10;
    width: 55%;
  }
}
@media (min-width: 64rem) and (min-width: 80rem) {
  .paragraph-component .featureCont:not(.isAuthorMode) {
    right: calc(-66.666% - 60px);
  }
}
@media (min-width: 64rem) and (min-width: 90rem) {
  .paragraph-component .featureCont:not(.isAuthorMode) {
    right: calc(-66.666% - 106px);
    width: 60%;
  }
}
@media (min-width: 64rem) and (min-width: 120rem) {
  .paragraph-component .featureCont:not(.isAuthorMode) {
    right: calc(-66.666% - 140px);
    width: 62%;
  }
}
@media (min-width: 64rem) {
  .paragraph-component .featureCont .featured-card {
    width: 100%;
  }
}

.note-component {
  margin-top: 32px;
  padding: 24px 16px;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .note-component {
    min-width: 100%;
    margin-top: 40px;
    padding: 24px;
  }
}
.note-component.noteBgwhite {
  background-color: #ffffff;
}
.note-component.noteBggrey {
  background-color: #f8f8f8;
}
.note-component .noteTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
@media (min-width: 64rem) {
  .note-component .noteTitle {
    margin-bottom: 16px;
  }
}
.note-component .noteTitle .cmp-title__text {
  color: #464646;
  margin-bottom: 0;
}
.note-component .noteTitle .noteTitleIcon {
  font-size: 24px;
  color: #016A7F;
}
.note-component .rp-description {
  margin-top: 0px;
  font-family: "Roboto-Regular";
}
.note-component .rp-description p {
  margin-bottom: 32px;
}
.note-component .rp-description p:last-child {
  margin-bottom: 0;
}
.note-component .rp-description .hightlight {
  background-color: #FFC800;
  padding: 0px 4px;
}
.note-component .rp-description ul {
  list-style: none;
}
.note-component .rp-description ul li {
  position: relative;
  padding-left: 20px;
}
.note-component .rp-description ul li::before {
  content: "";
  color: #E3973D;
  font-weight: bold;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #E3973D;
  border-color: #E3973D;
  border-radius: 3px;
  margin-right: 12px;
  margin-bottom: 1px;
  position: absolute;
  left: 0;
  top: 4px;
}
.note-component .rp-description ol {
  list-style: none;
  counter-reset: li;
  padding-left: 0;
}
@media (min-width: 64rem) {
  .note-component .rp-description ol {
    padding-left: 40px;
  }
}
.note-component .rp-description ol li {
  position: relative;
  padding-left: 20px;
  counter-increment: li;
  margin-bottom: 24px;
}
.note-component .rp-description ol li::before {
  content: counter(li);
  color: #E3973D;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 1px;
  font-size: 14px;
  position: absolute;
  left: 0;
}
@media (min-width: 64rem) {
  .note-component .content-component {
    margin-left: -12.5%;
    float: left;
    width: 50%;
    padding-right: 32px;
    padding-bottom: 20px;
  }
}

.rp-template-reportage .paragraph .paragraph-component {
  margin-bottom: 0px;
}
.rp-template-reportage .paragraph .paragraph-component .note-component {
  margin-bottom: 32px;
}
@media (min-width: 64rem) {
  .rp-template-reportage .paragraph .paragraph-component .note-component {
    margin-top: 40px;
  }
}

.page-report-article .paragraph-component .rp-description > h3 {
  margin-bottom: 0;
}

@media (max-width: 64rem) {
  .page-receta .container-n .content-col-left .paragraph.section {
    padding: 0;
  }
}
.page-receta .description-receta + .paragraph .paragraph-component .rp-description {
  margin-top: 32px;
}
@media (min-width: 64rem) {
  .page-receta .description-receta + .paragraph .paragraph-component .rp-description {
    margin-top: 0;
  }
}
@media (max-width: 45rem) {
  .page-receta .tips {
    padding: 16px;
  }
}

.photo-modal-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  display: none;
}
.photo-modal-component.photo-modal--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  z-index: 1100;
}
@media (min-width: 45rem) {
  .photo-modal-component.photo-modal--show {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.photo-modal-component .photo-modal__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
}
@media (min-width: 45rem) {
  .photo-modal-component .photo-modal__container {
    border-radius: 8px;
    max-width: 560px;
  }
}
@media (min-width: 64rem) {
  .photo-modal-component .photo-modal__container {
    max-width: 820px;
  }
}
.photo-modal-component .photo-modal__container .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.photo-modal-component .photo-modal__container .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.photo-modal-component .photo-modal__container .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.photo-modal-component .photo-modal__container .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .photo-modal-component .photo-modal__container .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}
.photo-modal-component .photo-modal__container .photo-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
}
@media (min-width: 45rem) {
  .photo-modal-component .photo-modal__container .photo-modal__content {
    padding: 32px;
    gap: 32px;
  }
}
.photo-modal-component .photo-modal__container .photo-modal__content .photo-modal__texts .photo-modal__title {
  margin-bottom: 24px;
  padding-right: 32px;
  color: #464646;
}
@media (min-width: 45rem) {
  .photo-modal-component .photo-modal__container .photo-modal__content .photo-modal__texts .photo-modal__title {
    margin-bottom: 16px;
  }
}
.photo-modal-component .photo-modal__container .photo-modal__content .photo-modal__texts .photo-modal__text {
  margin-bottom: 0;
  color: #727272;
}
.photo-modal-component .photo-modal__container .photo-modal__content .photo-modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 64rem) {
  .photo-modal-component .photo-modal__container .photo-modal__content .photo-modal__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.photo-modal-component .photo-modal__container .photo-modal__content .photo-modal__buttons .rp-btn-delete {
  display: none;
}
.photo-modal-component .photo-modal__container .photo-modal__content .photo-modal__buttons .rp-btn-delete--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.photo-modal-component .photo-modal__container.photo-modal-upload--hidden, .photo-modal-component .photo-modal__container.photo-modal-delete--hidden {
  display: none;
}

.modal-pop-up {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  background: rgba(0, 0, 0, 0.2);
}
@media (min-width: 64rem) {
  .modal-pop-up {
    padding: 0;
  }
}

.pop-up-promo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 56px 20px 20px 20px;
  text-align: center;
  color: #464646;
  background-color: #ffffff;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .pop-up-promo {
    width: 501px;
    padding: 56px 40px 48px 40px;
  }
}
.pop-up-promo .title {
  font-family: "Roboto-Bold";
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .pop-up-promo .title {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 24px;
  }
}
.pop-up-promo .text-pop-up {
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 24px;
}
.pop-up-promo p {
  font-family: "Roboto-Regular";
}
.pop-up-promo .rp-btn-secondary {
  background-color: #c0ebf2 !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  color: #016A7F;
  font-size: 1.125rem;
  line-height: 32px;
  height: 56px;
}
.pop-up-promo .rp-btn-secondary:hover {
  background-color: #92d9e2 !important;
}
@media (min-width: 45rem) {
  .pop-up-promo .rp-btn-secondary {
    min-width: 200px;
  }
}
@media (min-width: 64rem) {
  .pop-up-promo .rp-btn-secondary {
    font-size: 1rem;
    line-height: 1.5rem;
    height: 48px;
  }
}
.pop-up-promo .icon {
  position: absolute;
  right: 36px;
  top: 36px;
  color: #016A7F;
  cursor: pointer;
}

.promocion-sidebar .block-promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 50;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  background: white;
  -webkit-filter: drop-shadow(0px -4px 11px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px -4px 11px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
}
@media (min-width: 80rem) {
  .promocion-sidebar .block-promo {
    position: static;
    width: 363px;
    max-width: 363px;
    background: #f8f8f8;
    -webkit-filter: none;
            filter: none;
  }
}
.promocion-sidebar .block-promo .block-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 400;
  font-style: normal;
  padding: 20px;
}
.promocion-sidebar .block-promo .block-text .rp-btn-guia {
  width: 100%;
  height: 48px;
  margin-bottom: 22px;
  text-align: center;
}
.promocion-sidebar .block-promo .block-text .block-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promocion-sidebar .block-promo .block-text .block-time .icon-rp-Clock {
  width: 20px;
  height: 20px;
}
.promocion-sidebar .block-promo .block-text .block-time .icon-rp-Clock::before {
  font-size: 20px;
}
.promocion-sidebar .block-promo .block-text .block-time .text-clock {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.25px;
  color: #464646;
  margin-left: 12px;
  margin-bottom: 0px;
}
.promocion-sidebar .block-promo .block-text .block-time .text-clock .text-hour {
  display: none;
}
.promocion-sidebar .block-promo .block-img {
  display: none;
}
@media (min-width: 80rem) {
  .promocion-sidebar .block-promo .block-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 185px;
  }
  .promocion-sidebar .block-promo .block-img picture {
    width: 100%;
    max-width: 363px;
    height: 100%;
  }
  .promocion-sidebar .block-promo .block-img picture img {
    width: 100%;
    max-width: 363px;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}

.content-sidebar-promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.quote-component {
  display: none;
}
.quote-component.author-mode, .quote-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quote-component * {
  margin-bottom: 0;
}
.quote-component .quote__container, .quote-component .quote__blockquote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: 100%;
}
@media (min-width: 64rem) {
  .quote-component .quote__container, .quote-component .quote__blockquote {
    gap: 24px;
  }
}
.quote-component .quote__blockquote {
  text-align: center;
}
@media (min-width: 64rem) {
  .quote-component .quote__blockquote {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
}
.quote-component .quote__blockquote .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.75rem;
  width: 1.75rem;
  max-width: 1.75rem;
  min-height: 1.75rem;
  height: 1.75rem;
  max-height: 1.75rem;
  font-size: 1.75rem;
}
.quote-component .quote__blockquote .icon-rp::before {
  font-size: 1.75rem;
}
.quote-component .quote__blockquote .icon-rp img {
  width: 100%;
  height: 100%;
}
.quote-component .quote__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (min-width: 64rem) {
  .quote-component .quote__author {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 52px;
  }
}
.quote-component .quote__author img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
@media (min-width: 64rem) {
  .quote-component .quote__author img {
    width: 48px;
    height: 48px;
  }
}
.quote-component .quote__author__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 64rem) {
  .quote-component .quote__author__info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.quote-component .quote__author__info .rp-body-18 {
  font-size: 1.125rem;
  line-height: 2rem;
}
.quote-component .quote__author__info .rp-body-14 {
  color: #727272;
}

.modal__register-welcome-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  display: none;
}
.modal__register-welcome-component.modal__register-welcome-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  z-index: 800;
}
@media (min-width: 45rem) {
  .modal__register-welcome-component.modal__register-welcome-component--show {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.modal__register-welcome-component .register-welcome__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 24px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.08);
}
@media (min-width: 45rem) {
  .modal__register-welcome-component .register-welcome__container {
    margin-inline: 122px;
    padding: 40px 40px 32px 40px;
    border-radius: 8px;
    max-width: 475px;
  }
}
@media (min-width: 64rem) {
  .modal__register-welcome-component .register-welcome__container {
    max-width: 616px;
  }
}
@media (min-width: 80rem) {
  .modal__register-welcome-component .register-welcome__container {
    max-width: 714px;
    padding-inline: 60px;
  }
}
@media (min-width: 90rem) {
  .modal__register-welcome-component .register-welcome__container {
    max-width: 822px;
    padding-inline: 75px;
  }
}
@media (min-width: 120rem) {
  .modal__register-welcome-component .register-welcome__container {
    max-width: 992px;
    padding-inline: 128px;
  }
}
.modal__register-welcome-component .register-welcome__container .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__register-welcome-component .register-welcome__container .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.modal__register-welcome-component .register-welcome__container .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__register-welcome-component .register-welcome__container .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .modal__register-welcome-component .register-welcome__container .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}
.modal__register-welcome-component .register-welcome__container .register-welcome__picture img {
  width: 100%;
}
.modal__register-welcome-component .register-welcome__container .register-welcome__content {
  padding: 16px;
  padding-bottom: 0;
  text-align: center;
}
@media (min-width: 45rem) {
  .modal__register-welcome-component .register-welcome__container .register-welcome__content {
    padding-inline: 0;
    padding-top: 24px;
  }
}
@media (min-width: 64rem) {
  .modal__register-welcome-component .register-welcome__container .register-welcome__content {
    padding-inline: 32px;
  }
}
@media (min-width: 120rem) {
  .modal__register-welcome-component .register-welcome__container .register-welcome__content {
    padding-inline: 64px;
  }
}
.modal__register-welcome-component .register-welcome__container .register-welcome__content .register-welcome__title {
  margin-bottom: 16px;
  color: var(--gr-blue-guia);
}
.modal__register-welcome-component .register-welcome__container .register-welcome__content .register-welcome__text {
  color: #464646;
  margin-bottom: 0;
}
.modal__register-welcome-component .register-welcome__container .register-welcome__content .rp-link {
  cursor: pointer;
}
.modal__register-welcome-component .register-welcome__container .register-welcome__content .register-welcome__button {
  padding-top: 24px;
}
@media (min-width: 45rem) {
  .modal__register-welcome-component .register-welcome__container .register-welcome__content .register-welcome__button {
    padding-top: 32px;
  }
}

.related-articles-component {
  padding-left: 12px;
  padding-right: 12px;
  cursor: pointer;
}
.related-articles-component .related-article__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  background-color: #f8f8f8;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .related-articles-component .related-article__card {
    padding: 16px;
  }
}
.related-articles-component .related-article__card.related-article--one {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .related-articles-component .related-article__card.related-article--one {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.related-articles-component .related-article__card.related-article--one .related-article__img {
  display: none;
}
@media (min-width: 64rem) {
  .related-articles-component .related-article__card.related-article--one .related-article__img {
    display: block;
    width: 130px;
    height: 88px;
    margin-right: 16px;
  }
}
.related-articles-component .related-article__card.related-article--one .related-article__img img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 64rem) {
  .related-articles-component .related-article__card.related-article--one .related-article__img img {
    border-radius: 8px;
  }
}
.related-articles-component .related-article__card.related-article--one .related-article__info {
  width: 100%;
  padding: 24px 16px;
}
@media (min-width: 64rem) {
  .related-articles-component .related-article__card.related-article--one .related-article__info {
    padding: 0;
  }
}
.related-articles-component .related-article__card.related-article--one .related-article__info .caption-article {
  color: #727272;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .related-articles-component .related-article__card.related-article--one .related-article__info .caption-article {
    -webkit-line-clamp: 2;
  }
}
@media (hover: hover) {
  .related-articles-component .related-article__card.related-article--one:hover .title-article {
    color: #00404d;
  }
}
.related-articles-component .related-article__card.related-article--items {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
}
.related-articles-component .related-article__card.related-article--items .rp-title {
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
.related-articles-component .related-article__card.related-article--items .related-article__list__items {
  margin-top: 16px;
  margin-bottom: 0;
  padding-left: 18px;
}
.related-articles-component .related-article__card.related-article--items .related-article__list__items .related-article__item .title-article {
  margin-bottom: 0;
  font-family: "Roboto-Regular";
  font-weight: 500;
}
@media (hover: hover) {
  .related-articles-component .related-article__card.related-article--items .related-article__list__items .related-article__item .title-article:hover {
    color: #00404d;
  }
}
.related-articles-component .related-article__card.related-article--items .related-article__list__items .related-article__item:not(:last-of-type) {
  margin-bottom: 16px;
}
.related-articles-component .related-article__card .related-article__info .title-article {
  margin-bottom: 4px;
  color: #016A7F;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .related-articles-component .related-article__card .related-article__info .title-article {
    -webkit-line-clamp: 2;
  }
}

:root {
  --headerHeight: 65px;
  --colRightWidth: 58.33333%;
  --colRightTotalWidth: var(--colRightWidth);
}

.results-search-component {
  margin-top: 0 !important;
  /*Control buttons*/
}
.results-search-component .search__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 64rem) {
  .results-search-component .search__container {
    gap: 60px;
    max-height: 1800px;
    overflow-y: clip;
    margin-bottom: 56px;
  }
}
.results-search-component .search__container .search__col--left .container-carousel--white,
.results-search-component .search__container .search__col--left .card,
.results-search-component .search__container .search__col--right .container-carousel--white,
.results-search-component .search__container .search__col--right .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  border-radius: 8px;
}
.results-search-component .search__container .search__col--left .container-carousel--white--bordered,
.results-search-component .search__container .search__col--left .card--bordered,
.results-search-component .search__container .search__col--right .container-carousel--white--bordered,
.results-search-component .search__container .search__col--right .card--bordered {
  -webkit-box-shadow: 0px 0px 3px 0px #0000001A;
          box-shadow: 0px 0px 3px 0px #0000001A;
}
.results-search-component .search__container .search__col--left .card img,
.results-search-component .search__container .search__col--right .card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.results-search-component .search__container .search__col--left .card .card__info,
.results-search-component .search__container .search__col--right .card .card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.results-search-component .search__container .search__col--left .card .card__recommendations,
.results-search-component .search__container .search__col--right .card .card__recommendations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: #464646;
}
.results-search-component .search__container .search__col--left .card .card__recommendations-avatars,
.results-search-component .search__container .search__col--right .card .card__recommendations-avatars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.results-search-component .search__container .search__col--left .card .card__recommendations-avatar,
.results-search-component .search__container .search__col--right .card .card__recommendations-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  overflow: hidden;
  margin-left: -6px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: #B0E1E7;
  color: var(--gr-blue-guia);
  font-size: 0.75rem;
  font-family: "Roboto-Medium";
  line-height: 0.875rem;
}
.results-search-component .search__container .search__col--left .card .card__recommendations-avatar:first-child,
.results-search-component .search__container .search__col--right .card .card__recommendations-avatar:first-child {
  margin-left: 0;
}
.results-search-component .search__container .search__col--left .card .card__recommendations-avatar img,
.results-search-component .search__container .search__col--right .card .card__recommendations-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.results-search-component .search__container .search__col--left .card .card__recommendations-text,
.results-search-component .search__container .search__col--right .card .card__recommendations-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}
.results-search-component .search__container .search__col--left .card .card__recommendations-label,
.results-search-component .search__container .search__col--right .card .card__recommendations-label {
  color: #464646;
}
.results-search-component .search__container .search__col--left .card .card__recommendations-name,
.results-search-component .search__container .search__col--right .card .card__recommendations-name {
  color: #000000;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .card .card__recommendations-name,
.results-search-component .search__container .search__col--right .card .card__recommendations-name {
    -webkit-line-clamp: 1;
  }
}
.results-search-component .search__container .search__col--left .card .card__placeholder,
.results-search-component .search__container .search__col--right .card .card__placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder {
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.RESTAURANTE, .results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.SOLETE-6,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.RESTAURANTE,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.SOLETE-1,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.SOLETE-2,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.SOLETE-3,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.SOLETE-4,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.SOLETE-5,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.SOLETE-7,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.ATRACTIVO_NATURAL,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.BODEGA,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.CENTROS_DEPORTIVOS,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.ESTACION_ESQUI,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.ESTACION_DE_SERVICIO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.ESTACION_RECARGA,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.EXPERIENCIA,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.FIESTA,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.LOCALIDAD,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.LUGAR_EMBLEMATICO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.MONUMENTO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.MUSEO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.PARQUE_TEMATICO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.PARQUE_URBANO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.PLAYA,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.PRODUCTO_TIPICO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.PLATO_TIPICO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.VINO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.REPORTAJE,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.REPORTAJE_GASTRO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.REPORTAJE_VIAJE,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.RECETA,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.RUTA,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.BRINDAR,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.COMER,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.DESAYUNO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.APERITIVO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.COMIDA,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.TARDEO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.CENA,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.COPAS,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.CALIFICAR,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.GEOLOCALIZAR,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.GUARDAR,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.RETROALIMENTAR,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.NOT_FOUND,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.NO_ROUTE,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__placeholder .icon__placeholder.COMPLETADO,
.results-search-component .search__container .search__col--right .card .card__placeholder .icon__placeholder.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
.results-search-component .search__container .search__col--left .card .card__type,
.results-search-component .search__container .search__col--right .card .card__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 8px;
}
.results-search-component .search__container .search__col--left .card .card__type .icon-rp-recomendado,
.results-search-component .search__container .search__col--right .card .card__type .icon-rp-recomendado {
  color: var(--gr-blue-guia);
}
.results-search-component .search__container .search__col--left {
  padding-block: 56px;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left {
    padding-top: 32px;
    padding-bottom: 0;
  }
}
.results-search-component .search__container .search__col--left .header__col--left .search__featured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.results-search-component .search__container .search__col--left .header__col--left .search__filters {
  gap: 12px;
  padding-top: 20px;
  padding-left: 0;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  margin-right: -20px;
}
.results-search-component .search__container .search__col--left .header__col--left .search__filters__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 40px;
  padding: 12px 16px;
  line-height: 16px;
  border-radius: 28px;
  border: 1px solid #DDDDDD;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .header__col--left .search__filters__item {
    height: 32px;
    padding: 8px 12px;
    font-size: 0.75rem;
  }
}
.results-search-component .search__container .search__col--left .header__col--left .search__filters__item--selected {
  border-color: 1px solid var(--gr-blue-guia);
  background-color: #ffffff;
}
.results-search-component .search__container .search__col--left .header__col--left .search__filters__item:last-of-type {
  margin-right: 20px;
}
.results-search-component .search__container .search__col--left .header__col--left .search__filters .icon-rp {
  color: var(--gr-blue-guia);
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: none;
  border-radius: 8px 8px 0 0;
  background-color: #ffffff;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal--visible {
  display: block;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container {
  padding: 24px 16px 0;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__header .form__title {
  font-size: 22px;
  line-height: 32px;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__header .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__header .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__header .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__header .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 24px;
  right: 24px;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__header .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group,
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group {
  padding-top: 32px;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .radio__label,
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .checkbox__label,
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .radio__label,
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__label {
  margin: 0;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group {
  display: none;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .radio__input {
  display: none;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .radio__input:checked + .radio__label::after {
  top: 6px;
  right: 14px;
  width: 12px;
  height: 12px;
  background-color: #016A7F;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .radio__label {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .radio__label::before {
  top: 0;
  right: 8px;
  width: 24px;
  height: 24px;
  border: 1px solid #00ADC3;
  background-color: #B0E1E7;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .radio__input:checked + .radio__label::after,
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .radio__label::before {
  position: absolute;
  content: "";
  border-radius: 50%;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group:nth-child(even) {
    margin-top: 32px;
  }
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__input {
  display: none;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__input:checked + label::after {
  position: absolute;
  content: "\e91d";
  top: 0;
  right: 8px;
  font-family: "Guia Icons";
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1rem;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__input:checked + label::after::before {
  font-size: 1rem;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__input:checked + label::after img {
  width: 100%;
  height: 100%;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__input:checked + .checkbox__label--secondary::after {
  color: var(--gr-color-white);
  background: var(--gr-blue-guia);
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 4px;
  font-size: var(--gr-size-12);
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__label {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__label::before {
  position: absolute;
  content: "";
  top: 0;
  right: 8px;
  width: 24px;
  height: 24px;
  border: 1px solid #00ADC3;
  border-radius: 4px;
  background-color: #B0E1E7;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__label--secondary::before {
  background: transparent;
  border-color: var(--gr-color-border);
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group:not(:first-of-type) {
    margin-top: 32px;
  }
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .rp-btn-guia {
  width: 100%;
  margin-top: 24px;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 41px;
  padding-top: 28px;
}
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__footer::after {
  position: absolute;
  content: "";
  width: 134px;
  height: 5px;
  border-radius: 100px;
  background-color: #DDDDDD;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__footer {
    display: none;
  }
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .header__col--left .search__featured,
.results-search-component .search__container .search__col--left .header__col--left .search__filters {
    position: relative;
  }
  .results-search-component .search__container .search__col--left .header__col--left .search__modal {
    position: absolute;
    bottom: initial;
    left: initial;
    width: 292px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
  }
  .results-search-component .search__container .search__col--left .header__col--left .search__modal.form__sort {
    top: 32px;
  }
  .results-search-component .search__container .search__col--left .header__col--left .search__modal.form__article {
    right: initial;
    margin-top: 4px;
  }
  .results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container {
    padding: 16px 24px;
  }
  .results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__header {
    display: none;
  }
  .results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group,
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group {
    padding-top: 0;
  }
  .results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .radio__label,
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .radio__group .checkbox__label,
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .radio__label,
.results-search-component .search__container .search__col--left .header__col--left .search__modal .form__container .form__main .checkbox__group .checkbox__label {
    font-family: "Roboto-Medium";
    font-weight: 500;
  }
}
.results-search-component .search__container .search__col--left .main__col--left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .main__col--left {
    gap: 16px;
    height: 1600px;
    overflow-y: scroll;
  }
}
.results-search-component .search__container .search__col--left .main__col--left .group__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .main__col--left .group__card {
    gap: 16px;
  }
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured {
  width: 100%;
  -webkit-transition: -webkit-box-shadow ease-in-out 350ms;
  transition: -webkit-box-shadow ease-in-out 350ms;
  transition: box-shadow ease-in-out 350ms;
  transition: box-shadow ease-in-out 350ms, -webkit-box-shadow ease-in-out 350ms;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured:hover {
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured picture,
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__placeholder {
  min-width: 140px;
  max-width: 140px;
  min-height: 140px;
  height: auto;
  max-height: 148px;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured picture img,
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__placeholder img {
  border-radius: 8px 0 0 8px;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured picture .icon__placeholder,
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__placeholder .icon__placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3.5rem;
  width: 3.5rem;
  max-width: 3.5rem;
  min-height: 3.5rem;
  height: 3.5rem;
  max-height: 3.5rem;
  font-size: 3.5rem;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured picture .icon__placeholder::before,
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__placeholder .icon__placeholder::before {
  font-size: 3.5rem;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured picture .icon__placeholder img,
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__placeholder .icon__placeholder img {
  width: 100%;
  height: 100%;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__info {
  padding: 16px;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__info .rp-body-16 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__info .rp-body-16 {
    -webkit-line-clamp: 2;
  }
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__info .card__schedule,
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__info .card__description {
  padding-top: 4px;
  color: #727272;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__info .card__schedule .current__status--false {
  color: #E4002B;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__info .card__schedule .current__status--true {
  color: #00a074;
}
.results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__info .card__description {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .main__col--left .group__card .card__featured .card__info .card__description {
    -webkit-line-clamp: 3;
  }
}
.results-search-component .search__container .search__col--left .main__col--left .loader {
  opacity: 0.2;
  -webkit-transition: opacity ease-in-out 700ms;
  transition: opacity ease-in-out 700ms;
}
.results-search-component .search__container .search__col--left .main__col--left .loader--show {
  opacity: 1;
}
.results-search-component .search__container .search__col--left .main__col--left .loader .rp-loader .block {
  position: initial;
  margin-top: 32px;
}
.results-search-component .search__container .search__col--left .main__col--left .empty-state {
  text-align: center;
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .main__col--left .empty-state {
    max-width: 392px;
  }
}
.results-search-component .search__container .search__col--left .main__col--left .empty-state .not-found__image {
  margin: 0 auto 16px;
  content: "";
  width: 120px;
  height: 120px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
  background-size: contain;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--left .main__col--left .empty-state .not-found__image {
    width: 160px;
    height: 160px;
  }
}
.results-search-component .search__container .search__col--left .main__col--left .empty-state p {
  margin-bottom: 0;
}
.results-search-component .search__container .search__col--right .view__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-top: 16px;
}
.results-search-component .search__container .search__col--right .view__list.view--hide {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--right .view__list {
    margin-top: 32px;
  }
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .rp-body-16 {
  margin-bottom: 8px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card {
  height: auto;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-xs, .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-xs .card__info {
  padding-top: 16px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-xs picture img,
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-xs .card__placeholder {
  border-radius: 8px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-xs .card__placeholder {
  background-color: #f8f8f8;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m {
  -webkit-transition: -webkit-box-shadow ease-in-out 350ms;
  transition: -webkit-box-shadow ease-in-out 350ms;
  transition: box-shadow ease-in-out 350ms;
  transition: box-shadow ease-in-out 350ms, -webkit-box-shadow ease-in-out 350ms;
}
@media (hover: hover) {
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m:hover {
    -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
  }
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m picture img {
  aspect-ratio: 4/3;
  border-radius: 8px 8px 0 0;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m .card__info {
  padding: 16px 12px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m.card-location {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  text-align: center;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m.card-location .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
  font-size: 1rem;
  background-color: #F2F2F2;
  border-radius: 50%;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m.card-location .icon-rp::before {
  font-size: 1rem;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m.card-location .icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m.card-location .card__title {
  margin-top: 12px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card.card-m.card-location .rp-btn-guia {
  width: 100%;
  height: 32px;
  margin-top: 16px;
  font-size: 0.875rem;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card picture,
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card .card__placeholder {
  width: inherit;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card .card__placeholder .icon__placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 72px;
  width: 72px;
  max-width: 72px;
  min-height: 72px;
  height: 72px;
  max-height: 72px;
  font-size: 72px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card .card__placeholder .icon__placeholder::before {
  font-size: 72px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card .card__placeholder .icon__placeholder img {
  width: 100%;
  height: 100%;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel .carousel .card .card__title {
  margin-bottom: 4px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel.container-carousel--white {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-block: 24px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel.container-carousel--white .carousel__info, .results-search-component .search__container .search__col--right .view__list .container-carousel.container-carousel--white > .rp-caption {
  padding-inline: 24px;
}
.results-search-component .search__container .search__col--right .view__list .container-carousel.container-carousel--white .carousel {
  padding-left: 24px;
}
@media (min-width: 45rem) {
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel {
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;
    overflow: visible;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-list .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto !important;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-list .slick-track .card {
    margin-inline: 8px;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow {
    top: calc(50% - 16px);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "icomoon";
    color: #016A7F;
    font-size: 1rem;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow::before img {
    width: 100%;
    height: 100%;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow.slick-disabled {
    display: none !important;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow:not(.slick-disabled) {
    display: none !important;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow:not(.slick-disabled)::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 32px;
    width: 32px;
    max-width: 32px;
    min-height: 32px;
    height: 32px;
    max-height: 32px;
    font-size: 1rem;
    color: #016A7F;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow:not(.slick-disabled)::before::before {
    font-size: 1rem;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow:not(.slick-disabled)::before img {
    width: 100%;
    height: 100%;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow:not(.slick-disabled).slick-next {
    z-index: 10;
    right: -8px;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow:not(.slick-disabled).slick-next::before {
    font-family: "icomoon";
    content: "\e90d";
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow:not(.slick-disabled).slick-prev {
    z-index: 10;
    left: -8px;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-arrow:not(.slick-disabled).slick-prev::before {
    font-family: "icomoon";
    content: "\e90a";
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.slick-slider .slick-dots {
    position: initial;
  }
}
@media (min-width: 45rem) and (min-width: 64rem) and (max-width: 120rem) {
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.carousel__places.slick-slider {
    position: relative;
    width: 100%;
    margin-right: 138px;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.carousel__places.slick-slider .slick-list {
    margin-right: -138px;
    clip-path: inset(0 138px 0 0);
    overflow: hidden;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.carousel__places.slick-slider .slick-list .slick-track {
    margin-left: -8px;
  }
}
@media (min-width: 45rem) {
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.carousel__places.slick-slider .slick-arrow.slick-prev {
    left: -16px;
  }
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel.carousel__places.slick-slider .slick-arrow.slick-next {
    right: -16px;
  }
}
@media (min-width: 45rem) {
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel:not(.slick-slider) {
    padding-bottom: 0;
  }
}
@media (min-width: 45rem) {
  .results-search-component .search__container .search__col--right .view__list .container-carousel .carousel:hover .slick-arrow:not(.slick-disabled) {
    display: inline-block !important;
  }
}
.results-search-component .search__container .search__col--right .feedback-component {
  display: none;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  padding-block: 12px;
}
.results-search-component .search__container .search__col--right .feedback-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 64rem) {
  .results-search-component .search__container .search__col--right .feedback-component {
    padding-block: 0;
  }
}
.results-search-component .search__container .search__col--right .feedback-component .feedback__container {
  margin-inline: 0;
}
.results-search-component .search__container .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
  color: #016A7F;
}
.results-search-component .search__container .icon-rp::before {
  font-size: 1rem;
}
.results-search-component .search__container .icon-rp img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .results-search-component .search__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .results-search-component .search__container .search__col--left {
    width: 50%;
  }
  .results-search-component .search__container .search__col--right {
    width: calc(50% - 8px);
  }
}
.results-search-component.map-view .search__container {
  position: relative;
  height: auto;
}
@media (max-width: 63rem) {
  .results-search-component.map-view .search__container {
    padding-inline: 0;
    margin-inline: 0;
    max-width: 100%;
  }
}
@media (min-width: 64rem) {
  .results-search-component.map-view .search__container {
    height: calc(100dvh - var(--headerHeight));
    margin-bottom: 0;
  }
}
@media (max-width: 63rem) {
  .results-search-component.map-view .search__col--left {
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100%;
    padding: 24px 16px;
    background-color: #ffffff;
    border-radius: 8px 8px 0 0;
  }
  .results-search-component.map-view .search__col--left::after {
    position: absolute;
    content: "";
    top: 8px;
    left: calc(50% - 24px);
    width: 48px;
    height: 4px;
    background-color: #DDDDDD;
    border-radius: 8px;
  }
  .results-search-component.map-view .search__col--left.show, .results-search-component.map-view .search__col--left.showing {
    padding-bottom: 0;
  }
  .results-search-component.map-view .search__col--left.show .main__col--left,
.results-search-component.map-view .search__col--left.show .search__filters, .results-search-component.map-view .search__col--left.showing .main__col--left,
.results-search-component.map-view .search__col--left.showing .search__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .results-search-component.map-view .search__col--left.showing {
    height: 304px;
  }
  .results-search-component.map-view .search__col--left.showing .main__col--left {
    max-height: 180px;
    overflow: auto;
  }
  .results-search-component.map-view .search__col--left.show {
    height: calc(100dvh - 200px);
  }
  .results-search-component.map-view .search__col--left.show .main__col--left {
    max-height: calc(100% - 108px);
    overflow: auto;
  }
  .results-search-component.map-view .search__col--left .main__col--left,
.results-search-component.map-view .search__col--left .search__filters {
    display: none;
  }
}
@media (min-width: 64rem) {
  .results-search-component.map-view .search__col--left {
    padding-right: 24px;
    width: 41.66667%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .results-search-component.map-view .search__col--left::-webkit-scrollbar {
    display: none;
  }
}
.results-search-component.map-view .search__col--left .search__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.results-search-component.map-view .search__col--left .search__featured .search__related-content {
  display: none;
}
.results-search-component.map-view .search__col--left .search__info {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (min-width: 64rem) {
  .results-search-component.map-view .search__col--left .search__info {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
@media (min-width: 64rem) {
  .results-search-component.map-view .search__col--left .search__info {
    font-family: "Roboto-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 64rem) {
  .results-search-component.map-view .search__col--right {
    position: absolute;
    width: var(--colRightTotalWidth);
    left: 41.66667%;
    right: 0;
  }
}
.results-search-component.hidden-list .search__container {
  position: static;
}
.results-search-component.hidden-list .search__col--left {
  display: none;
}
.results-search-component.hidden-list .search__col--right {
  width: 100%;
  left: 0;
}
.results-search-component .view__map {
  position: relative;
}
.results-search-component .view__map.view--hide {
  display: none;
}
.results-search-component .view__map .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
  /* Hover */
}
.results-search-component .view__map .card .card__placeholder {
  height: 100%;
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder {
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  font-size: 100%;
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.RESTAURANTE, .results-search-component .view__map .card .card__placeholder .icon__placeholder.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder::before {
  font-size: 100%;
}
.results-search-component .view__map .card .card__placeholder .icon__placeholder img {
  width: 100%;
  height: 100%;
}
.results-search-component .view__map .card.card-xl {
  padding: 16px;
  width: calc(100vw - 32px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl {
    position: relative;
    padding: 0;
    width: 343px;
    max-height: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.results-search-component .view__map .card.card-xl .card__image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 106px;
  height: 79px;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__image {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    height: 195px;
    margin: 0;
  }
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__image img {
    border-radius: 8px 8px 0 0;
  }
}
.results-search-component .view__map .card.card-xl .card__info {
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 12px;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 2px;
    margin-right: 0;
    padding: 24px;
  }
}
.results-search-component .view__map .card.card-xl .card__info p {
  margin-bottom: 0;
}
.results-search-component .view__map .card.card-xl .card__info .card__title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__title {
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 2rem;
  }
}
.results-search-component .view__map .card.card-xl .card__info .card__subtitle {
  margin-top: 4px;
  letter-spacing: 0;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__subtitle {
    -webkit-line-clamp: 1;
  }
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__subtitle {
    margin-top: 0;
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.025px;
  }
}
.results-search-component .view__map .card.card-xl .card__info .card__subtitle .bullet-separator {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__subtitle .bullet-separator {
    display: inline;
  }
}
.results-search-component .view__map .card.card-xl .card__info .card-subtitle-description {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card-subtitle-description {
    display: inline;
  }
}
.results-search-component .view__map .card.card-xl .card__info .card-subtitle-description .icon-rp {
  margin-right: 8px;
  color: #464646;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
  vertical-align: middle;
  display: none;
}
.results-search-component .view__map .card.card-xl .card__info .card-subtitle-description .icon-rp::before {
  font-size: 1rem;
}
.results-search-component .view__map .card.card-xl .card__info .card-subtitle-description .icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .view__map .card.card-xl .card__info .card__type {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__type {
    position: static;
  }
}
.results-search-component .view__map .card.card-xl .card__info .card__type .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
}
.results-search-component .view__map .card.card-xl .card__info .card__type .icon-rp::before {
  font-size: 1rem;
}
.results-search-component .view__map .card.card-xl .card__info .card__type .icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .view__map .card.card-xl .card__info .card__type .level-price {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__type .level-price {
    display: block;
  }
}
.results-search-component .view__map .card.card-xl .card__info .card-type-description {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.025px;
  letter-spacing: 0;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card-type-description {
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.025px;
  }
}
.results-search-component .view__map .card.card-xl .card__info .card__description {
  display: none;
}
.results-search-component .view__map .card.card-xl .card__info .card__schedule,
.results-search-component .view__map .card.card-xl .card__info .card__contact-data,
.results-search-component .view__map .card.card-xl .card__info .card__actions {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__schedule,
.results-search-component .view__map .card.card-xl .card__info .card__contact-data,
.results-search-component .view__map .card.card-xl .card__info .card__actions {
    display: block;
  }
}
.results-search-component .view__map .card.card-xl .card__info .card__schedule {
  color: #727272;
}
.results-search-component .view__map .card.card-xl .card__info .card__schedule .current__status--false {
  color: #E4002B;
}
.results-search-component .view__map .card.card-xl .card__info .card__schedule .current__status--true {
  color: #00a074;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__contact-data {
    margin-top: 14px;
  }
}
.results-search-component .view__map .card.card-xl .card__info .card__contact-data .icon-rp {
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
}
.results-search-component .view__map .card.card-xl .card__info .card__contact-data .icon-rp::before {
  font-size: 1.5rem;
}
.results-search-component .view__map .card.card-xl .card__info .card__contact-data .icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .view__map .card.card-xl .card__info .card__contact-data .phone-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #016A7F;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .card__info .card__actions {
    margin-top: 22px;
  }
}
.results-search-component .view__map .card.card-xl .card__info .rp-btn-guia {
  width: 100%;
}
.results-search-component .view__map .card.card-xl.card__poi--places .card__info .card__type,
.results-search-component .view__map .card.card-xl.card__poi--places .card__info .card__schedule,
.results-search-component .view__map .card.card-xl.card__poi--places .card__info .card__contact-data {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl.card__poi--places .card__description {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 10px;
  }
}
@media (min-width: 64rem) and (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl.card__poi--places .card__description {
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 63rem) {
  .results-search-component .view__map .card.card-xl.card__poi--places .card__subtitle {
    margin-top: 0;
  }
}
.results-search-component .view__map .card.card-xl.card__poi--places .card-subtitle-description {
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl.card__poi--places .card-subtitle-description {
    position: static;
  }
}
@media (max-width: 63rem) {
  .results-search-component .view__map .card.card-xl.card__poi--places .card-subtitle-description .icon-rp {
    display: inline;
  }
}
.results-search-component .view__map .card.card-xl .icon-rp-Cross {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card.card-xl .icon-rp-Cross {
    position: absolute;
    top: 8px;
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 32px;
    width: 32px;
    max-width: 32px;
    min-height: 32px;
    height: 32px;
    max-height: 32px;
    font-size: 1.125rem;
    padding-inline: 0;
  }
  .results-search-component .view__map .card.card-xl .icon-rp-Cross::before {
    font-size: 1.125rem;
  }
  .results-search-component .view__map .card.card-xl .icon-rp-Cross img {
    width: 100%;
    height: 100%;
  }
}
.results-search-component .view__map .card.card-s {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: 395px;
  height: 156px;
  padding: 16px;
}
.results-search-component .view__map .card.card-s .card__image {
  width: 166px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.results-search-component .view__map .card.card-s .card__info {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.results-search-component .view__map .card.card-s .card__info .card__type {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 0;
}
.results-search-component .view__map .card.card-s .card__info .card__type .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
}
.results-search-component .view__map .card.card-s .card__info .card__type .icon-rp::before {
  font-size: 1rem;
}
.results-search-component .view__map .card.card-s .card__info .card__type .icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .view__map .card.card-s .card__info .card__type .icon-rp.icon-rp-Location {
  color: var(--gr-blue-guia);
}
.results-search-component .view__map .card.card-s .card__info .card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.results-search-component .view__map .card-container {
  top: auto !important;
  left: 16px !important;
}
@media (max-width: 63rem) {
  .results-search-component .view__map .card-container {
    bottom: 88px !important;
  }
}
@media (min-width: 64rem) {
  .results-search-component .view__map .card-container {
    top: 89px !important;
    left: 33px !important;
  }
}
.results-search-component #map {
  height: calc(100dvh - var(--headerHeight));
}
.results-search-component .filters__map {
  position: absolute;
  top: 12px;
  left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 16px);
}
@media (min-width: 64rem) {
  .results-search-component .filters__map {
    top: 24px;
    left: 33px;
    width: calc(100% - 33px);
    -webkit-transform: none;
            transform: none;
  }
}
.results-search-component .filters__map.filters__map--hide .filter-map-hide-all__btn,
.results-search-component .filters__map.filters__map--hide .filters-map-group {
  display: none;
}
.results-search-component .filters__map > .filter-map__btn {
  margin-right: 4px;
}
.results-search-component .filters__map > .filter-map__btn:not(:first-child) {
  margin-left: 4px;
}
.results-search-component .filters__map .filter-map-hide-list__btn {
  margin-right: 20px;
}
.results-search-component .filters__map .filter-map__btn {
  padding: 4px 16px 4px 4px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ffffff;
  border-radius: 28px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 -1px 4px -4px rgba(0, 0, 0, 0.02), 0 2px 8px -2px rgba(0, 0, 0, 0.14);
          box-shadow: 0 -1px 4px -4px rgba(0, 0, 0, 0.02), 0 2px 8px -2px rgba(0, 0, 0, 0.14);
  white-space: nowrap;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .filter-map__btn {
    height: 32px;
  }
}
.results-search-component .filters__map .filter-map__btn .filter__icon,
.results-search-component .filters__map .filter-map__btn .filter__qty {
  padding: 8px;
  height: 32px;
  width: 32px;
  background: #e5ebf0;
  border-radius: 28px;
  line-height: 1rem;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .filter-map__btn .filter__icon,
.results-search-component .filters__map .filter-map__btn .filter__qty {
    padding: 4px;
    height: 24px;
    width: 24px;
  }
}
.results-search-component .filters__map .filter-map__btn img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-object-fit: contain;
     object-fit: contain;
}
.results-search-component .filters__map .filter-map__btn .filter__qty {
  background: var(--gr-blue-guia);
  color: #ffffff;
}
.results-search-component .filters__map .filter-map__btn .icon-rp {
  color: var(--gr-blue-guia);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
}
.results-search-component .filters__map .filter-map__btn .icon-rp::before {
  font-size: 1rem;
}
.results-search-component .filters__map .filter-map__btn .icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .filters__map .filter-map__btn .filter__text {
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.025px;
  line-height: 1rem;
  color: #464646;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .filter-map__btn .filter__text {
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.025px;
    letter-spacing: 0;
  }
}
.results-search-component .filters__map .filter-map__btn .filter__text .icon-rp {
  margin-left: 8px;
}
.results-search-component .filters__map .filter-map__btn.active {
  border: 1px solid var(--gr-blue-guia);
}
.results-search-component .filters__map .filter-map__btn.active .filter__icon {
  background-color: var(--gr-blue-guia);
}
.results-search-component .filters__map .filter-map__btn.active .filter__icon .icon-rp {
  color: #ffffff;
}
.results-search-component .filters__map .filter-map__btn.active .filter__icon img {
  -webkit-filter: grayscale(1) invert(1);
          filter: grayscale(1) invert(1);
}
.results-search-component .filters__map .filter-map__btn.active .filter__text .icon-rp {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.results-search-component .filters__map .filter-map__btn--icon {
  padding: 12px;
  width: 40px;
  min-width: auto;
  border-radius: 100px;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .filter-map__btn--icon {
    padding: 8px;
    width: 32px;
  }
}
.results-search-component .filters__map .filter-map__btn--icon.active {
  background-color: var(--gr-blue-guia);
  border-color: var(--gr-blue-guia);
}
.results-search-component .filters__map .filter-map__btn--icon.active .icon-rp {
  color: #ffffff;
}
.results-search-component .filters__map .filter-map__btn.featured-filter .filter__icon {
  background-color: #FFF0E0;
}
.results-search-component .filters__map .filter-map__btn.featured-filter .filter__icon .icon-rp {
  color: #FF8200;
}
.results-search-component .filters__map .filter-map__btn.featured-filter.active {
  border: 1px solid #FF6200;
}
.results-search-component .filters__map .filter-map__btn.featured-filter.active .filter__icon {
  background-color: #FF6200;
}
.results-search-component .filters__map .filter-map__btn.featured-filter.active img {
  -webkit-filter: grayscale(1) brightness(3);
          filter: grayscale(1) brightness(3);
}
.results-search-component .filters__map .filter-map__btn.featured-filter.active .filter__qty {
  background-color: #FF6200;
}
.results-search-component .filters__map .filter-map-hide-list__btn {
  display: none;
}
.results-search-component .filters__map .filter-map-hide-list__btn .filter__text {
  margin-left: 4px;
  display: none;
}
.results-search-component .filters__map .filter-map-hide-list__btn.active {
  padding-left: 12px;
  padding-right: 12px;
  border: none;
}
.results-search-component .filters__map .filter-map-hide-list__btn.active .icon-rp {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.results-search-component .filters__map .filter-map-hide-list__btn.active .filter__text {
  display: inline;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .filter-map-hide-list__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.results-search-component .filters__map .filters-map-group {
  margin-left: 4px;
  padding-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  margin-right: 20px;
}
.results-search-component .filters__map .filters-map-group.hidden {
  opacity: 0;
}
.results-search-component .filters__map .filters-map-group .filter-map__btn {
  margin-left: 4px;
  margin-right: 4px;
}
.results-search-component .filters__map .filters-map-group .filter-map__btn:last-child {
  margin-right: 0;
}
.results-search-component .filters__map .filters-map-group > .filter-map__btn {
  margin-left: 0;
}
.results-search-component .filters__map .filters-map-group .filter-dropdown-group:last-child .filter-map__btn {
  margin-right: 0;
}
.results-search-component .filters__map .filter-dropdown-group {
  position: relative;
}
.results-search-component .filters__map .filter-dropdown-group.show .dropdown-menu-backdrop {
  display: block;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .filter-dropdown-group.show .dropdown-menu-backdrop {
    display: none;
  }
}
.results-search-component .filters__map .filter-dropdown {
  white-space: nowrap;
}
.results-search-component .filters__map .dropdown-menu {
  margin-top: 0;
  padding: 0;
  min-width: auto;
  position: relative;
  top: 0;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
  border: none;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
@media (max-width: 63rem) {
  .results-search-component .filters__map .dropdown-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  }
  .results-search-component .filters__map .dropdown-menu.show {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    z-index: 1900;
  }
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu {
    margin-top: 8px;
    width: 292px;
    border-radius: 8px;
  }
}
.results-search-component .filters__map .dropdown-menu-header {
  padding: 24px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #464646;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu-header {
    padding: 16px 24px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.results-search-component .filters__map .dropdown-menu-header .filter-map-close__btn {
  position: absolute;
  right: 16px;
}
.results-search-component .filters__map .dropdown-menu-header .filter-map-close__btn:before {
  font-size: 1.5rem;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group {
  position: relative;
  height: 56px;
  height: 100%;
  padding: 0 16px 8px 16px;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group {
    height: 48px;
  }
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input {
  position: absolute;
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  height: 100%;
  padding: 16px 108px 16px 16px;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input {
    height: 48px;
    padding-block: 12px;
  }
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input.validation--error {
  border-color: #E4002B;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input:focus, .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group input:active {
  border-color: #016A7F;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp {
  position: absolute;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  min-height: 54px;
  height: 54px;
  max-height: 54px;
  font-size: 1.5rem;
  top: 1px;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp::before {
  font-size: 1.5rem;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp[class$="--hide"] {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    min-height: 46px;
    height: 46px;
    max-height: 46px;
    font-size: 1.5rem;
  }
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp::before {
    font-size: 1.5rem;
  }
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp:hover {
    cursor: pointer;
  }
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp {
    padding-inline: initial;
  }
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp.icon-rp-Search {
  right: 0;
  border-radius: 0 7px 7px 0;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp.icon-rp-Search {
    right: 0.3;
  }
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp.icon-rp-Cross {
  right: 32px;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .icon-rp.icon-rp-Cross {
    right: 24px;
  }
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group {
    height: 100%;
    padding: 0 24px 12px 24px;
  }
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .page-search__form__input.input-search-filter {
  position: relative;
  height: 56px;
  padding: 16px;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .page-search__form__input.input-search-filter {
    height: 48px;
    padding: 12px 16px;
  }
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .page-search__form__input.input-search-filter::-webkit-input-placeholder {
  color: #AAAAAA;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .page-search__form__input.input-search-filter::-moz-placeholder {
  color: #AAAAAA;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .page-search__form__input.input-search-filter:-ms-input-placeholder {
  color: #AAAAAA;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .page-search__form__input.input-search-filter::-ms-input-placeholder {
  color: #AAAAAA;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .page-search__form__input.input-search-filter::placeholder {
  color: #AAAAAA;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-input.input__group .page-search__form__input.input-search-filter.active {
  color: #464646;
  border: 1px solid #00404D !important;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items {
  border-bottom: solid 1px #DDDDDD;
  padding: 12px 16px;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__input {
  display: none;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__input:checked + label::after {
  position: absolute;
  content: "\e91d";
  top: 0;
  right: 0;
  font-family: "Guia Icons";
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1rem;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__input:checked + label::after::before {
  font-size: 1rem;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__input:checked + label::after img {
  width: 100%;
  height: 100%;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__input:checked + .checkbox__label--secondary::after {
  color: var(--gr-color-white);
  background: var(--gr-blue-guia);
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 4px;
  font-size: var(--gr-size-12);
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__label {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__label::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #00ADC3;
  border-radius: 4px;
  background-color: #B0E1E7;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__label--secondary::before {
  background: transparent;
  border-color: var(--gr-color-border);
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items {
    padding: 0 24px 13px 24px;
  }
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__input:checked + label {
  color: #464646;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__input:checked + label:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__label {
  margin-top: 8px;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__label .text {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
.results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__label:before, .results-search-component .filters__map .dropdown-menu .dropdown-menu-all-items .checkbox__label:after {
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.results-search-component .filters__map .dropdown-menu .dropdown-items {
  max-height: calc(100dvh - 230px);
  margin: 0;
  padding: 8px 4px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 24px;
  color: #464646;
  list-style: none;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-items {
    padding: 0 24px 12px;
    max-height: 250px;
    row-gap: 0;
  }
}
.results-search-component .filters__map .dropdown-menu .dropdown-items li {
  padding-left: 12px;
  padding-right: 12px;
  width: 33.33333%;
  text-align: center;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-items li {
    padding: 8px 0;
    width: 100%;
    text-align: left;
  }
}
.results-search-component .filters__map .dropdown-menu .dropdown-items img {
  margin: 0 auto 8px;
  padding: 20px;
  height: 72px;
  width: 72px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .dropdown-items img {
    margin: 0 16px 0 0;
    padding: 0;
    height: auto;
    width: 24px;
    border-radius: 0;
    border: none;
  }
}
.results-search-component .filters__map .dropdown-menu .checkbox__group {
  position: relative;
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input {
  display: none;
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + label::after {
  position: absolute;
  content: "\e91d";
  top: 0;
  right: 0;
  font-family: "Guia Icons";
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1rem;
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + label::after::before {
  font-size: 1rem;
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + label::after img {
  width: 100%;
  height: 100%;
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + .checkbox__label--secondary::after {
  color: var(--gr-color-white);
  background: var(--gr-blue-guia);
  max-width: 24px;
  max-height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 4px;
  font-size: var(--gr-size-12);
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #00ADC3;
  border-radius: 4px;
  background-color: #B0E1E7;
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label--secondary::before {
  background: transparent;
  border-color: var(--gr-color-border);
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.025px;
  padding-right: 0;
  line-height: 1rem;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label {
    padding-right: 25px;
    font-family: "Roboto-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label:before, .results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label:after {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label:before, .results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label:after {
    display: block;
  }
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label .text-restaurant,
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__label .category-restaurant {
  display: none;
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + label {
  color: #016A7F;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + label {
    color: inherit;
  }
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + label:after {
  display: none;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + label:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + label img {
  background-color: #C0EBF2;
  border-color: #00ADC3;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu .checkbox__group .checkbox__input:checked + label img {
    background-color: transparent;
    border: none;
  }
}
.results-search-component .filters__map .dropdown-menu-footer {
  padding: 16px;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu-footer {
    border-top: 1px solid #DDDDDD;
  }
}
.results-search-component .filters__map .dropdown-menu-footer .rp-btn-guia {
  width: 100%;
  font-size: 1.125rem;
  line-height: 32px;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu-footer .rp-btn-guia {
    padding-block: 4px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 63rem) {
  .results-search-component .filters__map .dropdown-menu--list .dropdown-items {
    padding-left: 22px;
    padding-right: 22px;
    gap: 16px;
  }
  .results-search-component .filters__map .dropdown-menu--list .dropdown-items li {
    padding: 0;
    margin-top: 0;
    width: auto;
  }
  .results-search-component .filters__map .dropdown-menu--list .dropdown-items img {
    margin: 0 8px 0 0;
    padding: 0;
    height: auto;
    width: 16px;
    border: none;
    border-radius: 0;
  }
  .results-search-component .filters__map .dropdown-menu--list .dropdown-items .checkbox__label {
    padding: 8px 16px;
    border-radius: 28px;
    border: 1px solid #DDDDDD;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .results-search-component .filters__map .dropdown-menu--list .dropdown-items .checkbox__input:checked + label {
    background-color: #C0EBF2;
    border-color: #00ADC3;
    color: inherit;
  }
  .results-search-component .filters__map .dropdown-menu--list .dropdown-items .checkbox__input:checked + label .text:before {
    margin-right: 8px;
    color: #016A7F;
    font-family: "Guia Icons";
    content: "\e91d";
    font-size: 1rem;
    vertical-align: middle;
  }
  .results-search-component .filters__map .dropdown-menu--list .dropdown-items .checkbox__input:checked + label img {
    display: none;
  }
}
@media (max-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0;
    padding: 0 16px 0 16px;
    height: 52vh;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li {
    padding-block: 16px;
    width: 100%;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__input {
    display: none;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__input:checked + label::after {
    position: absolute;
    content: "\e91d";
    top: 0;
    right: 0;
    font-family: "Guia Icons";
    color: #016A7F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 1.5rem;
    width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    height: 1.5rem;
    max-height: 1.5rem;
    font-size: 1rem;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__input:checked + label::after::before {
    font-size: 1rem;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__input:checked + label::after img {
    width: 100%;
    height: 100%;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__input:checked + .checkbox__label--secondary::after {
    color: var(--gr-color-white);
    background: var(--gr-blue-guia);
    max-width: 24px;
    max-height: 24px;
    min-width: 24px;
    min-height: 24px;
    border-radius: 4px;
    font-size: var(--gr-size-12);
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label {
    position: relative;
    width: 100%;
    cursor: pointer;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #00ADC3;
    border-radius: 4px;
    background-color: #B0E1E7;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label--secondary::before {
    background: transparent;
    border-color: var(--gr-color-border);
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__input:checked + label {
    background-color: transparent;
    border-color: transparent;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__input:checked + label .text:before {
    display: none;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__input:checked + label img {
    display: block;
    background-color: transparent;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__input:checked + label:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label {
    border: 0;
    padding: 0;
    padding-right: 24px;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label img {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    margin-right: 16px;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label:before, .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label:after {
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label .checkbox__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label .checkbox__text .text {
    font-family: "Roboto-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 4px;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label .checkbox__text .text-restaurant {
    display: block;
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.025px;
    line-height: 1rem;
    color: #727272;
    padding-bottom: 6px;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label .checkbox__text .category-restaurant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label .checkbox__text .category-restaurant .icon-rp {
    display: block;
    margin-right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 1rem;
    width: 1rem;
    max-width: 1rem;
    min-height: 1rem;
    height: 1rem;
    max-height: 1rem;
    font-size: 1rem;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label .checkbox__text .category-restaurant .icon-rp::before {
    font-size: 1rem;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label .checkbox__text .category-restaurant .icon-rp img {
    width: 100%;
    height: 100%;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items li .checkbox__group .checkbox__label .checkbox__text .category-restaurant .text-category {
    display: block;
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.025px;
    color: #727272;
  }
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items {
    max-height: 200px;
    padding-top: 12px;
  }
  .results-search-component .filters__map .dropdown-menu.dropdown-menu-input-filter .dropdown-items img {
    clip-path: circle(50%);
    -o-object-fit: cover;
       object-fit: cover;
    height: 24px;
    width: 24px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.results-search-component .filters__map .dropdown-menu-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: #464646;
  opacity: 0.8;
  pointer-events: none;
  z-index: 100;
}
.results-search-component .filters__map .filter-map-clean__btn {
  position: absolute;
  left: 16px;
  color: #016A7F;
}
@media (min-width: 64rem) {
  .results-search-component .filters__map .filter-map-clean__btn {
    position: static;
  }
}
.results-search-component .custom-marker {
  padding: 7px;
  height: 32px;
  width: 52px;
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);
  text-align: center;
}
.results-search-component .custom-marker.active {
  border-color: #00ADC3;
}
.results-search-component .custom-marker.active:before {
  border-color: transparent transparent #00ADC3 transparent;
}
.results-search-component .custom-marker:after, .results-search-component .custom-marker:before {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 100%;
  left: 50%;
  pointer-events: none;
  background-color: transparent;
  border-style: solid;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  content: "";
}
.results-search-component .custom-marker:after {
  margin-left: -3.5px;
  border-width: 0 3.5px 6px 3.5px;
  border-color: transparent transparent #ffffff transparent;
}
.results-search-component .custom-marker:before {
  margin-left: -4.5px;
  border-width: 0 4.5px 7px 4.5px;
  border-color: transparent transparent #DDDDDD transparent;
}
.results-search-component .custom-marker.custom-marker--location {
  width: 32px;
}
.results-search-component .custom-marker.custom-marker--location:after, .results-search-component .custom-marker.custom-marker--location:before {
  top: 98%;
}
.results-search-component .custom-marker.custom-marker--location:before {
  margin-left: -4px;
}
.results-search-component .custom-marker img {
  height: 16px;
  max-width: 100%;
}
.results-search-component .gm-style-iw-d {
  overflow: initial !important;
}
.results-search-component .gm-style .gm-style-iw-c {
  padding: 0 !important;
  min-width: 311px !important;
}
@media (min-width: 64rem) {
  .results-search-component .gm-style .gm-style-iw-c {
    width: 395px;
  }
}
.results-search-component .gm-style .gm-style-iw-c button {
  display: none !important;
}
.results-search-component .gm-style .gm-style-iw-ch {
  padding: 0 !important;
}
.results-search-component .gm-style-iw-tc {
  display: none;
}
.results-search-component .map-custom-buttons {
  right: 88px !important;
  bottom: 40px !important;
}
.results-search-component .map-custom__btn {
  cursor: pointer;
}
.results-search-component .map-custom__btn .icon-rp {
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
}
.results-search-component .map-custom__btn .icon-rp::before {
  font-size: 1.5rem;
}
.results-search-component .map-custom__btn .icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .map-center-control,
.results-search-component .map-zoom-control-container {
  width: 48px;
  display: none;
  border-radius: 8px;
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .results-search-component .map-center-control,
.results-search-component .map-zoom-control-container {
    display: block;
  }
}
.results-search-component .map-center-control {
  height: 48px;
  padding: 12px;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
}
.results-search-component .map-zoom-control-container {
  margin-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.results-search-component .map-zoom-control-container .map-custom__btn {
  padding: 12px 4px;
  height: 48px;
}
.results-search-component .map-zoom-control-container .map-custom__btn:first-child {
  border-bottom: 1px solid #DDDDDD;
}
.results-search-component .search__tabs {
  border-bottom: 1px solid #DDDDDD;
  background-color: #ffffff;
}
.results-search-component .search__tabs .search__list {
  gap: 24px;
  padding-top: 20px;
  padding-inline: 0;
}
@media (min-width: 80rem) {
  .results-search-component .search__tabs .search__list {
    padding-inline: 60px;
  }
}
@media (min-width: 90rem) {
  .results-search-component .search__tabs .search__list {
    padding-inline: 8px;
  }
}
.results-search-component .search__tabs .search__list .search__item__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding-bottom: 10px;
  font-size: 1.125rem;
  border-bottom: 2px solid transparent;
}
.results-search-component .search__tabs .search__list .search__item__list .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  color: #016A7F;
}
.results-search-component .search__tabs .search__list .search__item__list .icon-rp::before {
  font-size: 1.25rem;
}
.results-search-component .search__tabs .search__list .search__item__list .icon-rp img {
  width: 100%;
  height: 100%;
}
.results-search-component .search__tabs .search__list .search__item__list--active {
  border-color: #FF6200;
}
.results-search-component .search__tabs .search__list,
.results-search-component .search__tabs .search__filters,
.results-search-component .search__container .search__list,
.results-search-component .search__container .search__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin-bottom: 0;
}
.results-search-component .search__tabs .search__list .search__filters__item,
.results-search-component .search__tabs .search__list .search__item__list,
.results-search-component .search__tabs .search__filters .search__filters__item,
.results-search-component .search__tabs .search__filters .search__item__list,
.results-search-component .search__container .search__list .search__filters__item,
.results-search-component .search__container .search__list .search__item__list,
.results-search-component .search__container .search__filters .search__filters__item,
.results-search-component .search__container .search__filters .search__item__list {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.results-search-component .search__tabs .search__list .search__filters__item.not-active,
.results-search-component .search__tabs .search__list .search__item__list.not-active,
.results-search-component .search__tabs .search__filters .search__filters__item.not-active,
.results-search-component .search__tabs .search__filters .search__item__list.not-active,
.results-search-component .search__container .search__list .search__filters__item.not-active,
.results-search-component .search__container .search__list .search__item__list.not-active,
.results-search-component .search__container .search__filters .search__filters__item.not-active,
.results-search-component .search__container .search__filters .search__item__list.not-active {
  pointer-events: none;
  cursor: default;
}
.results-search-component .search__tabs .reset-appearance-button,
.results-search-component .search__tabs .container-carousel .rp-link,
.results-search-component .search__container .reset-appearance-button,
.results-search-component .search__container .container-carousel .rp-link {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.results-search-component .search__container,
.results-search-component .search__filters,
.results-search-component .main__col--left,
.results-search-component .carousel {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.results-search-component .search__container::-webkit-scrollbar,
.results-search-component .search__filters::-webkit-scrollbar,
.results-search-component .main__col--left::-webkit-scrollbar,
.results-search-component .carousel::-webkit-scrollbar {
  display: none;
}
.results-search-component--empty.map-view .search__container .search__col--left .main__col--left .group__card {
  display: none;
}
.results-search-component--empty.map-view .search__container .search__col--left .main__col--left .empty-state {
  display: block;
}
.results-search-component .carousel.swiper {
  overflow: hidden !important;
  width: 100% !important;
}
.results-search-component .carousel.swiper .swiper-wrapper .swiper-slide {
  width: initial;
}
.results-search-component .carousel .carousel__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: var(--gr-spacing-32);
     -moz-column-gap: var(--gr-spacing-32);
          column-gap: var(--gr-spacing-32);
}
@media screen and (width < 30rem) {
  .results-search-component .carousel .carousel__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: var(--gr-spacing-24);
    padding-inline: var(--gr-spacing-24);
  }
}
.results-search-component .carousel .carousel__actions .custom-swiper-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-column-gap: var(--gr-spacing-12);
     -moz-column-gap: var(--gr-spacing-12);
          column-gap: var(--gr-spacing-12);
}
.results-search-component .carousel .carousel__actions .custom-swiper-controls button {
  min-width: 32px;
}
.results-search-component .carousel .carousel__actions .custom-swiper-controls .swiper-pagination {
  all: unset;
  position: relative;
}
.results-search-component .carousel .carousel__actions .custom-swiper-controls .swiper-pagination .swiper-pagination-bullet {
  background-color: var(--gr-color-border--low);
  opacity: 1;
}
.results-search-component .carousel .carousel__actions .custom-swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative;
  width: 32px;
  border-radius: 8px;
  background-color: var(--gr-color-border--low);
  overflow: hidden;
}
.results-search-component .carousel .carousel__actions .custom-swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 8px;
  background-color: var(--gr-color-content--active);
  -webkit-animation: stretch 0.3s ease-in-out forwards;
          animation: stretch 0.3s ease-in-out forwards;
}
.results-search-component .container-carousel.container-carousel--places .carousel__pagination {
  margin-top: var(--gr-spacing-8);
}
.results-search-component .container-carousel .carousel__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: var(--gr-spacing-24);
}
.results-search-component .container-carousel .carousel__wrapper .carousel {
  position: relative;
}
.results-search-component .container-carousel .carousel__wrapper .carousel .swiper {
  width: 100% !important;
  overflow: hidden !important;
}
.results-search-component .container-carousel .carousel__wrapper .carousel .swiper .swiper-wrapper .swiper-slide {
  width: initial;
}
.results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-column-gap: var(--gr-spacing-12);
     -moz-column-gap: var(--gr-spacing-12);
          column-gap: var(--gr-spacing-12);
  z-index: 10;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (width < 30rem) {
  .results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls {
    display: none !important;
  }
}
.results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls.carousel-filters__controls--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls.carousel-filters__controls--show .carousel__prev-button,
.results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls.carousel-filters__controls--show .carousel__next-button {
  border: none;
}
.results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls button {
  width: 32px;
  height: 32px;
  background-color: var(--gr-color-white);
  -webkit-box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.14), 0 -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.14), 0 -1px 4px -4px rgba(0, 0, 0, 0.02);
  border-radius: 50%;
  display: block;
}
.results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls button.carousel__prev-button {
  margin-left: -16px;
}
.results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls button.carousel__next-button {
  margin-left: auto;
  margin-right: -16px;
}
.results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls button.swiper-button-disabled {
  display: none;
}
.results-search-component .container-carousel .carousel__wrapper .carousel .custom-swiper-controls button .icon {
  display: grid;
  place-content: center;
  color: #016A7F;
}

.ruta-phases-component {
  padding: 40px 0;
  background: #ffffff;
}
@media (min-width: 64rem) {
  .ruta-phases-component {
    padding: 80px 0;
  }
}
.ruta-phases-component .maps-ruta-component {
  position: relative;
}
.ruta-phases-component .maps-ruta-component #maps-ruta {
  visibility: visible;
  position: relative !important;
}
.ruta-phases-component .maps-ruta-component #maps-ruta.fullScreem {
  position: fixed !important;
  z-index: 99;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
}
@media (min-width: 64rem) {
  .ruta-phases-component .maps-ruta-component #maps-ruta {
    height: 596px;
  }
}
.ruta-phases-component .col-sm-5 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-bottom: 20px;
}
@media (min-width: 64rem) {
  .ruta-phases-component .col-sm-5 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: 0;
  }
}
.ruta-phases-component .col-sm-7 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media (min-width: 64rem) {
  .ruta-phases-component .col-sm-7 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.ruta-phases-component .title {
  margin-bottom: 4px;
  font-family: "Roboto-Bold";
  font-size: 22px;
  line-height: 32px;
}
.ruta-phases-component .title.col-12 {
  padding: 0 16px;
  margin-bottom: 20px;
}
@media (min-width: 64rem) {
  .ruta-phases-component .title {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 26px;
  }
}
.ruta-phases-component .row {
  margin: 0 -16px;
}
.ruta-phases-component .row > div {
  padding: 0 16px;
}
.ruta-phases-component ul {
  list-style: none;
  padding: 0;
}
.ruta-phases-component ul li {
  border-bottom: 1px solid #DDDDDD;
  padding: 16px 0;
}
.ruta-phases-component ul li.bg-grey, .ruta-phases-component ul li.bg-greyClick {
  background: #f8f8f8;
}
.ruta-phases-component ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
.ruta-phases-component ul li a .block-img {
  margin-right: 24px;
}
.ruta-phases-component ul li a .block-img picture {
  width: 80px;
  height: 80px;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
}
.ruta-phases-component ul li a .block-img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ruta-phases-component ul li a .block-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ruta-phases-component ul li a .block-text div {
  display: block;
  width: 100%;
  margin: 0;
}
.ruta-phases-component ul li a .block-text div.info-ruta {
  margin-top: 4px;
  font-family: "Roboto-Regular";
  color: #757575;
}
.ruta-phases-component ul li a .block-text div.info-ruta .title-li {
  color: #464646;
  width: 100%;
  display: block;
  font-family: "Roboto-Medium";
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-right: 40px;
}
@media (min-width: 64rem) {
  .ruta-phases-component ul li a .block-text div.info-ruta .title-li {
    -webkit-line-clamp: 1;
  }
}
@media (min-width: 64rem) {
  .ruta-phases-component ul li a .block-text div.info-ruta .title-li {
    padding-right: 24px;
  }
}
.ruta-phases-component ul li a .icon {
  color: #016A7F;
  position: absolute;
  right: 7px;
  font-size: 24px;
  top: calc(50% - 9px);
}

.rp-search-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: var(--gr-spacing-32);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #f8f8f8));
  background: linear-gradient(to bottom, #ffffff 50%, #f8f8f8 50%);
}
@media (max-width: 64rem) {
  .rp-search-banner {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #ffffff), color-stop(30%, #f8f8f8), to(#f8f8f8));
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 30%, #f8f8f8 30%, #f8f8f8 100%);
  }
}
.rp-search-banner__row.container-fluid-12-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--gr-spacing-24);
  width: 100%;
  padding: var(--gr-spacing-40) var(--gr-spacing-32);
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 32px -16px #00000040;
          box-shadow: 0 2px 32px -16px #00000040;
}
@media (max-width: 64rem) {
  .rp-search-banner__row.container-fluid-12-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: var(--gr-spacing-16);
    margin: var(--gr-spacing-16);
    padding: var(--gr-spacing-32) var(--gr-spacing-24);
  }
}
.rp-search-banner__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gr-spacing-16);
}
@media (max-width: 64rem) {
  .rp-search-banner__col {
    width: 100%;
  }
}
.rp-search-banner__col--image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24%;
          flex: 0 0 24%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--gr-spacing-24);
  color: #000000;
  font-family: "Roboto-Medium";
}
.rp-search-banner__col--image .rp-search-banner__image {
  width: var(--gr-spacing-56);
  height: var(--gr-spacing-56);
  -o-object-fit: contain;
     object-fit: contain;
}
.rp-search-banner__col--image .rp-search-banner__text {
  margin: 0;
}
@media (max-width: 64rem) {
  .rp-search-banner__col--image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.rp-search-banner__col--search {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  min-width: 260px;
  position: relative;
}
.rp-search-banner__col--button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.rp-search-banner__col--button .rp-btn-guia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: var(--gr-spacing-8);
     -moz-column-gap: var(--gr-spacing-8);
          column-gap: var(--gr-spacing-8);
}
@media (max-width: 64rem) {
  .rp-search-banner__col--button .rp-btn-guia {
    width: 100%;
  }
}
.rp-search-banner__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
  position: relative;
}
.rp-search-banner__search label {
  margin-bottom: 0;
}
.rp-search-banner__search textarea {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  min-height: 120px;
  padding: 12px 16px;
  height: auto;
}
@media (min-width: 64rem) {
  .rp-search-banner__search textarea {
    height: 48px;
    padding-block: 12px;
  }
}
.rp-search-banner__search textarea.validation--error {
  border-color: #E4002B;
}
.rp-search-banner__search textarea::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search textarea::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search textarea:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search textarea::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search textarea::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search textarea:focus, .rp-search-banner__search textarea:active {
  border-color: #016A7F;
}
.rp-search-banner__search input {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
}
@media (min-width: 64rem) {
  .rp-search-banner__search input {
    height: 48px;
    padding-block: 12px;
  }
}
.rp-search-banner__search input.validation--error {
  border-color: #E4002B;
}
.rp-search-banner__search input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__search input:focus, .rp-search-banner__search input:active {
  border-color: #016A7F;
}
.rp-search-banner__search .icon-rp {
  position: absolute;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  min-height: 54px;
  height: 54px;
  max-height: 54px;
  font-size: 1.5rem;
}
.rp-search-banner__search .icon-rp::before {
  font-size: 1.5rem;
}
.rp-search-banner__search .icon-rp img {
  width: 100%;
  height: 100%;
}
.rp-search-banner__search .icon-rp[class$="--hide"] {
  display: none;
}
@media (min-width: 64rem) {
  .rp-search-banner__search .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    min-height: 46px;
    height: 46px;
    max-height: 46px;
    font-size: 1.5rem;
  }
  .rp-search-banner__search .icon-rp::before {
    font-size: 1.5rem;
  }
  .rp-search-banner__search .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  .rp-search-banner__search .icon-rp:hover {
    cursor: pointer;
  }
}
.rp-search-banner__search .message--error {
  color: #E4002B;
}
.rp-search-banner__search .message--success {
  color: #00a074;
}
.rp-search-banner__input {
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  padding-right: var(--gr-spacing-56);
}
@media (min-width: 64rem) {
  .rp-search-banner__input {
    height: 48px;
    padding-block: 12px;
  }
}
.rp-search-banner__input.validation--error {
  border-color: #E4002B;
}
.rp-search-banner__input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.rp-search-banner__input:focus, .rp-search-banner__input:active {
  border-color: #016A7F;
}
.rp-search-banner__icon {
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: var(--gr-spacing-8);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: var(--gr-spacing-12);
  color: #016A7F;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.rp-search-banner__icon:focus {
  outline: 0;
}
@media (max-width: 64rem) {
  .rp-search-banner__icon {
    display: none;
  }
}
.rp-search-banner__icon .icon-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.rp-search-banner__icon .icon-type::before {
  font-size: 1.25rem;
}
.rp-search-banner__icon .icon-type img {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .rp-search-banner__icon:hover {
    opacity: 0.8;
  }
}
.rp-search-banner .u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.modal__select-location-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  background-color: #F2F2F2;
  opacity: 1;
}
.modal__select-location-component.modal__select-location-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal__select-location-component .select-location__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.modal__select-location-component .select-location__container .select-location__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 80px;
  padding: 16px;
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__header {
    padding: 16px 96px;
  }
}
.modal__select-location-component .select-location__container .select-location__header .logo-repsol {
  width: 140px;
}
.modal__select-location-component .select-location__container .select-location__header .icon-rp-Cross {
  font-size: 24px;
  color: #016A7F;
  cursor: pointer;
}
.modal__select-location-component .select-location__container .select-location__main {
  width: calc(100% - 36px);
  margin-top: 20px;
  padding: 24px 16px 16px;
  background-color: #ffffff;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__main {
    width: 822px;
    margin-top: 48px;
    padding: 40px;
  }
}
.modal__select-location-component .select-location__container .select-location__main .chip-location {
  display: none;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 115px;
  padding: 4px 16px 4px 4px;
  margin-bottom: 24px;
  border-radius: 28px;
  -webkit-box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.24);
}
.modal__select-location-component .select-location__container .select-location__main .chip-location--visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__select-location-component .select-location__container .select-location__main .chip-location .text {
  margin-inline: 8px;
  color: #464646;
}
.modal__select-location-component .select-location__container .select-location__main .chip-location .icon-rp:not(.icon-rp-Cross) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 32px;
  width: 32px;
  max-width: 32px;
  min-height: 32px;
  height: 32px;
  max-height: 32px;
  font-size: 1rem;
  background-color: #F2F2F2;
  border-radius: 50%;
}
.modal__select-location-component .select-location__container .select-location__main .chip-location .icon-rp:not(.icon-rp-Cross)::before {
  font-size: 1rem;
}
.modal__select-location-component .select-location__container .select-location__main .chip-location .icon-rp:not(.icon-rp-Cross) img {
  width: 100%;
  height: 100%;
}
.modal__select-location-component .select-location__container .select-location__main .chip-location .icon-rp-Cross {
  color: #016A7F;
  cursor: pointer;
}
.modal__select-location-component .select-location__container .select-location__main .info-location {
  color: #464646;
}
.modal__select-location-component .select-location__container .select-location__main .block-confirm {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  background-color: #ffffff;
}
@media (min-width: 45rem) {
  .modal__select-location-component .select-location__container .select-location__main .block-confirm {
    position: relative;
    padding: 0;
    margin-block: 40px;
    background-color: transparent;
  }
  .modal__select-location-component .select-location__container .select-location__main .block-confirm .rp-btn-guia {
    width: 100%;
  }
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .modal__overlay--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input {
  position: relative;
  width: 100%;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input--mobile {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 200;
  height: 75%;
  padding: 16px;
  background-color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input--mobile .input-search__group .icon-rp.icon-rp-Search {
  top: 1.4px;
}
@media (min-width: 45rem) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input {
    width: 354px;
  }
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .modal__mobile__header {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 4px 0 24px;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .modal__mobile__header .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  color: #016a7f;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .modal__mobile__header .icon-rp::before {
  font-size: 1.25rem;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .modal__mobile__header .icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .modal__mobile__header--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group {
  position: relative;
  height: 56px;
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group {
    height: 48px;
  }
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input {
  position: absolute;
  width: 100%;
  height: 56px;
  padding: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  outline: 0;
  color: #464646;
  height: 100%;
  padding: 16px 108px 16px 16px;
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input {
    height: 48px;
    padding-block: 12px;
  }
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input.validation--error {
  border-color: #E4002B;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input::-webkit-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input::-moz-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input:-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input::-ms-input-placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input::placeholder {
  color: #AAAAAA;
  overflow: visible;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input:focus, .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group input:active {
  border-color: #016A7F;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp {
  position: absolute;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  min-height: 54px;
  height: 54px;
  max-height: 54px;
  font-size: 1.5rem;
  top: 1px;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp::before {
  font-size: 1.5rem;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp[class$="--hide"] {
  display: none;
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 46px;
    width: 46px;
    max-width: 46px;
    min-height: 46px;
    height: 46px;
    max-height: 46px;
    font-size: 1.5rem;
  }
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp::before {
    font-size: 1.5rem;
  }
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
@media (hover: hover) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp:hover {
    cursor: pointer;
  }
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp {
    padding-inline: initial;
  }
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp.icon-rp-Search {
  right: 0.5px;
  border-radius: 0 7px 7px 0;
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp.icon-rp-Search {
    right: 0.8px;
  }
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp.icon-rp-Cross {
  right: 56px;
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp.icon-rp-Cross {
    right: 48px;
  }
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .input-search__group .icon-rp[class*="--hide"] {
  display: none;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  display: none;
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 6px 32px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 32px -10px rgba(0, 0, 0, 0.2);
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown--mobile {
  position: relative;
  top: 0;
  display: block;
  padding: 24px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown .location__list {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 350px;
  overflow-y: auto;
  white-space: normal;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown .location__list .hidden {
  position: absolute;
  right: 0;
  width: 32px;
  height: 32px;
  z-index: 1;
  opacity: 0;
  display: inline-block;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown .location__list .location__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
  cursor: pointer;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown .location__list .location__list__item:not(:first-child) {
  margin-top: 24px;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown .location__list .location__list__item * {
  color: #464646;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown .location__not-found {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown .location__not-found--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 24px;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown .location__not-found .not-found__image {
  content: "";
  width: 80px;
  height: 80px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg");
  background-size: contain;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .edition__form__input .list-dropdown .location__not-found .rp-btn-return-search {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-geolocation {
  margin-top: 32px;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-geolocation .rp-btn-geo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-geolocation .rp-btn-geo .text-geo {
  display: inline-block;
  color: #464646;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-geolocation .rp-btn-geo .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 48px;
  width: 48px;
  max-width: 48px;
  min-height: 48px;
  height: 48px;
  max-height: 48px;
  font-size: 1.25rem;
  border-radius: 8px;
  background-color: #F2F2F2;
  color: #016A7F;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-geolocation .rp-btn-geo .icon-rp::before {
  font-size: 1.25rem;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-geolocation .rp-btn-geo .icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-geolocation .rp-btn-geo[disabled=disabled] * {
  color: #AAAAAA;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-geolocation .errorMsg {
  display: none;
  margin-top: 12px;
  color: #E4002B;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-location__suggestion {
  margin-block: 32px 16px;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-location__suggestion__title {
  color: #727272;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-location__suggestion .cities__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 16px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 88px;
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-location__suggestion .cities__list {
    padding-bottom: 0;
  }
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-location__suggestion .cities__list__item {
  width: calc(50% - 8px);
  text-align: center;
  cursor: pointer;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-location__suggestion .cities__list__item--selected img {
  border: 1px solid #00ADC3;
}
@media (min-width: 64rem) {
  .modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-location__suggestion .cities__list__item {
    width: calc(32.59% - 16px);
  }
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-location__suggestion .cities__list__item picture {
  display: block;
}
.modal__select-location-component .select-location__container .select-location__main .select-location__main__options .select-location__suggestion .cities__list__item picture img {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 8px;
}

.block-shared {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  z-index: 1300;
}
.block-shared .block-modal {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 24px 24px 30px;
  position: relative;
}
.block-shared .block-modal > .icon {
  position: absolute;
  top: 27px;
  right: 27px;
  color: #016A7F !important;
  cursor: pointer;
}
.block-shared .block-modal .title-shared {
  margin-bottom: 24px;
}
.block-shared .block-modal ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0 33px;
  margin: 0;
  text-align: center;
}
.block-shared .block-modal ul li {
  display: inline-block;
  margin-bottom: 10px;
}
.block-shared .block-modal ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 72px;
  height: 48px;
  margin: 0 8px;
  font-size: 20px;
  color: #ffffff;
  border-radius: 8px;
  border: 4px solid transparent;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.block-shared .block-modal ul li a.icon-rp-Facebook {
  background-color: #3479EA;
}
.block-shared .block-modal ul li a.icon-rp-X {
  background-color: #14171A;
}
.block-shared .block-modal ul li a.icon-rp-whatsapp {
  background-color: #56BB41;
}
.block-shared .block-modal ul li a.icon-rp-Mail, .block-shared .block-modal ul li a.copy {
  background-color: #016A7F;
}
.block-shared .block-modal ul li a.copy {
  white-space: nowrap;
  width: auto;
  padding: 0 16px;
  font-family: "Roboto-Regular";
  font-size: 16px;
  line-height: 24px;
}
.block-shared .block-modal ul li a.copy .icon {
  font-size: 20px;
  margin-right: 12px;
}
.block-shared .block-modal ul li a:hover {
  opacity: 0.75;
}
.block-shared .block-modal ul li a:active {
  opacity: 0.5;
}
.block-shared .block-modal ul li a:focus {
  border-color: #9CD1FF;
}
.block-shared .block-modal ul li a:disabled, .block-shared .block-modal ul li a.btn-disabled {
  opacity: 0.3;
}

.states-message .states-message__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: var(--gr-spacing-48);
  padding-bottom: var(--gr-spacing-64);
  text-align: center;
  gap: 0;
}
@media (min-width: 90rem) {
  .states-message .states-message__container {
    padding-block: var(--gr-spacing-64);
  }
}
.states-message .states-message__container--hide {
  display: none;
}
.states-message .states-message__container picture {
  width: 160px;
  height: 160px;
  margin-bottom: var(--gr-spacing-24);
}
@media screen and (width < 30rem) {
  .states-message .states-message__container picture {
    width: 120px;
    height: 120px;
  }
}
.states-message .states-message__container picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.states-message .states-message__container .states-message__title {
  margin-bottom: var(--gr-spacing-16);
  color: #464646;
}
.states-message .states-message__container .states-message__paragraph {
  margin-bottom: 0;
  color: #464646 !important;
}
.states-message .states-message__container .states-message__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: var(--gr-spacing-24);
     -moz-column-gap: var(--gr-spacing-24);
          column-gap: var(--gr-spacing-24);
  margin-top: var(--gr-spacing-32);
}
@media screen and (width < 30rem) {
  .states-message .states-message__container .states-message__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%;
    row-gap: var(--gr-spacing-24);
  }
  .states-message .states-message__container .states-message__actions a {
    width: inherit;
  }
}

@media (max-width: 45rem) {
  .steps {
    padding: 0 16px;
  }
}
@media (min-width: 64rem) {
  .steps {
    padding-top: 56px;
  }
}
.steps.section h2 {
  margin-bottom: 32px;
  font-family: "Roboto-Bold";
  font-style: normal;
  font-size: 26px;
  line-height: 40px;
  color: #464646;
}
.steps.section .receta__steps__description {
  font-family: "Roboto-Regular";
  color: #464646;
  margin: 32px 0;
  font-size: 18px;
}
.steps.section ol {
  list-style: none;
  counter-reset: li;
}
.steps.section ol .step {
  counter-increment: li;
}
.steps.section ol .step::before {
  position: relative;
  left: 0;
  content: counter(li);
  display: inline-block;
  margin-bottom: 1px;
  font-size: 14px;
  color: #b52958;
}
.steps.section ol .step .stepInstruction {
  position: relative;
  padding-left: 45px;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 18px;
  line-height: 32px;
  color: #464646;
}
.steps.section ol .step .row > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 64rem) {
  .steps.section ol .step .row > div.col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .steps.section ol .step .row > div.col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6667%;
            flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }
}
.steps.section ol.bigList {
  padding-left: 0;
}
@media (min-width: 64rem) {
  .steps.section ol.bigList {
    padding-left: 56px;
  }
}
.steps.section ol.bigList .step::before {
  position: relative;
  top: 8px;
  left: 0;
  min-width: 23px;
  font-family: "Roboto-Regular";
  font-size: 2rem;
  font-weight: 300;
  line-height: 48px;
  color: #b52958;
}
@media (min-width: 64rem) {
  .steps.section ol.bigList .step::before {
    margin-right: 24px;
  }
}
.steps.section ol.bigList .step .stepInstruction {
  position: relative;
  top: -40px;
  margin-bottom: -40px;
  min-height: 24px;
  padding-bottom: 12px;
}
@media (min-width: 64rem) {
  .steps.section ol.bigList .step .stepInstruction {
    padding-bottom: 24px;
  }
}
@media (min-width: 64rem) {
  .steps.section {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media (max-width: 64rem) {
  .steps .col-12 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 64rem) {
  .steps .imgCounter {
    left: -57px;
    width: "calc(100% + 57px)";
  }
}

.sticky-banner-app-overlay {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
}

.sticky-banner-app-overlay--active {
  display: block;
}

.sticky-banner-app-component {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 130;
  background-color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-transition: 600ms ease-in-out transform;
  transition: 600ms ease-in-out transform;
}
.sticky-banner-app-component--bottom {
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.sticky-banner-app-component--show {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.sticky-banner-app-component--close {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.sticky-banner-app-component .sticky__banner-app {
  padding-top: 24px;
  padding-bottom: 20px;
}
.sticky-banner-app-component .sticky__banner-app__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.sticky-banner-app-component .sticky__banner-app__header .sticky__banner-app__title {
  margin-bottom: 0;
}
.sticky-banner-app-component .sticky__banner-app__header .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  color: #016A7F;
}
.sticky-banner-app-component .sticky__banner-app__header .icon-rp::before {
  font-size: 1.25rem;
}
.sticky-banner-app-component .sticky__banner-app__header .icon-rp img {
  width: 100%;
  height: 100%;
}
.sticky-banner-app-component .sticky__banner-app__body {
  margin-bottom: 16px;
}
.sticky-banner-app-component .sticky__banner-app__body .sticky__banner-app__body__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.sticky-banner-app-component .sticky__banner-app__body .sticky__banner-app__body__item .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
  color: #FF6200;
}
.sticky-banner-app-component .sticky__banner-app__body .sticky__banner-app__body__item .icon-rp::before {
  font-size: 1.5rem;
}
.sticky-banner-app-component .sticky__banner-app__body .sticky__banner-app__body__item .icon-rp img {
  width: 100%;
  height: 100%;
}
.sticky-banner-app-component .sticky__banner-app__body .sticky__banner-app__body__item .sticky__banner__text {
  margin-bottom: 0;
  color: #727272;
}
.sticky-banner-app-component .sticky__banner-app__body .sticky__banner-app__body__item:not(:last-child) {
  margin-bottom: 4px;
}
.sticky-banner-app-component .sticky__banner-app__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

/* Dialog styles */
[data-granite-coral-multifield-name="./listSlides"] {
  padding: 0;
  counter-reset: li;
}
[data-granite-coral-multifield-name="./listSlides"] .coral3-Multifield-item {
  margin: 0;
  padding: 0.625rem;
}
[data-granite-coral-multifield-name="./listSlides"] .coral3-Multifield-item:nth-of-type(even) {
  background-color: #f7f7f7;
}
[data-granite-coral-multifield-name="./listSlides"] .coral3-Multifield-item .coral-Heading--3 {
  position: relative;
  margin-block: 8px;
  counter-increment: li;
}
[data-granite-coral-multifield-name="./listSlides"] .coral3-Multifield-item .coral-Heading--3::after {
  position: absolute;
  content: counter(li);
  padding-left: 5px;
}
[data-granite-coral-multifield-name="./listSlides"] .coral3-Multifield-item .coral-Form-fieldset-legend {
  font-size: 1rem;
}
[data-granite-coral-multifield-name="./listSlides"] .coral3-Multifield-item .coral-Form-field.coral3-Select * {
  margin-inline: 0;
}
[data-granite-coral-multifield-name="./listSlides"] .coral3-Multifield-item .coral-InputGroup .coral3-Button.coral3-Button--secondary {
  margin: 0;
}
[data-granite-coral-multifield-name="./listSlides"] .coral3-Button.coral3-Button--secondary {
  margin: 0.625rem;
}

.slide__image__qr-restaurant .collage__qr-restaurant::after,
.slide__image__qr-restaurant .collage__qr-restaurant::before,
.slide__image__qr-restaurant .picture__qr-restaurant::after,
.slide__image__qr-restaurant .placeholder__qr-restaurant::after {
  position: absolute;
  content: "";
  background: center/contain no-repeat url("../../../content/dam/repsol-guia/guia-images/iconos/icon-rp-star.svg?#");
  opacity: 0;
}
.slide__image__qr-restaurant .collage__qr-restaurant {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slide__image__qr-restaurant .collage__qr-restaurant::before {
  top: 48px;
  bottom: initial;
  left: -34px;
  right: initial;
  width: 22px;
  height: 22px;
  -webkit-animation: shining3 350ms ease 1.6s forwards;
          animation: shining3 350ms ease 1.6s forwards;
}
@media (min-width: 64rem) {
  .slide__image__qr-restaurant .collage__qr-restaurant::before {
    top: 92px;
    bottom: initial;
    left: -50px;
    right: initial;
    width: 38px;
    height: 38px;
  }
}
.slide__image__qr-restaurant .collage__qr-restaurant::after {
  top: initial;
  bottom: -28px;
  left: 48px;
  right: initial;
  width: 14px;
  height: 14px;
  -webkit-animation: shining 150ms ease 1.5s forwards;
          animation: shining 150ms ease 1.5s forwards;
}
@media (min-width: 64rem) {
  .slide__image__qr-restaurant .collage__qr-restaurant::after {
    top: initial;
    bottom: -56px;
    left: 90px;
    right: initial;
    width: 28px;
    height: 28px;
  }
}
.slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant,
.slide__image__qr-restaurant .collage__qr-restaurant .picture__qr-restaurant {
  width: 202px;
  height: 282px;
  opacity: 0;
  border-radius: 16px;
  -webkit-animation: fadeIn 250ms ease 1s forwards;
          animation: fadeIn 250ms ease 1s forwards;
}
@media (min-width: 64rem) {
  .slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant,
.slide__image__qr-restaurant .collage__qr-restaurant .picture__qr-restaurant {
    width: 388px;
    height: 540px;
  }
}
.slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant::after,
.slide__image__qr-restaurant .collage__qr-restaurant .picture__qr-restaurant::after {
  top: 130px;
  bottom: initial;
  left: initial;
  right: -40px;
  width: 35px;
  height: 35px;
  -webkit-animation: shining2 250ms ease 1.6s forwards;
          animation: shining2 250ms ease 1.6s forwards;
}
@media (min-width: 64rem) {
  .slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant::after,
.slide__image__qr-restaurant .collage__qr-restaurant .picture__qr-restaurant::after {
    top: 248px;
    bottom: initial;
    left: initial;
    right: -78px;
    width: 68px;
    height: 68px;
  }
}
.slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant img,
.slide__image__qr-restaurant .collage__qr-restaurant .picture__qr-restaurant img {
  border-radius: 16px;
}
.slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #003766;
}
.slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant img {
  width: 100px;
  height: 100px;
}
@media (min-width: 64rem) {
  .slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant img {
    width: 200px;
    height: 200px;
  }
}
.slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant img.badge-solete {
  width: 140px;
  height: 140px;
}
@media (min-width: 64rem) {
  .slide__image__qr-restaurant .collage__qr-restaurant .placeholder__qr-restaurant img.badge-solete {
    width: 240px;
    height: 240px;
  }
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification,
.slide__image__qr-restaurant .collage__qr-restaurant .insignia {
  position: absolute;
  border-radius: 8px;
  opacity: 0;
  -webkit-animation: fadeIn 150ms ease 1.4s forwards;
          animation: fadeIn 150ms ease 1.4s forwards;
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification {
  top: initial;
  bottom: 28px;
  left: -38px;
  right: initial;
  width: 76px;
  height: 76px;
  padding: 14px;
  background-color: #ffffff;
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.RESTAURANTE, .slide__image__qr-restaurant .collage__qr-restaurant .calification.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .calification.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
@media (min-width: 64rem) {
  .slide__image__qr-restaurant .collage__qr-restaurant .calification {
    top: initial;
    bottom: 56px;
    left: -74px;
    right: initial;
    width: 148px;
    height: 148px;
    padding: 28px;
  }
}
.slide__image__qr-restaurant .collage__qr-restaurant .insignia {
  top: 28px;
  bottom: initial;
  left: initial;
  right: -32px;
  width: 64px;
}
.slide__image__qr-restaurant .collage__qr-restaurant .insignia.EMPIEZA {
  content: url("../../../content/dam/repsol-guia/guia-images/insignias/Empeamos.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .insignia.COMPARTE {
  content: url("../../../content/dam/repsol-guia/guia-images/insignias/Comparte.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .insignia.GUARDA {
  content: url("../../../content/dam/repsol-guia/guia-images/insignias/Guardalotodo.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .insignia.RUTEA {
  content: url("../../../content/dam/repsol-guia/guia-images/insignias/Rutea.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .insignia.SOLETES {
  content: url("../../../content/dam/repsol-guia/guia-images/insignias/Soletes.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .insignia.FAN {
  content: url("../../../content/dam/repsol-guia/guia-images/insignias/Fan.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .insignia.TOP {
  content: url("../../../content/dam/repsol-guia/guia-images/insignias/Perfil_top.svg?#");
}
.slide__image__qr-restaurant .collage__qr-restaurant .insignia.SIBARITA {
  content: url("../../../content/dam/repsol-guia/guia-images/insignias/Sibarita.svg?#");
}
@media (min-width: 64rem) {
  .slide__image__qr-restaurant .collage__qr-restaurant .insignia {
    top: 52px;
    bottom: initial;
    left: initial;
    right: -60px;
    width: 120px;
  }
}

/* Animations */
@-webkit-keyframes shining {
  0% {
    scale: 0;
  }
  70% {
    scale: 1.4;
    opacity: 1;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes shining {
  0% {
    scale: 0;
  }
  70% {
    scale: 1.4;
    opacity: 1;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@-webkit-keyframes shining2 {
  0% {
    scale: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}
@keyframes shining2 {
  0% {
    scale: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}
@-webkit-keyframes shining3 {
  0% {
    scale: 0;
  }
  65% {
    scale: 1.8;
    opacity: 1;
  }
  100% {
    scale: 1;
    opacity: 1;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
}
@keyframes shining3 {
  0% {
    scale: 0;
  }
  65% {
    scale: 1.8;
    opacity: 1;
  }
  100% {
    scale: 1;
    opacity: 1;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
}
.stories-component {
  height: 100vh;
  height: 100dvh;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.stories-component--hide {
  display: none;
}
.stories-component.backgroundBlue .slide__content [class*=title],
.stories-component.backgroundBlue .slide__content [class*=description],
.stories-component.backgroundBlue .slide__content [class*=rp-link], .stories-component.backgroundBlueRoute .slide__content [class*=title],
.stories-component.backgroundBlueRoute .slide__content [class*=description],
.stories-component.backgroundBlueRoute .slide__content [class*=rp-link], .stories-component.backgroundBurgundy .slide__content [class*=title],
.stories-component.backgroundBurgundy .slide__content [class*=description],
.stories-component.backgroundBurgundy .slide__content [class*=rp-link] {
  color: #ffffff;
}
.stories-component.backgroundBlue .progress__list__item, .stories-component.backgroundBlueRoute .progress__list__item, .stories-component.backgroundBurgundy .progress__list__item {
  background-color: rgba(255, 255, 255, 0.3);
}
.stories-component.backgroundBlue .progress__list__item .progress__value, .stories-component.backgroundBlueRoute .progress__list__item .progress__value, .stories-component.backgroundBurgundy .progress__list__item .progress__value {
  background-color: #ffffff;
}
@media (hover: hover) {
  .stories-component.backgroundBlue .progress__list__item:hover, .stories-component.backgroundBlueRoute .progress__list__item:hover, .stories-component.backgroundBurgundy .progress__list__item:hover {
    background-color: rgba(255, 255, 255, 0.5);
  }
  .stories-component.backgroundBlue .progress__list__item:hover .progress__value, .stories-component.backgroundBlueRoute .progress__list__item:hover .progress__value, .stories-component.backgroundBurgundy .progress__list__item:hover .progress__value {
    background-color: #f8f8f8;
  }
}
.stories-component.backgroundWhite .progress__list__item, .stories-component.backgroundYellowHigh .progress__list__item {
  background-color: #DDDDDD;
}
.stories-component.backgroundWhite .progress__list__item .progress__value, .stories-component.backgroundYellowHigh .progress__list__item .progress__value {
  background-color: var(--gr-blue-guia);
}
@media (hover: hover) {
  .stories-component.backgroundWhite .progress__list__item:hover, .stories-component.backgroundYellowHigh .progress__list__item:hover {
    background-color: #AAAAAA;
  }
  .stories-component.backgroundWhite .progress__list__item:hover .progress__value, .stories-component.backgroundYellowHigh .progress__list__item:hover .progress__value {
    background-color: #060c23;
  }
}
.stories-component .slides__container .slide {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-top: 20px;
}
@media (min-width: 64rem) {
  .stories-component .slides__container .slide {
    min-height: calc(100vh - 68px);
    height: calc(100% - 68px);
    padding-top: 22px;
  }
}
.stories-component .slides__container .slide * {
  margin-bottom: 0;
}
.stories-component .slides__container .slide--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 64rem) {
  .stories-component .slides__container .slide__header, .stories-component .slides__container .slide__main {
    width: -webkit-fill-available;
    width: -moz-available;
    padding-left: 52px;
  }
}
@media (min-width: 80rem) {
  .stories-component .slides__container .slide__header, .stories-component .slides__container .slide__main {
    padding-left: 60px;
  }
}
@media (min-width: 90rem) {
  .stories-component .slides__container .slide__header, .stories-component .slides__container .slide__main {
    padding-left: 104px;
  }
}
@media (min-width: 120rem) {
  .stories-component .slides__container .slide__header, .stories-component .slides__container .slide__main {
    margin-inline: 1rem;
    padding-inline: 0;
  }
}
@media (min-width: 120rem) and (min-width: 45rem) {
  .stories-component .slides__container .slide__header, .stories-component .slides__container .slide__main {
    max-width: calc(100% - 5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 120rem) and (min-width: 64rem) {
  .stories-component .slides__container .slide__header, .stories-component .slides__container .slide__main {
    min-width: 0;
    max-width: calc(100% - 5.5rem);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (min-width: 120rem) and (min-width: 80rem) {
  .stories-component .slides__container .slide__header, .stories-component .slides__container .slide__main {
    max-width: min(100%, 72rem);
  }
}
@media (min-width: 120rem) and (min-width: 90rem) {
  .stories-component .slides__container .slide__header, .stories-component .slides__container .slide__main {
    max-width: min(100%, 78rem);
  }
}
@media (min-width: 120rem) and (min-width: 120rem) {
  .stories-component .slides__container .slide__header, .stories-component .slides__container .slide__main {
    max-width: min(100%, 94rem);
  }
}
.stories-component .slides__container .slide__header .rp-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  height: 20px;
}
@media (min-width: 64rem) {
  .stories-component .slides__container .slide__header .rp-logo {
    width: 140px;
    height: 24px;
  }
}
.stories-component .slides__container .slide__header .rp-logo img {
  -o-object-fit: contain;
     object-fit: contain;
}
.stories-component .slides__container .slide__main {
  margin-block: 56px;
}
@media (min-width: 64rem) {
  .stories-component .slides__container .slide__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-block: 80px 56px;
    gap: 40px;
  }
}
.stories-component .slides__container .slide__main .slide__content,
.stories-component .slides__container .slide__main .slide__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.stories-component .slides__container .slide__main .slide__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 16px;
}
@media (min-width: 64rem) {
  .stories-component .slides__container .slide__main .slide__content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    width: 42%;
    margin-inline: 0;
    text-align: initial;
  }
}
@media (min-width: 120rem) {
  .stories-component .slides__container .slide__main .slide__content__pretitle {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
@media (min-width: 120rem) {
  .stories-component .slides__container .slide__main .slide__content__title {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}
.stories-component .slides__container .slide__main .slide__content__pretitle, .stories-component .slides__container .slide__main .slide__content__links .rp-link {
  display: none;
}
@media (min-width: 30rem) {
  .stories-component .slides__container .slide__main .slide__content__pretitle, .stories-component .slides__container .slide__main .slide__content__links .rp-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (min-width: 64rem) {
  .stories-component .slides__container .slide__main .slide__content__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
  }
}
.stories-component .slides__container .slide__main .slide__content__links .rp-btn-guia {
  display: none;
}
@media (min-width: 64rem) {
  .stories-component .slides__container .slide__main .slide__content__links .rp-btn-guia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.stories-component .slides__container .slide__main .slide__image {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 48px;
}
@media (min-width: 64rem) {
  .stories-component .slides__container .slide__main .slide__image {
    width: 58%;
    margin-top: 0;
  }
}
.stories-component .slide__footer {
  left: 0;
  right: 0;
  bottom: 0;
  width: -webkit-fill-available;
  width: -moz-available;
  padding-bottom: 24px;
}
@media (min-width: 64rem) {
  .stories-component .slide__footer {
    padding-bottom: 32px;
  }
}
.stories-component .slide__footer--absolute {
  position: absolute;
}
.stories-component .slide__footer .rp-btn-guia {
  white-space: nowrap;
}
.stories-component .slide__footer .progress__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  width: -webkit-fill-available;
  width: -moz-available;
  padding-block: 8px;
  margin-top: 16px;
}
.stories-component .slide__footer .progress__list__item {
  width: inherit;
  height: 4px;
  border-radius: 8px;
}
@media (hover: hover) {
  .stories-component .slide__footer .progress__list__item:hover {
    cursor: pointer;
  }
}
.stories-component .slide__footer .progress__list__item .progress__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0;
  height: 100%;
  border-radius: 8px;
}
.stories-component img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Animations */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.stripe-component {
  position: relative;
  z-index: 10;
  background-color: var(--gr-blue-guia);
}
.stripe-component .stripe__container,
.stripe-component .stripe__info,
.stripe-component .stripe__text__container,
.stripe-component .stripe__text,
.stripe-component .stripe__interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.stripe-component .stripe__container {
  height: 132px;
}
@media (min-width: 45rem) {
  .stripe-component .stripe__container {
    height: 84px;
  }
}
@media (min-width: 64rem) {
  .stripe-component .stripe__container {
    height: 64px;
  }
}
.stripe-component .stripe__container .stripe__image {
  display: none;
}
@media (min-width: 30rem) {
  .stripe-component .stripe__container .stripe__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 84px;
  }
}
@media (min-width: 64rem) {
  .stripe-component .stripe__container .stripe__image {
    min-width: 300px;
  }
}
@media (min-width: 80rem) {
  .stripe-component .stripe__container .stripe__image {
    min-width: 280px;
  }
}
.stripe-component .stripe__container .stripe__image picture,
.stripe-component .stripe__container .stripe__image picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.stripe-component .stripe__container .stripe__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
  padding-block: 16px;
}
@media (min-width: 45rem) {
  .stripe-component .stripe__container .stripe__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.stripe-component .stripe__container .stripe__info .stripe__text__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.stripe-component .stripe__container .stripe__info .stripe__text__container .stripe__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.stripe-component .stripe__container .stripe__info .stripe__text__container .stripe__icon::before {
  font-size: 1.25rem;
}
.stripe-component .stripe__container .stripe__info .stripe__text__container .stripe__icon img {
  width: 100%;
  height: 100%;
}
.stripe-component .stripe__container .stripe__info .stripe__text__container .stripe__text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  color: #ffffff;
}
@media (min-width: 64rem) {
  .stripe-component .stripe__container .stripe__info .stripe__text__container .stripe__text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}
.stripe-component .stripe__container .stripe__info .stripe__interaction {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
@media (min-width: 45rem) {
  .stripe-component .stripe__container .stripe__info .stripe__interaction {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}
.stripe-component .stripe__container .stripe__info .stripe__interaction .rp-btn-guia {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.stripe-component .stripe__container .stripe__info .stripe__interaction .rp-btn-guia .icon-rp {
  display: none;
}
@media (min-width: 45rem) {
  .stripe-component .stripe__container .stripe__info .stripe__interaction .rp-btn-guia .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.stripe-component .stripe__container .stripe__info .stripe__interaction .rp-link-white {
  color: #ffffff;
}
.stripe-component .stripe__container .stripe__info .stripe__interaction .rp-link-white:hover {
  opacity: 0.75;
}
.stripe-component .stripe__container .stripe__info .stripe__interaction .rp-link-white:active {
  opacity: 0.5;
}
.stripe-component .stripe__container .stripe__info .stripe__interaction .rp-link-white:disabled, .stripe-component .stripe__container .stripe__info .stripe__interaction .rp-link-white.btn-disabled {
  opacity: 0.3;
}
.stripe-component .stripe__container .stripe__info .stripe__interaction .rp-link-white:focus {
  border-color: #9CD1FF;
  outline: 0;
}
.stripe-component.stripe-component--withImage .stripe__info {
  padding-inline: 16px;
}
@media (min-width: 45rem) {
  .stripe-component.stripe-component--withImage .stripe__info {
    padding-inline: 24px 36px;
  }
}
@media (min-width: 64rem) {
  .stripe-component.stripe-component--withImage .stripe__info {
    padding-right: 52px;
  }
}
@media (min-width: 80rem) {
  .stripe-component.stripe-component--withImage .stripe__info {
    padding-right: 60px;
  }
}
@media (min-width: 90rem) {
  .stripe-component.stripe-component--withImage .stripe__info {
    padding-right: 104px;
  }
}
@media (min-width: 120rem) {
  .stripe-component.stripe-component--withImage .stripe__info {
    padding-right: 216px;
  }
}

.support-component {
  margin: 24px -20px 0;
  background-color: #ffffff;
}
@media (min-width: 45rem) {
  .support-component {
    margin-inline: 0;
  }
}
@media (min-width: 64rem) {
  .support-component {
    margin-block: 72px 96px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  }
}
.support-component * {
  margin-bottom: 0;
}
.support-component .support-subtitle {
  display: none;
}
@media (min-width: 64rem) {
  .support-component .support-subtitle {
    display: block;
    padding: 24px;
    border-bottom: 1px solid #DDDDDD;
  }
}
.support-component .support__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 16px;
  padding-bottom: 86px;
}
@media (min-width: 45rem) {
  .support-component .support__content {
    padding-inline: 0;
  }
}
@media (min-width: 64rem) {
  .support-component .support__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px;
  }
}
.support-component img {
  width: 120px;
  height: 120px;
}
@media (min-width: 64rem) {
  .support-component img {
    width: 160px;
    height: 160px;
  }
}
@media (min-width: 64rem) {
  .support-component .support__info {
    max-width: 594px;
  }
}
.support-component .support__info__text, .support-component .support__info__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.support-component .support__info__text {
  margin-top: 24px;
}
@media (min-width: 64rem) {
  .support-component .support__info__text {
    margin-top: 0;
  }
}
.support-component .support__info__buttons {
  width: 100%;
  margin-top: 32px;
}
@media (min-width: 64rem) {
  .support-component .support__info__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

/* Dialog styles */
[data-granite-coral-multifield-name="./listMilestone"] {
  padding: 0;
  counter-reset: li;
}
[data-granite-coral-multifield-name="./listMilestone"] .coral3-Multifield-item {
  margin: 0;
  padding: 0.625rem;
}
[data-granite-coral-multifield-name="./listMilestone"] .coral3-Multifield-item:nth-of-type(even) {
  background-color: #f7f7f7;
}
[data-granite-coral-multifield-name="./listMilestone"] .coral3-Multifield-item .coral-Heading--3 {
  position: relative;
  margin-block: 8px;
  counter-increment: li;
}
[data-granite-coral-multifield-name="./listMilestone"] .coral3-Multifield-item .coral-Heading--3::after {
  position: absolute;
  content: counter(li);
  padding-left: 5px;
}
[data-granite-coral-multifield-name="./listMilestone"] .coral3-Multifield-item .coral-Form-fieldset-legend {
  font-size: 1rem;
}
[data-granite-coral-multifield-name="./listMilestone"] .coral3-Multifield-item .coral-Form-field.coral3-Select * {
  margin-inline: 0;
}
[data-granite-coral-multifield-name="./listMilestone"] .coral3-Multifield-item .coral-InputGroup .coral3-Button.coral3-Button--secondary {
  margin: 0;
}
[data-granite-coral-multifield-name="./listMilestone"] .coral3-Button.coral3-Button--secondary {
  margin: 0.625rem;
}

.animacion--paradax {
  position: relative;
  background-color: var(--gr-blue-guia);
}

.timeline-component.timeline--parallax {
  position: sticky;
  top: var(--pin-top, 72px);
  z-index: 1;
}

.XF {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, var(--xf-bg, #ffffff)), color-stop(0, transparent));
  background: linear-gradient(to top, var(--xf-bg, #ffffff) 90%, transparent 0);
  position: relative;
  z-index: 5;
  overflow: visible;
  isolation: isolate;
}

.XF::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90%;
  background: var(--xf-bg, #ffffff);
  z-index: 0;
  pointer-events: none;
}

.XF > * {
  position: relative;
  z-index: 1;
}

@media (min-width: 45rem) {
  .timeline-component {
    padding-top: 64px;
  }
}
@media (min-width: 64rem) {
  .timeline-component {
    padding-top: 96px;
  }
}
.timeline-component * {
  margin-bottom: 0;
}
.timeline-component[data-mode=manual] {
  padding-bottom: 24px;
}
@media (min-width: 45rem) {
  .timeline-component[data-mode=manual] {
    padding-block: 44px;
  }
}
@media (min-width: 64rem) {
  .timeline-component[data-mode=manual] {
    padding-bottom: 80px;
  }
}
.timeline-component[data-mode=manual] .item__info {
  padding-top: 42px;
}
@media (min-width: 64rem) {
  .timeline-component .timeline__info {
    text-align: center;
  }
}
.timeline-component .timeline__info .timeline__subtitle {
  margin-top: 16px;
}
@media (min-width: 64rem) {
  .timeline-component .timeline__info .timeline__subtitle {
    margin-top: 24px;
  }
}
.timeline-component .timeline__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 60px;
  z-index: 0;
}
.timeline-component .timeline__content .slick-arrow {
  top: initial;
  z-index: 3;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 1;
  -webkit-box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.14), 0 -1px 4px -4px rgba(0, 0, 0, 0.02);
          box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.14), 0 -1px 4px -4px rgba(0, 0, 0, 0.02);
  cursor: pointer;
  -webkit-transition: opacity 300ms ease-in 0.2s;
  transition: opacity 300ms ease-in 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
}
.timeline-component .timeline__content .slick-arrow::before {
  font-size: 1.5rem;
}
.timeline-component .timeline__content .slick-arrow img {
  width: 100%;
  height: 100%;
}
.timeline-component .timeline__content .slick-arrow::before {
  content: none;
}
.timeline-component .timeline__content .slick-arrow.slick--hide {
  opacity: 0;
  pointer-events: none;
}
.timeline-component .timeline__content .slick-arrow.slick-prev {
  left: 0;
}
.timeline-component .timeline__content .slick-arrow.slick-next {
  right: 0;
}
.timeline-component .timeline__content .slick-arrow .icon-rp {
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
}
.timeline-component .timeline__content .slick-arrow .icon-rp::before {
  font-size: 1rem;
}
.timeline-component .timeline__content .slick-arrow .icon-rp img {
  width: 100%;
  height: 100%;
}
.timeline-component .timeline__slider {
  position: relative;
  width: -webkit-fill-available;
  width: -moz-available;
  overflow-x: clip;
}
.timeline-component .timeline__slider::before {
  position: absolute;
  top: 0;
  right: 24px;
  left: 24px;
  content: "";
  height: 1px;
  width: "calc(100% - 48px)";
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(199, 213, 225, 0)), color-stop(20%, #C7D5E1), to(rgba(199, 213, 225, 0)));
  background-image: linear-gradient(to right, rgba(199, 213, 225, 0), #C7D5E1 20% 80%, rgba(199, 213, 225, 0));
}
.timeline-component .timeline__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: -webkit-fill-available;
  min-width: -moz-available;
}
@media (min-width: 64rem) {
  .timeline-component .timeline__list {
    gap: 24px;
  }
}
.timeline-component .timeline__list[data-size="1"] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.timeline-component .timeline__list:not([data-size="1"]) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in, -webkit-transform 800ms ease-in-out 300ms;
  transition: opacity 300ms ease-in, -webkit-transform 800ms ease-in-out 300ms;
  transition: opacity 300ms ease-in, transform 800ms ease-in-out 300ms;
  transition: opacity 300ms ease-in, transform 800ms ease-in-out 300ms, -webkit-transform 800ms ease-in-out 300ms;
}
.timeline-component .timeline__list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 288px;
}
@media (min-width: 30rem) {
  .timeline-component .timeline__list__item {
    width: 343px;
  }
}
@media (min-width: 64rem) {
  .timeline-component .timeline__list__item {
    width: 216px;
  }
}
.timeline-component .timeline__list__item .icon-rp,
.timeline-component .timeline__list__item .item__picture {
  position: relative;
  z-index: 2;
  border: 1px solid #C7D5E1;
  border-radius: 50%;
  color: #C7D5E1;
}
.timeline-component .timeline__list__item .icon-rp {
  top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  font-size: 1.25rem;
}
.timeline-component .timeline__list__item .icon-rp::before {
  font-size: 1.25rem;
}
.timeline-component .timeline__list__item .icon-rp img {
  width: 100%;
  height: 100%;
}
.timeline-component .timeline__list__item .icon-rp.icon-rp-recomendado::before {
  color: #ffffff;
}
.timeline-component .timeline__list__item .item__picture {
  top: -37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 74px;
  width: 74px;
  max-width: 74px;
  min-height: 74px;
  height: 74px;
  max-height: 74px;
  font-size: 74px;
}
.timeline-component .timeline__list__item .item__picture::before {
  font-size: 74px;
}
.timeline-component .timeline__list__item .item__picture img {
  width: 100%;
  height: 100%;
}
.timeline-component .timeline__list__item .item__picture .item__img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
}
.timeline-component .timeline__list__item .item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 45rem) {
  .timeline-component .timeline__list__item .item__info {
    max-width: 343px;
  }
}
.timeline-component .timeline__list__item[data-active=true]::after, .timeline-component .timeline__list__item[data-previous=true]::after, .timeline-component .timeline__list__item[data-next=true]::after {
  position: absolute;
  content: "";
  height: 92px;
  width: 1px;
}
.timeline-component .timeline__list__item[data-active=true].timeline__list__item--fadeOut::after, .timeline-component .timeline__list__item[data-previous=true].timeline__list__item--fadeOut::after, .timeline-component .timeline__list__item[data-next=true].timeline__list__item--fadeOut::after {
  content: none;
}
@media (min-width: 64rem) {
  .timeline-component .timeline__list__item[data-active=true].timeline__list__item--fadeOut::after, .timeline-component .timeline__list__item[data-previous=true].timeline__list__item--fadeOut::after, .timeline-component .timeline__list__item[data-next=true].timeline__list__item--fadeOut::after {
    content: "";
  }
}
.timeline-component .timeline__list__item[data-active=false]:not(.timeline__list__item--fadeIn) .item__picture,
.timeline-component .timeline__list__item[data-active=false]:not(.timeline__list__item--fadeIn) .icon-rp {
  border-width: 4px;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
}
.timeline-component .timeline__list__item[data-active=false] .icon-rp::before,
.timeline-component .timeline__list__item[data-active=false] .item__img,
.timeline-component .timeline__list__item[data-active=false] .item__info {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-out 1.1s;
  transition: opacity 300ms ease-out 1.1s;
}
.timeline-component .timeline__list__item[data-active=true] .item__picture,
.timeline-component .timeline__list__item[data-active=true] .icon-rp {
  -webkit-transition: opacity 300ms ease-out, border-width 800ms ease-in-out 300ms, -webkit-transform 800ms ease-in-out 300ms;
  transition: opacity 300ms ease-out, border-width 800ms ease-in-out 300ms, -webkit-transform 800ms ease-in-out 300ms;
  transition: opacity 300ms ease-out, transform 800ms ease-in-out 300ms, border-width 800ms ease-in-out 300ms;
  transition: opacity 300ms ease-out, transform 800ms ease-in-out 300ms, border-width 800ms ease-in-out 300ms, -webkit-transform 800ms ease-in-out 300ms;
}
.timeline-component .timeline__list__item[data-active=true] .item__picture::after,
.timeline-component .timeline__list__item[data-active=true] .icon-rp::after {
  display: block;
}
.timeline-component .timeline__list__item[data-active=true] .item__info {
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}
@media (min-width: 64rem) {
  .timeline-component .timeline__list__item[data-active=true].timeline__list__item--fadeOut .item__info {
    opacity: 1;
  }
  .timeline-component .timeline__list__item[data-active=true].timeline__list__item--fadeOut .item__info .item__title,
.timeline-component .timeline__list__item[data-active=true].timeline__list__item--fadeOut .item__info .item__description {
    opacity: 0;
  }
}
@media (min-width: 64rem) {
  .timeline-component .timeline__list__item[data-previous=true]::after, .timeline-component .timeline__list__item[data-next=true]::after {
    cursor: pointer;
  }
  .timeline-component .timeline__list__item[data-previous=true] .icon-rp, .timeline-component .timeline__list__item[data-next=true] .icon-rp {
    cursor: pointer;
  }
  .timeline-component .timeline__list__item[data-previous=true] .item__info, .timeline-component .timeline__list__item[data-next=true] .item__info {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
  }
  .timeline-component .timeline__list__item[data-previous=true] .item__info .item__title,
.timeline-component .timeline__list__item[data-previous=true] .item__info .item__description, .timeline-component .timeline__list__item[data-next=true] .item__info .item__title,
.timeline-component .timeline__list__item[data-next=true] .item__info .item__description {
    opacity: 0;
  }
  .timeline-component .timeline__list__item[data-previous=true] .item__info .item__year, .timeline-component .timeline__list__item[data-next=true] .item__info .item__year {
    cursor: pointer;
  }
  .timeline-component .timeline__list__item[data-previous=true].timeline__list__item--fadeOut::after, .timeline-component .timeline__list__item[data-next=true].timeline__list__item--fadeOut::after {
    content: none;
  }
  .timeline-component .timeline__list__item[data-previous=true].timeline__list__item--fadeOut .item__info, .timeline-component .timeline__list__item[data-next=true].timeline__list__item--fadeOut .item__info {
    opacity: 0;
  }
}
.timeline-component .timeline__list__item--fadeOut .icon-rp::before,
.timeline-component .timeline__list__item--fadeOut .item__img,
.timeline-component .timeline__list__item--fadeOut .item__info {
  opacity: 0;
}
.timeline-component .timeline__list__item--fadeOut .item__picture,
.timeline-component .timeline__list__item--fadeOut .icon-rp {
  border-width: 4px;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
}
.timeline-component .timeline__list__item--fadeIn .icon-rp::before,
.timeline-component .timeline__list__item--fadeIn .item__img,
.timeline-component .timeline__list__item--fadeIn .item__info {
  opacity: 1;
}
.timeline-component .timeline__list__item--fadeIn .item__picture,
.timeline-component .timeline__list__item--fadeIn .icon-rp {
  border-width: 1px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: border-width 800ms ease-in-out 300ms, -webkit-transform 800ms ease-in-out 300ms;
  transition: border-width 800ms ease-in-out 300ms, -webkit-transform 800ms ease-in-out 300ms;
  transition: transform 800ms ease-in-out 300ms, border-width 800ms ease-in-out 300ms;
  transition: transform 800ms ease-in-out 300ms, border-width 800ms ease-in-out 300ms, -webkit-transform 800ms ease-in-out 300ms;
}
.timeline-component .timeline__list__item--fadeOut .icon-rp,
.timeline-component .timeline__list__item--fadeOut .item__info, .timeline-component .timeline__list__item--fadeIn .icon-rp,
.timeline-component .timeline__list__item--fadeIn .item__info {
  pointer-events: none;
}
.timeline-component .timeline__list__item--nextgala .icon-rp,
.timeline-component .timeline__list__item--nextgala .item__picture, .timeline-component .timeline__list__item[data-nextgala=true] .icon-rp,
.timeline-component .timeline__list__item[data-nextgala=true] .item__picture {
  background-color: transparent;
}
.timeline-component .timeline__list__item--nextgala .item__year, .timeline-component .timeline__list__item[data-nextgala=true] .item__year {
  color: fade(#ffffff, 28%);
}
.timeline-component .timeline__list__item--nextgala .item__title,
.timeline-component .timeline__list__item--nextgala .item__description, .timeline-component .timeline__list__item[data-nextgala=true] .item__title,
.timeline-component .timeline__list__item[data-nextgala=true] .item__description {
  color: fade(#C7D5E1, 70%);
}
.timeline-component .timeline__list__item--nextgala::after, .timeline-component .timeline__list__item[data-nextgala=true]::after {
  background-color: transparent;
}
.timeline-component .timeline__list__item--nextgala .item__title,
.timeline-component .timeline__list__item--nextgala .item__year, .timeline-component .timeline__list__item[data-nextgala=true] .item__title,
.timeline-component .timeline__list__item[data-nextgala=true] .item__year {
  opacity: 0.55;
}
.timeline-component .timeline__list__item--nextgala .item__description, .timeline-component .timeline__list__item[data-nextgala=true] .item__description {
  opacity: 1;
}
.timeline-component .timeline__list__item--nextgala[data-previous=true] .item__title,
.timeline-component .timeline__list__item--nextgala[data-previous=true] .item__year, .timeline-component .timeline__list__item--nextgala[data-next=true] .item__title,
.timeline-component .timeline__list__item--nextgala[data-next=true] .item__year, .timeline-component .timeline__list__item--nextgala[data-active=true] .item__title,
.timeline-component .timeline__list__item--nextgala[data-active=true] .item__year, .timeline-component .timeline__list__item[data-nextgala=true][data-previous=true] .item__title,
.timeline-component .timeline__list__item[data-nextgala=true][data-previous=true] .item__year, .timeline-component .timeline__list__item[data-nextgala=true][data-next=true] .item__title,
.timeline-component .timeline__list__item[data-nextgala=true][data-next=true] .item__year, .timeline-component .timeline__list__item[data-nextgala=true][data-active=true] .item__title,
.timeline-component .timeline__list__item[data-nextgala=true][data-active=true] .item__year {
  opacity: 0.55;
}
.timeline-component .timeline__list__item--nextgala[data-previous=true] .item__description, .timeline-component .timeline__list__item--nextgala[data-next=true] .item__description, .timeline-component .timeline__list__item--nextgala[data-active=true] .item__description, .timeline-component .timeline__list__item[data-nextgala=true][data-previous=true] .item__description, .timeline-component .timeline__list__item[data-nextgala=true][data-next=true] .item__description, .timeline-component .timeline__list__item[data-nextgala=true][data-active=true] .item__description {
  color: #ffffff;
  opacity: 1;
}
.timeline-component .timeline__interaction {
  padding-bottom: 40px;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.timeline-component .timeline__interaction .rp-btn-guia .js-cta-year {
  color: #016A7F;
}
.timeline-component .timeline__interaction .rp-btn-guia .btn__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
@media (min-width: 45rem) {
  .timeline-component .timeline__interaction {
    padding-bottom: 80px;
    max-width: 335px;
  }
}
.timeline-component .item__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding-top: 72px;
}
.timeline-component .item__year {
  font-family: "Roboto-Light";
  font-size: 3rem;
  line-height: 3.5rem;
  font-weight: 300;
}
.timeline-component.theme--dark {
  background-color: var(--gr-blue-guia);
}
.timeline-component.theme--dark [class*=year],
.timeline-component.theme--dark [class*=title] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
}
.timeline-component.theme--dark [class*=subtitle],
.timeline-component.theme--dark [class*=description] {
  color: #C7D5E1;
}
.timeline-component.theme--dark .timeline__list__item[data-active=true]::after {
  background-color: #C7D5E1;
}
@media (min-width: 64rem) {
  .timeline-component.theme--dark .timeline__list__item[data-previous=true]::after, .timeline-component.theme--dark .timeline__list__item[data-next=true]::after {
    background-color: #C7D5E1;
  }
}
.timeline-component.theme--dark .timeline__list__item .item__picture,
.timeline-component.theme--dark .timeline__list__item .icon-rp {
  background-color: var(--gr-blue-guia);
}
.timeline-component.theme--dark .timeline__list__item.timeline__list__item--nextgala::after,
.timeline-component.theme--dark .timeline__list__item[data-nextgala=true]::after {
  background-color: inherit;
}

.timeline-component {
  padding-block: 40px;
}
@media (min-width: 64rem) {
  .timeline-component {
    padding-block: 80px;
  }
}
.timeline-component[data-mode=manual] {
  padding-block: 40px;
}
@media (min-width: 64rem) {
  .timeline-component[data-mode=manual] {
    padding-block: 80px;
  }
}
.timeline-component[data-mode=manual] .item__info {
  padding-top: 0;
}
.timeline-component .timeline__info .rp-guia-title-02 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}
@media (min-width: 45rem) {
  .timeline-component .timeline__info .rp-guia-title-02 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.timeline-component .timeline__info .timeline__subtitle {
  margin-top: 8px;
}
.timeline-component .timeline__content {
  margin-top: 40px;
}
@media (min-width: 64rem) {
  .timeline-component .timeline__content {
    margin-top: 32px;
  }
}
.timeline-component .timeline__content .slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  font-size: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  margin-top: 20px;
}
.timeline-component .timeline__content .slick-arrow::before {
  font-size: 1rem;
}
.timeline-component .timeline__content .slick-arrow img {
  width: 100%;
  height: 100%;
}
.timeline-component .timeline__slider {
  min-width: 0;
  width: 100%;
}
.timeline-component .timeline__slider::before {
  top: 20px;
  width: calc(100% - 48px);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(199, 213, 225, 0)), color-stop(20%, rgba(199, 213, 225, 0.58)), to(rgba(199, 213, 225, 0)));
  background-image: linear-gradient(to right, rgba(199, 213, 225, 0), rgba(199, 213, 225, 0.58) 20% 80%, rgba(199, 213, 225, 0));
}
.timeline-component .timeline__list__item {
  min-height: 144px;
}
.timeline-component .timeline__list__item > .icon-rp,
.timeline-component .timeline__list__item > .item__picture {
  position: absolute;
  top: 16px;
  left: 50%;
  min-width: 8px;
  width: 8px;
  max-width: 8px;
  min-height: 8px;
  height: 8px;
  max-height: 8px;
  border-width: 1px;
  background-color: var(--gr-blue-guia);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.timeline-component .timeline__list__item > .icon-rp::before,
.timeline-component .timeline__list__item > .icon-rp .item__img,
.timeline-component .timeline__list__item > .item__picture::before,
.timeline-component .timeline__list__item > .item__picture .item__img {
  display: none;
}
.timeline-component .timeline__list__item[data-active=false]:not(.timeline__list__item--fadeIn) > .icon-rp,
.timeline-component .timeline__list__item[data-active=false]:not(.timeline__list__item--fadeIn) > .item__picture, .timeline-component .timeline__list__item.timeline__list__item--fadeOut > .icon-rp,
.timeline-component .timeline__list__item.timeline__list__item--fadeOut > .item__picture, .timeline-component .timeline__list__item.timeline__list__item--fadeIn > .icon-rp,
.timeline-component .timeline__list__item.timeline__list__item--fadeIn > .item__picture {
  border-width: 1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.timeline-component .timeline__list__item[data-active=true] > .icon-rp,
.timeline-component .timeline__list__item[data-active=true] > .item__picture {
  opacity: 0;
}
.timeline-component .timeline__list__item[data-active=true]::after, .timeline-component .timeline__list__item[data-previous=true]::after, .timeline-component .timeline__list__item[data-next=true]::after, .timeline-component .timeline__list__item.timeline__list__item--fadeOut::after {
  content: none;
  display: none;
}
@media (min-width: 64rem) {
  .timeline-component .timeline__list__item[data-previous=true] > .icon-rp,
.timeline-component .timeline__list__item[data-previous=true] > .item__picture, .timeline-component .timeline__list__item[data-next=true] > .icon-rp,
.timeline-component .timeline__list__item[data-next=true] > .item__picture {
    opacity: 0;
  }
}
.timeline-component .timeline__interaction {
  padding-bottom: 0;
  margin-top: 40px;
}
@media (min-width: 64rem) {
  .timeline-component .timeline__interaction {
    padding-bottom: 0;
    margin-top: 32px;
  }
}
.timeline-component .item__info {
  width: 100%;
  max-width: 343px;
  gap: 8px;
  padding-top: 0;
}
@media (min-width: 64rem) {
  .timeline-component .item__info {
    width: 320px;
    max-width: 320px;
  }
}
.timeline-component .item__year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 96px;
  height: 40px;
  padding-inline: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #C7D5E1;
  border-radius: 999px;
  font-size: 1.5rem;
  line-height: 32px;
}
.timeline-component .item__title {
  margin-top: 16px;
}
.timeline-component.theme--dark .timeline__list__item[data-active=true] .item__year {
  color: var(--gr-blue-guia);
  background-color: #ffffff;
  border-color: #ffffff;
  opacity: 1;
}
@media (min-width: 64rem) {
  .timeline-component.theme--dark .timeline__list__item[data-previous=true] .item__year, .timeline-component.theme--dark .timeline__list__item[data-next=true] .item__year {
    color: #C7D5E1;
    background-color: var(--gr-blue-guia);
    border-color: #C7D5E1;
    opacity: 1;
  }
}

.description-component {
  padding: 32px 0 48px;
}
@media (min-width: 64rem) {
  .description-component {
    padding: 52px 0 0;
  }
}

.title-private-component {
  padding-block: 24px 32px;
  background-color: #ffffff;
}
.title-private-component--hide {
  display: none;
}
@media (min-width: 64rem) {
  .title-private-component {
    padding-block: 56px 40px;
  }
}
.title-private-component .rp-guia-headline-03 {
  position: relative;
  margin-bottom: 0;
  color: var(--gr-blue-guia);
}
.title-private-component .rp-guia-headline-03::after {
  position: absolute;
  top: 75%;
  left: 0;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/title-private-area.svg?#");
}

.verification-modal-error-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  display: none;
}
.verification-modal-error-component.verification-modal-error--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  z-index: 1100;
}
@media (min-width: 45rem) {
  .verification-modal-error-component.verification-modal-error--show {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.verification-modal-error-component .verification-modal-error__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
}
@media (min-width: 45rem) {
  .verification-modal-error-component .verification-modal-error__container {
    border-radius: 8px;
    max-width: 560px;
  }
}
@media (min-width: 64rem) {
  .verification-modal-error-component .verification-modal-error__container {
    max-width: 820px;
  }
}
.verification-modal-error-component .verification-modal-error__container .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.verification-modal-error-component .verification-modal-error__container .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.verification-modal-error-component .verification-modal-error__container .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.verification-modal-error-component .verification-modal-error__container .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .verification-modal-error-component .verification-modal-error__container .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}
.verification-modal-error-component .verification-modal-error__container .verification-modal-error__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
}
@media (min-width: 45rem) {
  .verification-modal-error-component .verification-modal-error__container .verification-modal-error__content {
    padding: 32px;
    gap: 32px;
  }
}
.verification-modal-error-component .verification-modal-error__container .verification-modal-error__content .verification-modal-error__texts .verification-modal-error__title {
  margin-bottom: 24px;
  padding-right: 32px;
  color: #464646;
}
@media (min-width: 45rem) {
  .verification-modal-error-component .verification-modal-error__container .verification-modal-error__content .verification-modal-error__texts .verification-modal-error__title {
    margin-bottom: 16px;
  }
}
.verification-modal-error-component .verification-modal-error__container .verification-modal-error__content .verification-modal-error__texts .verification-modal-error__text {
  margin-bottom: 0;
  color: #727272;
}
.verification-modal-error-component .verification-modal-error__container .verification-modal-error__content .verification-modal-error__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/*! Lity - v3.0.0-dev - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity-active,
.lity-active body {
  overflow: hidden;
}

.lity,
.lity-wrap {
  position: fixed;
  inset: 0;
  z-index: 9990;
}

.lity,
.lity-loader {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity {
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.8);
  outline: none !important;
}

.lity.lity-opened,
.lity-loading .lity-loader {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  position: absolute;
  top: 50%;
  z-index: 9991;
  color: #fff;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  position: absolute;
  inset: 0;
  content: "";
  display: block;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close,
.lity-close:hover,
.lity-close:focus,
.lity-close:focus-visible,
.lity-close:active,
.lity-close:visited {
  z-index: 9994;
  width: 56px;
  height: 56px;
  position: fixed;
  right: 24px;
  top: 24px;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #016A7F;
  font-style: normal;
  font-size: 32px;
  font-family: Arial, Baskerville, monospace;
  line-height: 32px;
  border: 0;
  background: #C0EBF2;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 8px;
}

@media (min-width: 1024px) {
  .lity-close,
.lity-close:hover,
.lity-close:focus,
.lity-close:focus-visible,
.lity-close:active,
.lity-close:visited {
    position: absolute;
    width: 48px;
    height: 48px;
    right: -80px;
    top: 0;
  }

  .lity-close:active {
    top: 1px;
  }
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}

.link-list .link__list__title {
  margin-bottom: 20px;
}
@media (min-width: 64rem) {
  .link-list .link__list__title {
    margin-bottom: 24px;
  }
}
.link-list .link__list__item:not(:last-of-type) {
  margin-bottom: 12px;
}

.container-guia {
  padding: 9px 0 0;
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .container-guia {
    padding: 56px 0 0;
  }
}
.container-guia h1,
.container-guia h1 * {
  font-family: "Roboto-Bold";
  font-size: 29px;
  line-height: 40px;
  font-weight: 700;
  color: var(--gr-blue-guia);
  text-align: center;
}
@media (min-width: 64rem) {
  .container-guia h1,
.container-guia h1 * {
    font-size: 43px;
    margin-right: 16.6666%;
    -webkit-box-flex: 0;
    max-width: 66.6667%;
    -ms-flex: 0 0 66.6667%;
        flex: 0 0 66.6667%;
    line-height: 56px;
    text-align: left;
    margin-bottom: 24px;
  }
  .container-guia h1.title--error,
.container-guia h1 *.title--error {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
.container-guia .text {
  width: 100%;
  margin-top: 16px;
  font-family: "Roboto-Regular";
}
.container-guia .text.text--error {
  text-align: center;
}
@media (min-width: 64rem) {
  .container-guia .text {
    margin: 0 16.6666%;
    margin-top: 32px;
    -webkit-box-flex: 0;
    max-width: 66.6667%;
    -ms-flex: 0 0 66.6667%;
        flex: 0 0 66.6667%;
  }
}
.container-guia .text a {
  color: #016A7F;
  font-weight: bolder;
}

.separator {
  --separator-color: var(--gr-blue-guia);
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.separator.separator--background-grey {
  background-color: #f8f8f8;
}
.separator.separator--background-white {
  background-color: var(--gr-color-white);
}
.separator.separator--background-yellow {
  background-color: #FFF8E0;
}
.separator.separator--background-blue {
  background-color: var(--gr-blue-guia);
}
.separator.separator--background-burgundy {
  background-color: var(--gr-burgundy-guia);
}
.separator.separator--color-white {
  --separator-color: var(--gr-color-white);
}
.separator.separator--color-yellow {
  --separator-color: var(--gr-color-surface-yellow);
}
.separator.separator--color-blue {
  --separator-color: var(--gr-blue-guia);
}
.separator.separator--color-grey {
  --separator-color: var(--gr-grey-guia);
}
.separator.separator--color-burgundy {
  --separator-color: var(--gr-burgundy-guia);
}
.separator.separator--color-transparent {
  --separator-color: transparent;
}
.separator.separator--height-small {
  --separator-height: rem(62px);
}
@media screen and (width <= 90rem) {
  .separator.separator--height-small {
    --separator-height: rem(46px);
  }
}
@media screen and (width <= 80rem) {
  .separator.separator--height-small {
    --separator-height: rem(40px);
  }
}
@media screen and (width <= 64rem) {
  .separator.separator--height-small {
    --separator-height: rem(32px);
  }
}
@media screen and (width <= 45rem) {
  .separator.separator--height-small {
    --separator-height: rem(24px);
  }
}
@media screen and (width < 30rem) {
  .separator.separator--height-small {
    --separator-height: rem(12px);
  }
}
.separator.separator--height-large {
  --separator-height: rem(138px);
}
@media screen and (width <= 90rem) {
  .separator.separator--height-large {
    --separator-height: rem(104px);
  }
}
@media screen and (width <= 80rem) {
  .separator.separator--height-large {
    --separator-height: rem(92px);
  }
}
@media screen and (width <= 64rem) {
  .separator.separator--height-large {
    --separator-height: rem(74px);
  }
}
@media screen and (width <= 45rem) {
  .separator.separator--height-large {
    --separator-height: rem(52px);
  }
}
@media screen and (width < 30rem) {
  .separator.separator--height-large {
    --separator-height: rem(28px);
  }
}
.separator .separator-svg {
  --separator-color: inherit;
  --separator-height: inherit;
  display: block;
  width: 100%;
  height: var(--separator-height);
  margin-bottom: -1px;
}
.separator .separator-svg path {
  fill: var(--separator-color);
}

.list-card {
  padding-top: 32px;
}
.list-card:has(.card-component.list-view, .pagination-button, .column-list__item) {
  padding-bottom: 32px;
}
@media (min-width: 45rem) {
  .list-card {
    padding-top: 64px;
  }
  .list-card:has(.card-component.list-view, .pagination-button, .column-list__item) {
    padding-bottom: 64px;
  }
}
.list-card .card-component {
  padding: 0 !important;
}
.list-card .card-component .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-block: 8px;
}
@media (min-width: 64rem) {
  .list-card .card-component .card {
    padding-block: 16px;
  }
}
@media (min-width: 90rem) {
  .list-card .card-component .card {
    padding: 16px 8px;
  }
}
.list-card .card-component .card .card__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.list-card .card-component .card .card__content > picture {
  aspect-ratio: 4/3;
}
.list-card .card-component .card .card__content > picture img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-card .card-component .card .card__content .block-img-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 4/3;
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default {
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.RESTAURANTE, .list-card .card-component .card .card__content .block-img-default .icon-card-default.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.list-card .card-component .card .card__content .block-img-default .icon-card-default.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
.list-card .card-component .card .card__content .info-card,
.list-card .card-component .card .card__content .info-card-tag,
.list-card .card-component .card .card__content .info-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.list-card .card-component .card .card__content .info-card .tag,
.list-card .card-component .card .card__content .info-card .location,
.list-card .card-component .card .card__content .info-card .soles .soles-text,
.list-card .card-component .card .card__content .info-card-tag .tag,
.list-card .card-component .card .card__content .info-card-tag .location,
.list-card .card-component .card .card__content .info-card-tag .soles .soles-text,
.list-card .card-component .card .card__content .info-card-content .tag,
.list-card .card-component .card .card__content .info-card-content .location,
.list-card .card-component .card .card__content .info-card-content .soles .soles-text {
  letter-spacing: normal;
}
.list-card .card-component .card .card__content .info-card .tag,
.list-card .card-component .card .card__content .info-card-tag .tag,
.list-card .card-component .card .card__content .info-card-content .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #464646;
}
.list-card .card-component .card .card__content .info-card .tag .icon-type, .list-card .card-component .card .card__content .info-card .tag::before,
.list-card .card-component .card .card__content .info-card-tag .tag .icon-type,
.list-card .card-component .card .card__content .info-card-tag .tag::before,
.list-card .card-component .card .card__content .info-card-content .tag .icon-type,
.list-card .card-component .card .card__content .info-card-content .tag::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 1.125rem;
  margin-right: 8px;
}
.list-card .card-component .card .card__content .info-card .tag .icon-type::before, .list-card .card-component .card .card__content .info-card .tag::before::before,
.list-card .card-component .card .card__content .info-card-tag .tag .icon-type::before,
.list-card .card-component .card .card__content .info-card-tag .tag::before::before,
.list-card .card-component .card .card__content .info-card-content .tag .icon-type::before,
.list-card .card-component .card .card__content .info-card-content .tag::before::before {
  font-size: 1.125rem;
}
.list-card .card-component .card .card__content .info-card .tag .icon-type img, .list-card .card-component .card .card__content .info-card .tag::before img,
.list-card .card-component .card .card__content .info-card-tag .tag .icon-type img,
.list-card .card-component .card .card__content .info-card-tag .tag::before img,
.list-card .card-component .card .card__content .info-card-content .tag .icon-type img,
.list-card .card-component .card .card__content .info-card-content .tag::before img {
  width: 100%;
  height: 100%;
}
.list-card .card-component .card .card__content .info-card .tag picture,
.list-card .card-component .card .card__content .info-card-tag .tag picture,
.list-card .card-component .card .card__content .info-card-content .tag picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  min-height: 16px;
  height: 16px;
  max-height: 16px;
  font-size: 1rem;
  margin-right: 8px;
}
.list-card .card-component .card .card__content .info-card .tag picture::before,
.list-card .card-component .card .card__content .info-card-tag .tag picture::before,
.list-card .card-component .card .card__content .info-card-content .tag picture::before {
  font-size: 1rem;
}
.list-card .card-component .card .card__content .info-card .tag picture img,
.list-card .card-component .card .card__content .info-card-tag .tag picture img,
.list-card .card-component .card .card__content .info-card-content .tag picture img {
  width: 100%;
  height: 100%;
}
.list-card .card-component .card .card__content .info-card .soles,
.list-card .card-component .card .card__content .info-card-tag .soles,
.list-card .card-component .card .card__content .info-card-content .soles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-card .card-component .card .card__content .info-card .soles::before,
.list-card .card-component .card .card__content .info-card-tag .soles::before,
.list-card .card-component .card .card__content .info-card-content .soles::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
}
.list-card .card-component .card .card__content .info-card .soles::before::before,
.list-card .card-component .card .card__content .info-card-tag .soles::before::before,
.list-card .card-component .card .card__content .info-card-content .soles::before::before {
  font-size: 1rem;
}
.list-card .card-component .card .card__content .info-card .soles::before img,
.list-card .card-component .card .card__content .info-card-tag .soles::before img,
.list-card .card-component .card .card__content .info-card-content .soles::before img {
  width: 100%;
  height: 100%;
}
.list-card .card-component .card .card__content .info-card .soles > picture,
.list-card .card-component .card .card__content .info-card-tag .soles > picture,
.list-card .card-component .card .card__content .info-card-content .soles > picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1rem;
  margin-right: 8px;
}
.list-card .card-component .card .card__content .info-card .soles > picture::before,
.list-card .card-component .card .card__content .info-card-tag .soles > picture::before,
.list-card .card-component .card .card__content .info-card-content .soles > picture::before {
  font-size: 1rem;
}
.list-card .card-component .card .card__content .info-card .soles > picture img,
.list-card .card-component .card .card__content .info-card-tag .soles > picture img,
.list-card .card-component .card .card__content .info-card-content .soles > picture img {
  width: 100%;
  height: 100%;
}
.list-card .card-component .card .card__content .info-card .location,
.list-card .card-component .card .card__content .info-card-tag .location,
.list-card .card-component .card .card__content .info-card-content .location {
  color: #727272;
}
.list-card .card-component .card .card__content .info-card-interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding: 0 24px 24px 24px;
  margin-top: auto;
}
.list-card .card-component .card .card__content .info-card-interaction .icon-rp-interaction {
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 22px;
  width: 22px;
  max-width: 22px;
  min-height: 22px;
  height: 22px;
  max-height: 22px;
  font-size: 1.125rem;
}
.list-card .card-component .card .card__content .info-card-interaction .icon-rp-interaction::before {
  font-size: 1.125rem;
}
.list-card .card-component .card .card__content .info-card-interaction .icon-rp-interaction img {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .list-card .card-component .card .card__content:hover, .list-card .card-component .card .card__content:active {
    -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
  }
  .list-card .card-component .card .card__content:hover .title, .list-card .card-component .card .card__content:active .title {
    color: #016A7F;
  }
}
.list-card .card-component .card.card-s .card__content {
  min-height: 156px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-card .card-component .card.card-s .card__content > picture,
.list-card .card-component .card.card-s .card__content .block-img-default {
  width: 288px;
  min-width: 48%;
  max-width: 48%;
  height: 100%;
  overflow: hidden;
}
.list-card .card-component .card.card-s .card__content .block-img-default .icon-card-default {
  width: 70px;
  height: 70px;
}
@media (min-width: 45rem) {
  .list-card .card-component .card.card-s .card__content .block-img-default .icon-card-default {
    height: 120px;
    width: 120px;
  }
}
.list-card .card-component .card.card-s .card__content .info-card,
.list-card .card-component .card.card-s .card__content .info-card-tag,
.list-card .card-component .card.card-s .card__content .info-card-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.list-card .card-component .card.card-s .card__content .info-card {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
}
.list-card .card-component .card.card-s .card__content .info-card .info-card-content .title {
  margin-block: 8px;
}
.list-card .card-component .card.card-s .card__content .info-card .info-card-detail,
.list-card .card-component .card.card-s .card__content .info-card .info-card-meta {
  display: none;
}
.list-card .card-component .card.card-s .card__content .info-card .rp-guia-title-03 {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Roboto-Medium";
  font-weight: 500;
}
.list-card .card-component .card.card-s .card__content .info-card-interaction {
  position: absolute;
  bottom: 0;
  right: 48%;
}
.list-card .card-component .block-gene-card .block-info-card {
  padding-bottom: 24px;
  margin-bottom: 0;
}
@media (min-width: 45rem) {
  .list-card .card-component .block-gene-card .block-info-card {
    padding-bottom: 56px;
  }
}
.list-card .card-component .block-gene-card .block-info-card h2 {
  margin-bottom: 0;
}
.list-card .card-component .block-gene-card-select {
  row-gap: 16px;
}
@media (min-width: 45rem) {
  .list-card .card-component .block-gene-card-select {
    row-gap: 32px;
  }
}
.list-card .card-component .block-gene-card-select.column-list.column-list--hide-tags .info-card-tag {
  display: none;
}
@media (min-width: 80rem) {
  .list-card .card-component .block-gene-card-select.column-list.column-list--two-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
.list-card .card-component .block-gene-card-select.column-list.column-list--two-columns > div,
.list-card .card-component .block-gene-card-select.column-list.column-list--two-columns > .column-list__item {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.list-card .card-component .block-gene-card-select.column-list .card.card-s {
  padding: 0;
}
.list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
@media (min-width: 45rem) {
  .list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 46px;
  }
}
.list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content picture,
.list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content img {
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 257px;
}
@media (min-width: 45rem) {
  .list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content picture,
.list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content img {
    grid-column-start: 2;
    grid-column-end: -1;
    grid-row-start: 1;
    grid-row-end: -1;
    height: 100%;
  }
}
.list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content .info-card {
  padding: 24px 24px 32px 24px;
  height: auto;
}
@media (min-width: 45rem) {
  .list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content .info-card {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-top: 16px;
    padding-inline: 24px;
    height: 100%;
    gap: var(--gr-spacing-4);
  }
}
.list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content .info-card .info-card-content .title {
  display: block;
  position: relative;
  bottom: unset;
  height: auto;
  min-height: auto;
  color: #464646;
}
.list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content .info-card .info-card-content .location {
  display: block;
  position: relative;
  bottom: unset;
  height: auto;
  min-height: auto;
}
.list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content .info-card-interaction {
  position: relative;
  right: unset;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 0 24px 24px 0;
}
@media (min-width: 45rem) {
  .list-card .card-component .block-gene-card-select.column-list .card.card-s .card__content .info-card-interaction {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: -1;
  }
}
.list-card .pagination {
  padding-block: 0;
}
.list-card .pagination .card-component.column-list {
  padding: 0 !important;
}
.list-card .pagination .card-component.column-list .block-gene-card .row {
  row-gap: 24px;
}
@media (min-width: 45rem) {
  .list-card .pagination .card-component.column-list .block-gene-card .row {
    row-gap: 32px;
  }
}
@media (min-width: 80rem) {
  .list-card .pagination .card-component.column-list .block-gene-card .row.column-list--two-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
  }
}
.list-card .pagination .card-component.column-list .block-gene-card .row.column-list--two-columns > .column-list__item {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.list-card .pagination .card-component.column-list .block-gene-card .row.column-list--hide-tags .info-card-tag {
  display: none;
}
.list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s {
  padding: 0;
}
.list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
@media (min-width: 45rem) {
  .list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 46px;
  }
}
.list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content picture,
.list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content img {
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 257px;
}
@media (min-width: 45rem) {
  .list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content picture,
.list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content img {
    grid-column-start: 2;
    grid-column-end: -1;
    grid-row-start: 1;
    grid-row-end: -1;
    height: 100%;
  }
}
.list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content .info-card {
  padding: 24px 24px 32px 24px;
  height: auto;
}
@media (min-width: 45rem) {
  .list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content .info-card {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-top: 16px;
    padding-inline: 24px;
    height: 100%;
  }
}
.list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content .info-card .info-card-content .title {
  display: block;
  position: relative;
  bottom: unset;
  height: auto;
  min-height: auto;
}
.list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content .info-card .info-card-content .location {
  display: block;
  position: relative;
  bottom: unset;
  height: auto;
  min-height: auto;
}
.list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content .info-card-interaction {
  position: relative;
  right: unset;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 0 24px 24px 0;
}
@media (min-width: 45rem) {
  .list-card .pagination .card-component.column-list .block-gene-card .row .card.card-s .card__content .info-card-interaction {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: -1;
  }
}
.list-card .pagination .component-title {
  margin-bottom: 0;
  padding-bottom: 24px;
}
@media (min-width: 45rem) {
  .list-card .pagination .component-title {
    padding-bottom: 56px;
  }
}
.list-card .pagination .pagination-button {
  margin-top: 0;
  padding-top: 24px;
}
@media (min-width: 45rem) {
  .list-card .pagination .pagination-button {
    padding-top: 56px;
  }
}

.receta__info {
  margin-right: 16px;
  margin-left: 16px;
}

.description-receta {
  margin: 0 0 16px;
}
@media (min-width: 1024px) {
  .description-receta {
    margin-bottom: 0;
  }
  .description-receta + *:not(.steps) {
    margin-top: 56px;
  }
}

@media (min-width: 720px) {
  .receta__info .description,
.description-receta .description {
    padding-top: 84px;
  }
}
.receta__info .description .description__receta,
.description-receta .description .description__receta {
  width: 100%;
  font-size: 20px;
  font-family: "Roboto-Regular";
  color: #464646;
}
.receta__info .description .description__receta:not(:has(.rp-description)),
.description-receta .description .description__receta:not(:has(.rp-description)) {
  margin: 0;
}
.receta__info .description .description__receta:has(.rp-description) + .container,
.description-receta .description .description__receta:has(.rp-description) + .container {
  padding-top: 56px;
}
.receta__info .description .container,
.description-receta .description .container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-left: 0px;
  padding-top: 0;
}
.receta__info .description .container .listen__report,
.description-receta .description .container .listen__report {
  display: none;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #016A7F;
  cursor: pointer;
  line-height: 1;
}
.receta__info .description .container .date,
.description-receta .description .container .date {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #727272;
}
.receta__info .description .container .date p,
.description-receta .description .container .date p {
  margin: 0;
}
.receta__info .description .container .date .descriptionBox,
.description-receta .description .container .date .descriptionBox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.receta__info .description .container .date .separator,
.description-receta .description .container .date .separator {
  display: none !important;
}
.receta__info .description .container .date .eta,
.description-receta .description .container .date .eta {
  margin: 0;
  white-space: nowrap;
}
.receta__info .description .container .date .eta:empty,
.description-receta .description .container .date .eta:empty {
  display: none;
}
.receta__info .description .container .date .eta:not(:empty)::before,
.description-receta .description .container .date .eta:not(:empty)::before {
  content: "·";
  display: inline-block;
  margin-right: 0.75ch;
  line-height: 1;
}
@media (max-width: 1024px) {
  .receta__info .description .container .listen__report__buttom,
.description-receta .description .container .listen__report__buttom {
    display: none;
  }
}
.receta__info .description .authorBox,
.description-receta .description .authorBox {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #016A7F;
  gap: 6px;
}
.receta__info .description .authorBox img,
.description-receta .description .authorBox img {
  border-radius: 9999px;
  height: 32px;
  width: 32px;
}
@media (max-width: 1024px) {
  .receta__info .description .container,
.description-receta .description .container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .receta__info .description .date,
.description-receta .description .date {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
  }
  .receta__info .description .date .descriptionBox,
.description-receta .description .date .descriptionBox {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
    margin-top: 4px;
  }
  .receta__info .description .listen__report,
.description-receta .description .listen__report {
    margin-left: auto;
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding: 0;
    margin-bottom: 0;
  }
}

.bg-image-2-soles_fondo {
  background-image: url("clientlib-components/css/images/2-soles_fondo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-2-soles {
  background-image: url("clientlib-components/css/images/2-soles.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-3-soles_fondo {
  background-image: url("clientlib-components/css/images/3-soles_fondo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-3-soles {
  background-image: url("clientlib-components/css/images/3-soles.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-gr_white {
  background-image: url("clientlib-components/css/images/gr_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-gr {
  background-image: url("clientlib-components/css/images/gr.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-recomendado_white {
  background-image: url("clientlib-components/css/images/recomendado_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-recomendado {
  background-image: url("clientlib-components/css/images/recomendado.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-sol_fondo {
  background-image: url("clientlib-components/css/images/sol_fondo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-sol {
  background-image: url("clientlib-components/css/images/sol.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-solete {
  background-image: url("clientlib-components/css/images/solete.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.bg-image-sostenible {
  background-image: url("clientlib-components/css/images/sostenible.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

:root {
  --gr-font-display: "SoleRepsolDisplay", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-text: "SoleRepsolText", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-icons: "Guia Icons";
  --gr-background-default: #FFFFFF;
  --gr-color-white: #FFFFFF;
  --gr-color-black: #000000;
  /* Yellow */
  --gr-color-yellow-0: #FFF9EB;
  --gr-color-yellow-05: #FFF0CC;
  --gr-color-yellow-10: #FFE9B2;
  --gr-color-yellow-20: #FFDA80;
  --gr-color-yellow-30: #FFCA47;
  --gr-color-yellow-40: #FBC300;
  --gr-color-yellow-50: #E9A600;
  --gr-color-yellow-60: #D19500;
  --gr-color-yellow-70: #B17D00;
  --gr-color-yellow-80: #77590D;
  --gr-color-yellow-90: #443104;
  /* Accent */
  --gr-color-accent-10: #FFED92;
  --gr-color-accent-50: #FFEA29;
  --gr-color-accent-90: #443904;
  /* Creative */
  --gr-color-creative-01: #ff5a00;
  --gr-color-creative-02: #d60000;
  --gr-color-creative-03: #00c4d9;
  --gr-color-creative-04: #001e78;
  --gr-color-creative-05: #ff6f61;
  --gr-color-creative-06: #cfc6c4;
  --gr-color-creative-07: #003cff;
  /* Orange */
  --gr-color-orange-10: #FFF0D0;
  --gr-color-orange-50: #FF590A;
  --gr-color-orange-90: #7A2E09;
  /* Coral */
  --gr-color-coral-10: #FFE1D8;
  --gr-color-coral-50: #FF7559;
  --gr-color-coral-90: #BB1A03;
  /* Red */
  --gr-color-red-10: #FFECEB;
  --gr-color-red-50: #DD0E00;
  --gr-color-red-90: #B41600;
  /* Grey */
  --gr-color-grey-10: #F4ECE9;
  --gr-color-grey-50: #D2CAC7;
  --gr-color-grey-90: #574E4B;
  /* Turquoise */
  --gr-color-turquoise-10: #DAF9FD;
  --gr-color-turquoise-50: #00BED4;
  --gr-color-turquoise-90: #005B65;
  /* Neon Blue */
  --gr-color-neon-blue-10: #DCE3FF;
  --gr-color-neon-blue-50: #002B66;
  --gr-color-neon-blue-90: #00146D;
  /* Deep Blue */
  --gr-color-deep-blue-10: #DCE3FF;
  --gr-color-deep-blue-50: #0046FF;
  --gr-color-deep-blue-90: #002278;
  --gr-blue-guia: #0B1741;
  /* Surface */
  --gr-color-surface-yellow: #FCB300;
  --gr-color-highlighted-surface-yellow: radial-gradient(circle at center, #fcb300 0%, #fcb70d 20%, transparent 85%);
  --gr-color-accent: #FFE249;
  --gr-color-surface--hover: #F4F8FA;
  --gr-color-content--hover: #43637D;
  --gr-color-content--active: #0B1741;
  --gr-color-content--disabled: #0B17414D;
  --gr-color-border: #95B0C6;
  --gr-color-border--focus: #009BBE;
  --gr-color-surface-highlighted-ivory--gradient: linear-gradient(135deg, #fff8f2 0%, #fcefe9 50%, #f8f3ef 100%);
  --gr-color-surface-highlighted-orange--gradient: linear-gradient(135deg, #ff6a00 0%, #ff3c3c 50%, #ff0057 100%);
  --gr-color-surface-highlighted-blue--gradient: linear-gradient(135deg, #001f3f 0%, #003f5c 50%, #006f8e 100%);
  --gr-color-surface--hover--inverse: #99A5AF;
  --gr-color-surface--active--inverse: #CCD2D7;
  --gr-color-secondary-surface--hover--inverse: rgba(255, 255, 255, 0.2);
  --gr-color-secondary-surface--active--inverse: rgba(255, 255, 255, 0.1);
  --gr-color-content-medium--inverse: rgba(255, 255, 255, 0.8);
  /* Fonts */
  --gr-font-display: "SoleRepsolDisplay", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-text: "SoleRepsolText", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
  --gr-font-icon: "icomoon";
  --gr-icomoon-font-family: "icomoon";
  --gr-font-guia-icons: "Guia Icons";
  /* Font Sizes */
  --gr-size-12: 0.75rem;
  --gr-size-14: 0.875rem;
  --gr-size-16: 1rem;
  --gr-size-18: 1.125rem;
  --gr-size-20: 1.25rem;
  --gr-size-22: 1.375rem;
  --gr-size-24: 1.5rem;
  --gr-size-26: 1.625rem;
  --gr-size-28: 1.75rem;
  --gr-size-30: 1.875rem;
  --gr-size-32: 2rem;
  --gr-size-34: 2.125rem;
  --gr-size-36: 2.25rem;
  --gr-size-40: 2.5rem;
  --gr-size-46: 2.875rem;
  --gr-size-48: 3rem;
  --gr-size-56: 3.5rem;
  --gr-size-60: 3.75rem;
  --gr-size-64: 4rem;
  /* Global Spacing Scale */
  --gr-spacing-4: 0.25rem;
  --gr-spacing-6: 0.375rem;
  --gr-spacing-8: 0.5rem;
  --gr-spacing-12: 0.75rem;
  --gr-spacing-16: 1rem;
  --gr-spacing-24: 1.5rem;
  --gr-spacing-32: 2rem;
  --gr-spacing-40: 2.5rem;
  --gr-spacing-48: 3rem;
  --gr-spacing-56: 3.5rem;
  --gr-spacing-64: 4rem;
  --gr-spacing-72: 4.5rem;
  --gr-spacing-80: 5rem;
  --gr-spacing-88: 5.5rem;
  --gr-spacing-96: 6rem;
  --gr-spacing-112: 7rem;
  --gr-spacing-120: 7.5rem;
  --gr-spacing-128: 8rem;
  /* Layout Spacing */
  --gr-spacing-layout-xs: 0.5rem;
  --gr-spacing-layout-2xs: 0.75rem;
  --gr-spacing-layout-s: 1rem;
  --gr-spacing-layout-m: 1.5rem;
  --gr-spacing-layout-l: 2rem;
  --gr-spacing-layout-2l: 2.5rem;
  --gr-spacing-layout-xl: 3rem;
  --gr-spacing-layout-2xl: 4rem;
  --gr-spacing-layout-3xl: 4.5rem;
  --gr-spacing-layout-4xl: 5rem;
  --gr-spacing-layout-5xl: 6rem;
  --gr-spacing-layout-6xl: 7rem;
  --gr-spacing-layout-7xl: 7.5rem;
  /* Border Radius */
  --gr-radius-s: 0.5rem;
  --gr-radius-m: 1rem;
  --gr-radius-l: 1.5rem;
  --gr-radius-round: 62.4375rem;
}

.block-copy {
  position: fixed;
  inset: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  z-index: 100;
  /* Modal */
  /* Figura/ilustración superior */
  /* Títulos y textos */
  /* Share state */
  /* Animación sutil */
  /* Responsive: igual a mockup móvil de la captura */
}
.block-copy.is-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.block-copy[aria-hidden=true] {
  display: none;
}
.block-copy .has-modal {
  overflow: hidden;
}
.block-copy .block-modal {
  position: relative;
  max-width: 640px;
  width: min(92vw, 640px);
  max-height: 90vh;
  overflow: auto;
  background: #FFF;
  border-radius: 16px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  padding: 28px 28px 32px;
  outline: none;
  text-align: center;
}
.block-copy .modal-close {
  color: #016A7F;
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 1;
  width: 32px;
  height: 32px;
  font-size: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
.block-copy .modal-close.icon::before,
.block-copy .modal-close.icon-rp-Cross::before {
  font-size: 1em;
  /* garantiza que no hereda 0 */
  line-height: 1;
}
.block-copy .block-modal:focus {
  outline: none;
}
.block-copy .modal-close:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
  border-radius: 6px;
}
.block-copy .modal-success[hidden],
.block-copy .modal-share[hidden] {
  display: none !important;
}
.block-copy .modal-figure {
  height: 120px;
  width: 120px;
  margin: 6px auto 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.block-copy .modal-title {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.25;
  color: #464646;
}
.block-copy .modal-desc {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #727272;
}
.block-copy .title-shared {
  margin: 0 0 16px;
  font-weight: 600;
}
.block-copy .share-list {
  display: grid;
  gap: 12px;
  justify-items: center;
}
.block-copy .share-list a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid #e6e6e6;
}
.block-copy .share-list a:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.block-copy .share-label {
  font-size: 15px;
}
@media (prefers-reduced-motion: no-preference) {
  .block-copy .block-copy.is-open .block-modal {
    -webkit-animation: copyIn 0.18s ease-out both;
            animation: copyIn 0.18s ease-out both;
  }
  @-webkit-keyframes copyIn {
    from {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
      opacity: 0;
    }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes copyIn {
    from {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
      opacity: 0;
    }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
}
@media (max-width: 45rem) {
  .block-copy .block-modal {
    padding: 22px 18px 24px;
    border-radius: 12px;
  }
  .block-copy .modal-figure {
    width: 96px;
    height: 96px;
    margin-bottom: 12px;
  }
  .block-copy .modal-title {
    font-size: 20px;
  }
  .block-copy .modal-desc,
.block-copy .share-label {
    font-size: 14px;
  }
}

.list-basic-component .basic__title,
.list-basic-component .title-section {
  margin-bottom: 0;
}
.list-basic-component .subtitle {
  color: #757575;
  margin-top: 24px;
  margin-bottom: 4px;
}
@media (min-width: 64rem) {
  .list-basic-component .subtitle {
    font-size: 1.25rem;
  }
}
.list-basic-component .basic__summary {
  padding-bottom: 24px;
}
.list-basic-component .basic__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.list-basic-component .basic__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: auto;
  padding-bottom: 16px;
  border-bottom: 1px solid;
}
@media (min-width: 45rem) {
  .list-basic-component .basic__list__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}
.list-basic-component .basic__list__item__text span:not(.title) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-basic-component .basic__list__item .rp-btn-guia {
  margin-top: 16px;
}
@media (min-width: 45rem) {
  .list-basic-component .basic__list__item .rp-btn-guia {
    margin-top: 0;
    min-width: 230px;
  }
}
@media (min-width: 64rem) {
  .list-basic-component .basic__list__item .rp-btn-guia {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-inline: 22px;
  }
}
.list-basic-component .basic__list__item:last-child {
  border: none;
}
.list-basic-component--dropdown {
  border-bottom: 1px solid;
}
.list-basic-component--dropdown [class*=__details]::details-content {
  block-size: 0;
  overflow: hidden;
  -webkit-transition: block-size 600ms, content-visibility 600ms;
  transition: block-size 600ms, content-visibility 600ms;
  transition-behavior: allow-discrete;
}
.list-basic-component--dropdown [class*=__details][open]::details-content {
  block-size: auto;
  block-size: calc-size(auto, size);
}
.list-basic-component--dropdown [class*=__details][open] [class*=__summary] .icon-rp {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.list-basic-component--dropdown [class*=__details] [class*=__summary] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  outline: 0;
  list-style: none;
}
.list-basic-component--dropdown [class*=__details] [class*=__summary]::marker, .list-basic-component--dropdown [class*=__details] [class*=__summary]::-webkit-details-marker {
  display: none;
  content: "";
}
.list-basic-component--dropdown [class*=__details] [class*=__summary] .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.list-basic-component--dropdown [class*=__details] [class*=__summary] .icon-rp::before {
  font-size: 1.25rem;
}
.list-basic-component--dropdown [class*=__details] [class*=__summary] .icon-rp img {
  width: 100%;
  height: 100%;
}
.list-basic-component:not(.list-basic-component--dropdown) .basic__list__item:first-of-type {
  padding-top: 16px;
}
.list-basic-component.theme--dark {
  border-color: rgba(255, 255, 255, 0.6);
}
.list-basic-component.theme--dark [class*=title],
.list-basic-component.theme--dark [class*=item],
.list-basic-component.theme--dark [class*=icon] {
  color: #ffffff;
}
.list-basic-component.theme--dark [class*=item] {
  border-color: rgba(255, 255, 255, 0.6);
}
.list-basic-component.theme--dark [class*=item] .detail {
  color: #C7D5E1;
}
.list-basic-component.theme--dark .basic__list__item__text span:not(.title) {
  color: #C7D5E1;
}
.list-basic-component:not(.theme--dark) {
  border-color: #DDDDDD;
}
.list-basic-component:not(.theme--dark) [class*=item] {
  border-color: #DDDDDD;
}
.list-basic-component:not(.theme--dark) .basic__list__item__text span:not(.title) {
  color: #727272;
}
.list-basic-component .basic__detail__container.align--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.list-basic-component .basic__detail__container.align--bottom .schedule-component {
  border-top: 1px solid;
}
.list-basic-component .basic__detail__container.align--top .schedule-component {
  border-bottom: 1px solid;
}
.list-basic-component .basic__detail__container .schedule-component.theme--dark {
  border-color: rgba(255, 255, 255, 0.6);
}
.list-basic-component .basic__detail__container .schedule-component.theme--light {
  border-color: #DDDDDD;
}

.list-info-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.list-info-component--hide {
  display: none;
}
.list-info-component * {
  margin: 0;
}
.list-info-component .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.list-info-component .icon-rp::before {
  font-size: 1.25rem;
}
.list-info-component .icon-rp img {
  width: 100%;
  height: 100%;
}
.list-info-component .list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  width: 100%;
}
@media (min-width: 64rem) {
  .list-info-component .list__info {
    gap: 24px 32px;
  }
}
.list-info-component .list__info__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.list-info-component .list__info__block--hide {
  display: none;
}
@media (min-width: 64rem) {
  .list-info-component .list__info__block--options {
    margin-top: 8px;
  }
}
@media (min-width: 64rem) {
  .list-info-component .list__info__block--recommendation {
    margin-top: 16px;
  }
}
.list-info-component .list__info__block .list__info__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 64rem) {
  .list-info-component .list__info__block .list__info__tag {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
  }
}
.list-info-component .list__info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 16px;
  border-radius: 8px;
}
@media (min-width: 45rem) {
  .list-info-component .list__info__item {
    width: calc(50% - 8px);
  }
}
@media (min-width: 64rem) {
  .list-info-component .list__info__item {
    width: calc(50% - 16px);
  }
}
.list-info-component .list__info__item .header__item,
.list-info-component .list__info__item .title__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.list-info-component .list__info__item .header__item {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list-info-component .list__info__item .description__item {
  margin-block: 28px 0;
  font-size: 1rem;
}
.list-info-component .list__info__item .icon-rp {
  font-weight: 500;
}
.list-info-component .list__info__recommendation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.list-info-component .list__info__recommendation--featured {
  position: relative;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .list-info-component .list__info__recommendation--featured {
    padding: 28px;
  }
}
.list-info-component .list__info__recommendation--featured::before, .list-info-component .list__info__recommendation--featured::after {
  position: absolute;
}
.list-info-component .list__info__recommendation--featured::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 16px;
  right: 10px;
  width: 40px;
  height: 20px;
}
@media (min-width: 64rem) {
  .list-info-component .list__info__recommendation--featured::before {
    top: 24px;
    right: 10px;
    width: 50px;
    height: 24px;
  }
}
.list-info-component .list__info__recommendation--featured[data-lang=es]::before {
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/guia-repsol_es.svg?#");
}
.list-info-component .list__info__recommendation--featured[data-lang=pt]::before {
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/guia-repsol_pt.svg?#");
}
.list-info-component .list__info__recommendation--featured::after {
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-recommendation.svg?#");
  top: 0;
  right: 0;
}
@media (min-width: 64rem) {
  .list-info-component .list__info__recommendation--featured::after {
    content: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-recommendation-desktop.svg?#");
  }
}
.list-info-component .list__info__recommendation .list__recommendation__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (min-width: 64rem) {
  .list-info-component .list__info__recommendation .list__recommendation__detail {
    width: calc(100% - 92px);
  }
}
.list-info-component.theme--light .tag-price,
.list-info-component.theme--light .list__recommendation__detail {
  color: #464646;
}
.list-info-component.theme--light .list__info__item {
  background-color: #f8f8f8;
}
.list-info-component.theme--light .list__info__item .description__item {
  color: #727272;
}
.list-info-component.theme--dark [class*=title],
.list-info-component.theme--dark [class*=item],
.list-info-component.theme--dark [class*=icon] {
  color: #ffffff;
}
.list-info-component.theme--dark .tag-price {
  color: #C7D5E1;
}
.list-info-component.theme--dark .list__info__item {
  background-color: rgba(247, 247, 247, 0.1);
}
.list-info-component.theme--dark .list__info__item .description__item {
  color: rgba(255, 255, 255, 0.6);
}
.list-info-component.theme--dark .list__info__recommendation .list__recommendation__title {
  color: #727272;
}
.list-info-component.theme--dark .list__info__recommendation--featured {
  background-color: #ffffff;
}

.list-service-component .service__title,
.list-service-eess-component .service__title {
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .list-service-component .service__title,
.list-service-eess-component .service__title {
    margin-bottom: 24px;
  }
}
.list-service-component .service__list,
.list-service-eess-component .service__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
@media (min-width: 64rem) {
  .list-service-component .service__list,
.list-service-eess-component .service__list {
    gap: 24px;
  }
}
.list-service-component .service__list__item,
.list-service-eess-component .service__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100%;
}
@media (min-width: 45rem) {
  .list-service-component .service__list__item,
.list-service-eess-component .service__list__item {
    width: calc(50% - 12px);
  }
}
@media (min-width: 80rem) {
  .list-service-component .service__list__item,
.list-service-eess-component .service__list__item {
    width: calc(33.33333% - 16px);
  }
}
.list-service-component .service__list__item .icon-rp,
.list-service-eess-component .service__list__item .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 2.5rem;
  width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2.5rem;
  height: 2.5rem;
  max-height: 2.5rem;
  font-size: 1.125rem;
  color: var(--gr-blue-guia);
  background-color: #f8f8f8;
  border-radius: 8px;
}
.list-service-component .service__list__item .icon-rp::before,
.list-service-eess-component .service__list__item .icon-rp::before {
  font-size: 1.125rem;
}
.list-service-component .service__list__item .icon-rp img,
.list-service-eess-component .service__list__item .icon-rp img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .list-service-component .service__list__item .icon-rp,
.list-service-eess-component .service__list__item .icon-rp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 3rem;
    width: 3rem;
    max-width: 3rem;
    min-height: 3rem;
    height: 3rem;
    max-height: 3rem;
    font-size: 1.25rem;
  }
  .list-service-component .service__list__item .icon-rp::before,
.list-service-eess-component .service__list__item .icon-rp::before {
    font-size: 1.25rem;
  }
  .list-service-component .service__list__item .icon-rp img,
.list-service-eess-component .service__list__item .icon-rp img {
    width: 100%;
    height: 100%;
  }
}
.list-service-component--dropdown,
.list-service-eess-component--dropdown {
  border-bottom: 1px solid;
}
.list-service-component--dropdown [class*=__details]::details-content,
.list-service-eess-component--dropdown [class*=__details]::details-content {
  block-size: 0;
  overflow: hidden;
  -webkit-transition: block-size 600ms, content-visibility 600ms;
  transition: block-size 600ms, content-visibility 600ms;
  transition-behavior: allow-discrete;
}
.list-service-component--dropdown [class*=__details][open]::details-content,
.list-service-eess-component--dropdown [class*=__details][open]::details-content {
  block-size: auto;
  block-size: calc-size(auto, size);
}
.list-service-component--dropdown [class*=__details][open] [class*=__summary] .icon-rp,
.list-service-eess-component--dropdown [class*=__details][open] [class*=__summary] .icon-rp {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.list-service-component--dropdown [class*=__details] [class*=__summary],
.list-service-eess-component--dropdown [class*=__details] [class*=__summary] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  outline: 0;
  list-style: none;
}
.list-service-component--dropdown [class*=__details] [class*=__summary]::marker, .list-service-component--dropdown [class*=__details] [class*=__summary]::-webkit-details-marker,
.list-service-eess-component--dropdown [class*=__details] [class*=__summary]::marker,
.list-service-eess-component--dropdown [class*=__details] [class*=__summary]::-webkit-details-marker {
  display: none;
  content: "";
}
.list-service-component--dropdown [class*=__details] [class*=__summary] .icon-rp,
.list-service-eess-component--dropdown [class*=__details] [class*=__summary] .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.list-service-component--dropdown [class*=__details] [class*=__summary] .icon-rp::before,
.list-service-eess-component--dropdown [class*=__details] [class*=__summary] .icon-rp::before {
  font-size: 1.25rem;
}
.list-service-component--dropdown [class*=__details] [class*=__summary] .icon-rp img,
.list-service-eess-component--dropdown [class*=__details] [class*=__summary] .icon-rp img {
  width: 100%;
  height: 100%;
}
.list-service-component--dropdown.theme--light,
.list-service-eess-component--dropdown.theme--light {
  border-color: #DDDDDD;
}
.list-service-component--dropdown.theme--dark,
.list-service-eess-component--dropdown.theme--dark {
  border-color: rgba(255, 255, 255, 0.6);
}
.list-service-component--dropdown .service__title,
.list-service-eess-component--dropdown .service__title {
  margin-bottom: 0;
}
.list-service-component--dropdown .service__summary, .list-service-component--dropdown .service__list,
.list-service-eess-component--dropdown .service__summary,
.list-service-eess-component--dropdown .service__list {
  padding-bottom: 24px;
}
.list-service-component.theme--dark [class*=title],
.list-service-component.theme--dark [class*=item],
.list-service-component.theme--dark [class*=icon],
.list-service-eess-component.theme--dark [class*=title],
.list-service-eess-component.theme--dark [class*=item],
.list-service-eess-component.theme--dark [class*=icon] {
  color: #ffffff;
}
.list-service-component.theme--dark .service__list .icon-rp,
.list-service-eess-component.theme--dark .service__list .icon-rp {
  background-color: rgba(247, 247, 247, 0.1);
}

.list-tags-component .tag__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-right: -20px;
  overflow: auto;
}
.list-tags-component .tag__list::-webkit-scrollbar {
  display: none;
}
@media (min-width: 45rem) {
  .list-tags-component .tag__list {
    margin-right: -180px;
  }
}
@media (min-width: 64rem) {
  .list-tags-component .tag__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: auto;
  }
}
.list-tags-component .tag__list .tag__item__list {
  padding: 4px 8px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  white-space: nowrap;
}
.list-tags-component .tag__list .tag__item__list:last-of-type {
  margin-right: 20px;
}
@media (min-width: 45rem) {
  .list-tags-component .tag__list .tag__item__list:last-of-type {
    margin-right: 180px;
  }
}
@media (min-width: 64rem) {
  .list-tags-component .tag__list .tag__item__list:last-of-type {
    margin-right: 0;
  }
}
@media (hover: hover) {
  .list-tags-component .tag__list .tag__item__list:hover {
    color: #757575;
    background-color: #f8f8f8;
    cursor: pointer;
  }
}

.page-detail .sheet .sheet__content .sheet__information .container-n .row {
  padding-inline: 0 !important;
}

.booking-component {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  margin-bottom: 0 !important;
}
@media (min-width: 64rem) {
  .booking-component {
    position: static;
    padding: 24px;
    -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14), 0px -1px 4px -4px rgba(0, 0, 0, 0.02);
    border-radius: 8px;
  }
}
@media (min-width: 45rem) {
  .booking-component .booking__container {
    max-width: 688px;
    margin-inline: auto;
  }
}
@media (min-width: 721px) {
  .booking-component .booking__container {
    max-width: 712px;
  }
}
.booking-component .booking__container .booking__title,
.booking-component .booking__container .booking__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 20px 0;
}
@media (min-width: 64rem) {
  .booking-component .booking__container .booking__title,
.booking-component .booking__container .booking__main {
    padding: 0;
  }
}
.booking-component .booking__container .booking__title .icon,
.booking-component .booking__container .booking__main .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  color: #016A7F;
}
.booking-component .booking__container .booking__title .icon::before,
.booking-component .booking__container .booking__main .icon::before {
  font-size: 1.25rem;
}
.booking-component .booking__container .booking__title .icon img,
.booking-component .booking__container .booking__main .icon img {
  width: 100%;
  height: 100%;
}
.booking-component .booking__container .booking__title {
  position: relative;
  z-index: 5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.booking-component .booking__container .booking__title .title {
  font-family: "Roboto-Medium";
  margin-bottom: 0;
}
@media (min-width: 45rem) {
  .booking-component .booking__container .booking__title .title {
    font-size: 1.25rem;
    line-height: 32px;
    padding-bottom: 16px;
  }
}
@media (min-width: 64rem) {
  .booking-component .booking__container .booking__title .icon {
    display: none;
  }
}
.booking-component .booking__container .booking__main {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  max-height: 160px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.booking-component .booking__container .booking__main.booking__main--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.booking-component .booking__container .booking__main.booking__main--hide {
  max-height: 0;
  padding-top: 0;
  opacity: 0;
}
.booking-component .booking__container .booking__main .rp-btn-guia.rp-btn-turquoise .icon {
  color: #ffffff;
}
.booking-component .booking__container .booking__main .rp-btn-guia .rp-btn-copy {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.booking-component .booking__container .booking__main .booking__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.booking-component .booking__container .booking__main .booking__info .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3.5rem;
  width: 3.5rem;
  max-width: 3.5rem;
  min-height: 3.5rem;
  height: 3.5rem;
  max-height: 3.5rem;
  font-size: 1.25rem;
  padding-inline: 0;
  cursor: default;
}
.booking-component .booking__container .booking__main .booking__info .icon-rp::before {
  font-size: 1.25rem;
}
.booking-component .booking__container .booking__main .booking__info .icon-rp img {
  width: 100%;
  height: 100%;
}
.booking-component .booking__container .booking__main .booking__info .icon-rp.show-benefits {
  cursor: pointer;
}
.booking-component .booking__container .booking__main .booking__info .booking__text {
  margin-bottom: 0;
}
.booking-component .booking__container .booking__main .booking__info .booking__text .show-benefits {
  display: inline;
  cursor: pointer;
}
.booking-component .booking__container .booking__footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 41px;
  padding-top: 28px;
}
.booking-component .booking__container .booking__footer::after {
  position: absolute;
  content: "";
  width: 134px;
  height: 5px;
  border-radius: 100px;
  background-color: #DDDDDD;
}
@media (min-width: 64rem) {
  .booking-component .booking__container .booking__footer {
    display: none;
  }
}
.booking-component.theme--light {
  background-color: #ffffff;
}
.booking-component.theme--light .booking__text {
  color: #727272;
}
.booking-component.theme--dark {
  background-color: #232E53;
}
.booking-component.theme--dark .booking__title,
.booking-component.theme--dark .booking__title .title,
.booking-component.theme--dark .booking__title .icon,
.booking-component.theme--dark .booking__text {
  color: #ffffff;
}
.booking-component.RESTAURANTE_SOL {
  bottom: -100%;
  -webkit-transition: bottom 600ms ease-out;
  transition: bottom 600ms ease-out;
}
.booking-component.RESTAURANTE_SOL.booking-component--show {
  bottom: 0;
}

.booking-guest-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
}
.booking-guest-component.booking-guest-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  z-index: 800;
}
@media (min-width: 45rem) {
  .booking-guest-component.booking-guest-component--show {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.booking-guest-component .booking-guest__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
}
@media (min-width: 45rem) {
  .booking-guest-component .booking-guest__container {
    border-radius: 8px;
    max-width: 472px;
  }
}
@media (min-width: 64rem) {
  .booking-guest-component .booking-guest__container {
    max-width: 616px;
  }
}
@media (min-width: 80rem) {
  .booking-guest-component .booking-guest__container {
    max-width: 560px;
  }
}
@media (min-width: 90rem) {
  .booking-guest-component .booking-guest__container {
    max-width: 608px;
  }
}
@media (min-width: 120rem) {
  .booking-guest-component .booking-guest__container {
    max-width: 736px;
  }
}
.booking-guest-component .booking-guest__container .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.booking-guest-component .booking-guest__container .icon-rp::before {
  font-size: 1.25rem;
}
.booking-guest-component .booking-guest__container .icon-rp img {
  width: 100%;
  height: 100%;
}
.booking-guest-component .booking-guest__container .icon-rp.icon-rp-Cross {
  position: absolute;
  top: 24px;
  right: 16px;
  color: #ffffff;
  cursor: pointer;
}
@media (min-width: 45rem) {
  .booking-guest-component .booking-guest__container .icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}
.booking-guest-component .booking-guest__container .booking-guest__picture img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.booking-guest-component .booking-guest__container .booking-guest__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 24px 16px;
}
@media (min-width: 45rem) {
  .booking-guest-component .booking-guest__container .booking-guest__content {
    padding: 32px;
    gap: 32px;
  }
}
.booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__title {
  margin-bottom: 24px;
  color: #464646;
}
@media (min-width: 45rem) {
  .booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__title {
    text-align: center;
    margin-bottom: 16px;
  }
}
.booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__text {
  color: #727272;
}
@media (min-width: 45rem) {
  .booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__text {
    text-align: center;
  }
}
.booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
@media (min-width: 64rem) {
  .booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__options {
    justify-self: center;
  }
}
.booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__options .booking-guest__option__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__options .booking-guest__option__item .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
  color: var(--gr-blue-guia);
}
.booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__options .booking-guest__option__item .icon-rp::before {
  font-size: 1.5rem;
}
.booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__options .booking-guest__option__item .icon-rp img {
  width: 100%;
  height: 100%;
}
.booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__texts .booking-guest__options .booking-guest__option__item p {
  margin-bottom: 0;
}
.booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 64rem) {
  .booking-guest-component .booking-guest__container .booking-guest__content .booking-guest__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.maps-ficha-component {
  position: relative;
  margin-bottom: 32px;
}
.maps-ficha-component .card-component {
  padding: 0;
}
.maps-ficha-component .rp-body-16 {
  color: #757575;
  margin-bottom: 20px;
}
.maps-ficha-component .ampliMaps,
.maps-ficha-component .closeMaps,
.maps-ficha-component .pathRoute {
  display: none;
}
.maps-ficha-component .button-maps {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
}
.maps-ficha-component .button-maps .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  font-size: 1.125rem;
  margin-right: 0;
}
.maps-ficha-component .button-maps .icon-rp::before {
  font-size: 1.125rem;
}
.maps-ficha-component .button-maps .icon-rp img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .maps-ficha-component .button-maps {
    bottom: 24px;
    left: 24px;
    right: 24px;
    height: 48px;
    font-size: 16px;
  }
}
.maps-ficha-component #maps-ficha {
  width: 100%;
  height: 256px;
  border-radius: 8px;
}
.maps-ficha-component #maps-ficha .gm-style-iw-d {
  overflow: initial !important;
}
.maps-ficha-component #maps-ficha .gm-style .gm-style-iw-c,
.maps-ficha-component #maps-ficha .gm-style .gm-style-iw-ch {
  padding: 0;
}
.maps-ficha-component #maps-ficha .gm-style .gm-style-iw-c button,
.maps-ficha-component #maps-ficha .gm-style .gm-style-iw-ch button {
  display: none !important;
}
.maps-ficha-component #maps-ficha .gm-style-iw-t .gm-style-iw-c {
  min-width: 311px !important;
}
@media (min-width: 45rem) {
  .maps-ficha-component #maps-ficha .gm-style-iw-t .gm-style-iw-c {
    min-width: 395px !important;
  }
}
@media (min-width: 64rem) {
  .maps-ficha-component #maps-ficha .gm-style-iw-t .gm-style-iw-c {
    width: 294px;
    min-width: 264px !important;
    min-height: 156px;
  }
}
@media (min-width: 80rem) {
  .maps-ficha-component #maps-ficha .gm-style-iw-t .gm-style-iw-c {
    min-width: 331px !important;
  }
}
@media (min-width: 90rem) {
  .maps-ficha-component #maps-ficha .gm-style-iw-t .gm-style-iw-c {
    min-width: 363px !important;
  }
}
.maps-ficha-component #maps-ficha .gm-style-iw-t .gm-style-iw-tc::after {
  content: none;
}
.maps-ficha-component #maps-ficha .card-component .card {
  padding: 0;
}
.maps-ficha-component #maps-ficha .card-component .card .info-card .soles {
  gap: 8px;
}
@media (min-width: 45rem) {
  .maps-ficha-component #maps-ficha .card-component .card .card__content .block-img-default, .maps-ficha-component #maps-ficha .card-component .card .card__content > picture {
    width: 166px;
    min-width: 166px;
  }
}
@media (min-width: 64rem) {
  .maps-ficha-component #maps-ficha .card-component .card .card__content .block-img-default, .maps-ficha-component #maps-ficha .card-component .card .card__content > picture {
    display: none;
  }
}
@media (min-width: 80rem) {
  .maps-ficha-component #maps-ficha .card-component .card .card__content .block-img-default, .maps-ficha-component #maps-ficha .card-component .card .card__content > picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    min-width: 140px;
  }
}
@media (min-width: 90rem) {
  .maps-ficha-component #maps-ficha .card-component .card .card__content .block-img-default, .maps-ficha-component #maps-ficha .card-component .card .card__content > picture {
    width: 166px;
    min-width: 166px;
  }
}
@media (min-width: 64rem) {
  .maps-ficha-component--content {
    margin-bottom: 64px;
  }
}
@media (min-width: 64rem) {
  .maps-ficha-component--content #maps-ficha {
    height: 304px;
  }
}
@media (min-width: 64rem) {
  .maps-ficha-component--aside {
    margin-bottom: 0;
  }
}
@media (min-width: 64rem) {
  .maps-ficha-component--aside #maps-ficha {
    height: 717px;
  }
}

.schedule-component * {
  margin: 0;
}
.schedule-component .schedule__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-block: 16px;
}
.schedule-component .schedule__list__item .open-hours {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .schedule-component .schedule__list__item .open-hours {
    -webkit-line-clamp: 1;
  }
}
.schedule-component--dropdown [class*=__details]::details-content {
  block-size: 0;
  overflow: hidden;
  -webkit-transition: block-size 600ms, content-visibility 600ms;
  transition: block-size 600ms, content-visibility 600ms;
  transition-behavior: allow-discrete;
}
.schedule-component--dropdown [class*=__details][open]::details-content {
  block-size: auto;
  block-size: calc-size(auto, size);
}
.schedule-component--dropdown [class*=__details][open] [class*=__summary] .icon-rp {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.schedule-component--dropdown [class*=__details] [class*=__summary] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  outline: 0;
  list-style: none;
}
.schedule-component--dropdown [class*=__details] [class*=__summary]::marker, .schedule-component--dropdown [class*=__details] [class*=__summary]::-webkit-details-marker {
  display: none;
  content: "";
}
.schedule-component--dropdown [class*=__details] [class*=__summary] .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.schedule-component--dropdown [class*=__details] [class*=__summary] .icon-rp::before {
  font-size: 1.25rem;
}
.schedule-component--dropdown [class*=__details] [class*=__summary] .icon-rp img {
  width: 100%;
  height: 100%;
}
.schedule-component--dropdown .schedule__summary {
  padding-block: 16px;
}
.schedule-component .title {
  padding-block: 16px;
}
.schedule-component.theme--light .hour-status.rp-hr-closed,
.schedule-component.theme--light .open-hours.rp-hr-closed {
  color: #E4002B;
}
.schedule-component.theme--light .hour-status .text,
.schedule-component.theme--light .open-hours .text {
  color: #727272;
}
.schedule-component.theme--dark .hour-status.rp-hr-closed, .schedule-component.theme--dark .hour-status.open-hours,
.schedule-component.theme--dark .hour-status .text,
.schedule-component.theme--dark .open-hours.rp-hr-closed,
.schedule-component.theme--dark .open-hours.open-hours,
.schedule-component.theme--dark .open-hours .text {
  color: #C7D5E1;
}
.schedule-component .hour-status.open {
  color: #00a074;
}

.hero__ficha.RESTAURANTE_SOL {
  padding-top: 32px;
  background-color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL {
    padding-top: 56px;
  }
}
@media (min-width: 80rem) {
  .hero__ficha.RESTAURANTE_SOL {
    padding-top: 48px;
  }
}
.hero__ficha.RESTAURANTE_SOL * {
  margin-bottom: 0;
}
.hero__ficha.RESTAURANTE_SOL *:not(.rp-btn-guia, .rp-btn-guia *) {
  color: #ffffff;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha {
  /* Imágenes y video */
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info--top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 16px;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info--top .hero__ficha__info__description {
  margin-top: 16px;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom {
  position: relative;
  padding-top: 64px;
  background-color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom {
    padding-top: 80px;
  }
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom .hero__ficha__info__secondary,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom .hero__ficha__assets {
    position: sticky;
    top: 64px;
  }
}
@media (min-width: 64rem) and (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom .hero__ficha__info__secondary,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom .hero__ficha__assets {
    top: 80px;
  }
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom .hero__ficha__info__secondary {
    width: calc(41.666666% - 10px);
    max-width: calc(41.666666% - 10px);
  }
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom .hero__ficha__assets {
    width: calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom .hero__ficha__info__description {
  margin-bottom: 40px;
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__info--bottom .hero__ficha__info__description {
    margin-top: 0;
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  line-height: 1rem;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info__category .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 2rem;
  width: 2rem;
  max-width: 2rem;
  min-height: 2rem;
  height: 2rem;
  max-height: 2rem;
  font-size: 2rem;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info__category .icon-rp::before {
  font-size: 2rem;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info__category .icon-rp img {
  width: 100%;
  height: 100%;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate * {
  color: rgba(255, 255, 255, 0.3);
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .rp-link-location,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .rp-link-location .icon-rp,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 0.875rem;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .rp-link-location .icon-rp::before,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate .icon-rp::before {
  font-size: 0.875rem;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .rp-link-location .icon-rp img,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate .icon-rp img {
  width: 100%;
  height: 100%;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .rp-link-location .text,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate .text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__info .rp-link-location .text,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate .text {
    -webkit-line-clamp: 1;
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .rp-hr-closed {
  padding: 4px 8px;
  color: #E4002B;
  background-color: #F2F2F2;
  border-radius: 4px;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .rp-link-location,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate {
  padding-top: 8px;
}
@media (min-width: 45rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__info .rp-link-location,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info .localitate {
    padding-top: 0;
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info__description, .hero__ficha.RESTAURANTE_SOL .hero__ficha__info__description * {
  font-family: "Roboto-Light";
  font-weight: 300;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info__description strong,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info__description b, .hero__ficha.RESTAURANTE_SOL .hero__ficha__info__description * strong,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info__description * b {
  font-family: "Roboto-Medium";
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 64px;
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__info__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info--top, .hero__ficha.RESTAURANTE_SOL .hero__ficha__info__container, .hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 1.2s 400ms ease-in, -webkit-transform 1.2s 400ms ease-in;
  transition: opacity 1.2s 400ms ease-in, -webkit-transform 1.2s 400ms ease-in;
  transition: opacity 1.2s 400ms ease-in, transform 1.2s 400ms ease-in;
  transition: opacity 1.2s 400ms ease-in, transform 1.2s 400ms ease-in, -webkit-transform 1.2s 400ms ease-in;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__info--top.animate--fadeIn, .hero__ficha.RESTAURANTE_SOL .hero__ficha__info__container.animate--fadeIn, .hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture.animate--fadeIn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__interaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__interaction .rp-btn-guia--save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__interaction .rp-btn-guia--save {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture {
  position: sticky;
  top: -180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 104px;
  height: calc(100vh + 210px);
  height: calc(100dvh + 210px);
  overflow: hidden;
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture {
    top: -260px;
    padding-top: 136px;
    height: calc(100vh + 260px);
    height: calc(100dvh + 260px);
  }
}
@media (min-width: 90rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture {
    top: -300px;
    height: calc(100vh + 300px);
    height: calc(100dvh + 300px);
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture::before {
  position: absolute;
  content: "\e904";
  top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-family: "Guia Icons";
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-animation: arrow 2s 1.3s infinite;
          animation: arrow 2s 1.3s infinite;
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture::before {
    top: 56px;
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  mask-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-sol-mask-mobile.svg?#");
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: top;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  background-color: var(--gr-blue-guia);
  -webkit-mask-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-sol-mask-mobile.svg?#");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  -webkit-mask-position: top;
  -webkit-mask-composite: exclude;
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture img {
    mask-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-sol-mask-desktop.svg?#");
    -webkit-mask-image: url("../../../content/dam/repsol-guia/guia-images/vectores/hero-sol-mask-desktop.svg?#");
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets {
  position: relative;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__picture,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: 4/3;
  opacity: 0;
  -webkit-transition: opacity 1.2s ease-in;
  transition: opacity 1.2s ease-in;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__picture.animate--fadeIn,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video.animate--fadeIn {
  opacity: 1;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__picture img,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__picture .guia-video-content,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__picture .guia-video-content .video__poster,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video img,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .video__poster {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__picture img,
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video img {
  aspect-ratio: 4/3;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video {
  cursor: pointer;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content {
  position: relative;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .video__content {
  height: 365px;
  display: none;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .video__content iframe#guia-video {
  border-radius: 8px;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .video__poster {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .video__poster .rp-btn-guia {
  width: 56px;
  height: 56px;
  padding: inherit;
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .video__poster .rp-btn-guia {
    width: 48px;
    height: 48px;
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .video__poster .rp-btn-guia .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-size: 1.25rem;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .video__poster .rp-btn-guia .icon::before {
  font-size: 1.25rem;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets .hero__ficha__video .guia-video-content .video__poster .rp-btn-guia .icon img {
  width: 100%;
  height: 100%;
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets__gallery {
  display: none;
}
@media (min-width: 64rem) {
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets__gallery {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 222px;
  }
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets__gallery .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 20px;
    width: 20px;
    max-width: 20px;
    min-height: 20px;
    height: 20px;
    max-height: 20px;
    font-size: 1.125rem;
  }
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets__gallery .icon::before {
    font-size: 1.125rem;
  }
  .hero__ficha.RESTAURANTE_SOL .hero__ficha__assets .hero__assets__gallery .icon img {
    width: 100%;
    height: 100%;
  }
}
.hero__ficha.RESTAURANTE_SOL .hero__ficha__picture, .hero__ficha.RESTAURANTE_SOL .hero__ficha__main__picture img {
  cursor: pointer;
}

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}

@keyframes arrow {
  0% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
.related-article-premium [class*=-component] .rp-guia-title-02 {
  margin-bottom: 24px;
}
@media (min-width: 45rem) {
  .related-article-premium [class*=-component] .rp-guia-title-02 {
    margin-bottom: 24px;
  }
}
.related-article-premium [class*=-component].theme--dark {
  background-color: var(--gr-blue-guia);
}
.related-article-premium [class*=-component].theme--dark * {
  color: #ffffff;
}
.related-article-premium [class*=-component].theme--dark .card__content {
  background-color: var(--gr-blue-guia);
}
@media (hover: hover) {
  .related-article-premium [class*=-component].theme--dark .card__content:hover .title {
    color: #DDDDDD;
  }
}
.related-article-premium [class*=-component].theme--dark .card__content .info-card .location {
  color: #ffffff;
}
.related-article-premium [class*=-component].theme--dark .card__content .block-img-default {
  background-color: rgba(247, 247, 247, 0.1);
}
.related-article-premium .card-component .group__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 80rem) {
  .related-article-premium .card-component .group__card--most-recently, .related-article-premium .card-component .group__card--second-most-recently {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2px 32px;
  }
}
.related-article-premium .card-component .group__card--second-most-recently {
  display: none;
}
@media (min-width: 80rem) {
  .related-article-premium .card-component .group__card--big .card,
.related-article-premium .card-component .group__card .column {
    width: calc(50% - 16px);
  }
}
.related-article-premium .card-component .group__card .card.reportaje-card {
  padding-block: 16px;
}
@media (min-width: 64rem) {
  .related-article-premium .card-component .group__card .card.reportaje-card {
    padding-inline: 0;
  }
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content, .related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content {
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content:hover, .related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content picture img,
.related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content .block-img-default, .related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content picture img,
.related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content .block-img-default {
  border-radius: 8px;
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content .info-card, .related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content .info-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content .info-card .info-card-content .title, .related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content .info-card .info-card-content .title {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-block: 8px;
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content .info-card-interaction, .related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content .info-card-interaction {
  display: none;
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content .info-card {
  padding: 12px 0 0;
}
@media (min-width: 64rem) {
  .related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content .info-card {
    padding-right: 0;
  }
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-xl .card__content .info-card .info-card-tag {
  position: static;
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 24px;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content .block-img-default,
.related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content picture {
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 114px;
  width: 114px;
  max-width: 114px;
  min-height: 114px;
  height: 114px;
  max-height: 114px;
  aspect-ratio: initial;
}
@media (min-width: 45rem) {
  .related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content .info-card {
    padding: 0;
  }
}
.related-article-premium .card-component .group__card .card.reportaje-card.card-s .card__content .info-card .info-card-content .location {
  position: static;
  width: auto;
  height: auto;
  min-height: auto;
}
.related-article-premium .card-component .rp-link-see-more {
  margin-top: 8px;
}
.related-article-premium .highlight-component {
  padding-block: 56px 0;
}
@media (min-width: 64rem) {
  .related-article-premium .highlight-component {
    padding-top: 96px;
  }
}
.related-article-premium .highlight-component .highlight__container {
  width: -webkit-fill-available;
  width: -moz-available;
}
.related-article-premium .highlight-component .highlight__container[data-num-cards="1"] .list-gene {
  margin-inline: -1rem;
}
@media (min-width: 45rem) {
  .related-article-premium .highlight-component .highlight__container[data-num-cards="1"] .list-gene {
    margin-inline: initial;
  }
}
.related-article-premium .highlight-component .highlight__container[data-num-cards="1"] .list-gene .card picture {
  border-radius: 0;
}
@media (min-width: 45rem) {
  .related-article-premium .highlight-component .highlight__container[data-num-cards="1"] .list-gene .card picture {
    border-radius: 8px;
  }
}
.related-article-premium .highlight-component .highlight__container[data-num-cards="1"] .list-gene .card .card__content {
  height: 540px;
}
@media (min-width: 64rem) {
  .related-article-premium .highlight-component .highlight__container[data-num-cards="1"] .list-gene .card .card__content {
    height: 600px;
  }
}
@media (min-width: 64rem) {
  .related-article-premium .highlight-component .highlight__container {
    position: sticky;
    top: 96px;
    width: 100%;
  }
}
.related-article-premium .highlight-component .highlight__container .list-gene {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: -webkit-fill-available;
  width: -moz-available;
  max-width: -webkit-fill-available;
  max-width: -moz-available;
  margin-top: 0;
}
@media (min-width: 45rem) {
  .related-article-premium .highlight-component .highlight__container .list-gene {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 64rem) {
  .related-article-premium .highlight-component .highlight__container .list-gene {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    will-change: transform;
  }
}
.related-article-premium .highlight-component .highlight__container .list-gene .card {
  width: 100%;
}
@media (min-width: 64rem) {
  .related-article-premium .highlight-component .highlight__container .list-gene .card {
    min-width: calc(100% - 16px);
  }
}
@media (min-width: 45rem) {
  .related-article-premium .highlight-component .highlight__container .list-gene .card .card__content {
    aspect-ratio: initial;
    height: 540px;
  }
}
@media (min-width: 64rem) {
  .related-article-premium .highlight-component .highlight__container .list-gene .card .card__content {
    height: calc(100vh - 232px);
  }
}
.related-article-premium .highlight-component .highlight__container .list-gene .card .block-img-default {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
}

.related-article-component .related-article__title {
  margin-bottom: 24px;
}
.related-article-component .related-article__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 16px;
}
.related-article-component .related-article__card:not(:first-of-type) {
  border-top: 1px solid;
  padding-top: 16px;
}
.related-article-component .related-article__card .related-article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 16px;
}
.related-article-component .related-article__card .related-article__info__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.related-article-component .related-article__card .related-article__info__tag .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 0.875rem;
  margin-right: 8px;
}
.related-article-component .related-article__card .related-article__info__tag .icon-rp::before {
  font-size: 0.875rem;
}
.related-article-component .related-article__card .related-article__info__tag .icon-rp img {
  width: 100%;
  height: 100%;
}
.related-article-component .related-article__card .related-article__info__title {
  margin-top: 4px;
  margin-bottom: 8px;
  color: #464646;
}
.related-article-component .related-article__card .related-article__info__description {
  color: #727272;
}
.related-article-component picture,
.related-article-component .related-article__placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 96px;
  min-width: 96px;
  max-height: 80px;
  min-height: 80px;
  border-radius: 8px;
}
.related-article-component picture img,
.related-article-component .related-article__placeholder img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.related-article-component .related-article__placeholder {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.related-article-component .related-article__placeholder__icon {
  /* Establecimientos*/
  /* Lugares */
  /* Contenidos */
  /* Acciones y momentos */
  /* Interacciones y procesos */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 38px;
  width: 38px;
  max-width: 38px;
  min-height: 38px;
  height: 38px;
  max-height: 38px;
  font-size: 38px;
}
.related-article-component .related-article__placeholder__icon.RESTAURANTE, .related-article-component .related-article__placeholder__icon.SOLETE-6 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg?#");
}
.related-article-component .related-article__placeholder__icon.SOLETE-1 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg?#");
}
.related-article-component .related-article__placeholder__icon.SOLETE-2 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg?#");
}
.related-article-component .related-article__placeholder__icon.SOLETE-3 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg?#");
}
.related-article-component .related-article__placeholder__icon.SOLETE-4 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg?#");
}
.related-article-component .related-article__placeholder__icon.SOLETE-5 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg?#");
}
.related-article-component .related-article__placeholder__icon.SOLETE-7 {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg?#");
}
.related-article-component .related-article__placeholder__icon.ATRACTIVO_NATURAL {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg?#");
}
.related-article-component .related-article__placeholder__icon.BODEGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg?#");
}
.related-article-component .related-article__placeholder__icon.CENTROS_DEPORTIVOS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg?#");
}
.related-article-component .related-article__placeholder__icon.ESTACION_ESQUI {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg?#");
}
.related-article-component .related-article__placeholder__icon.ESTACION_DE_SERVICIO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg?#");
}
.related-article-component .related-article__placeholder__icon.ESTACION_RECARGA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg?#");
}
.related-article-component .related-article__placeholder__icon.EXPERIENCIA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg?#");
}
.related-article-component .related-article__placeholder__icon.FIESTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg?#");
}
.related-article-component .related-article__placeholder__icon.LOCALIDAD {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg?#");
}
.related-article-component .related-article__placeholder__icon.LUGAR_EMBLEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg?#");
}
.related-article-component .related-article__placeholder__icon.MONUMENTO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg?#");
}
.related-article-component .related-article__placeholder__icon.MUSEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg?#");
}
.related-article-component .related-article__placeholder__icon.PARQUE_TEMATICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg?#");
}
.related-article-component .related-article__placeholder__icon.PARQUE_URBANO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg?#");
}
.related-article-component .related-article__placeholder__icon.PLAYA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg?#");
}
.related-article-component .related-article__placeholder__icon.PRODUCTO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg?#");
}
.related-article-component .related-article__placeholder__icon.PLATO_TIPICO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg?#");
}
.related-article-component .related-article__placeholder__icon.VINO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg?#");
}
.related-article-component .related-article__placeholder__icon.REPORTAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg?#");
}
.related-article-component .related-article__placeholder__icon.REPORTAJE_GASTRO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg?#");
}
.related-article-component .related-article__placeholder__icon.REPORTAJE_VIAJE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg?#");
}
.related-article-component .related-article__placeholder__icon.RECETA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg?#");
}
.related-article-component .related-article__placeholder__icon.RUTA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg?#");
}
.related-article-component .related-article__placeholder__icon.BRINDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg?#");
}
.related-article-component .related-article__placeholder__icon.COMER {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
}
.related-article-component .related-article__placeholder__icon.DESAYUNO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg?#");
}
.related-article-component .related-article__placeholder__icon.APERITIVO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg?#");
}
.related-article-component .related-article__placeholder__icon.COMIDA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg?#");
}
.related-article-component .related-article__placeholder__icon.TARDEO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg?#");
}
.related-article-component .related-article__placeholder__icon.CENA {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg?#");
}
.related-article-component .related-article__placeholder__icon.COPAS {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg?#");
}
.related-article-component .related-article__placeholder__icon.CALIFICAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg?#");
}
.related-article-component .related-article__placeholder__icon.GEOLOCALIZAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg?#");
}
.related-article-component .related-article__placeholder__icon.GUARDAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg?#");
}
.related-article-component .related-article__placeholder__icon.RETROALIMENTAR {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg?#");
}
.related-article-component .related-article__placeholder__icon.NOT_FOUND {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
}
.related-article-component .related-article__placeholder__icon.NO_ROUTE {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
}
.related-article-component .related-article__placeholder__icon.COMPLETADO {
  content: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
}
.related-article-component .related-article__placeholder__icon::before {
  font-size: 38px;
}
.related-article-component .related-article__placeholder__icon img {
  width: 100%;
  height: 100%;
}
.related-article-component.theme--dark {
  background-color: var(--gr-blue-guia);
}
.related-article-component.theme--dark .related-article__title, .related-article-component.theme--dark .related-article__info, .related-article-component.theme--dark .related-article__info__title {
  color: #ffffff;
}
.related-article-component.theme--dark .related-article__card {
  border-color: rgba(255, 255, 255, 0.6);
}
@media (hover: hover) {
  .related-article-component.theme--dark .related-article__card:hover .rp-title {
    color: #DDDDDD;
  }
}
.related-article-component.theme--dark .related-article__info__description {
  color: #C7D5E1;
}
.related-article-component.theme--dark .related-article__placeholder {
  background-color: rgba(247, 247, 247, 0.1);
}
.related-article-component.theme--light .related-article__card {
  border-color: #DDDDDD;
}
@media (hover: hover) {
  .related-article-component.theme--light .related-article__card:hover .rp-title {
    color: #016A7F;
  }
}
.related-article-component.theme--light .related-article__card .related-article__placeholder {
  background-color: #f8f8f8;
}
@media (min-width: 64rem) {
  .related-article-component.group-card-s .related-article__title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 32px;
  }
}
.related-article-component.group-card-m {
  padding-top: 64px;
}
@media (min-width: 64rem) {
  .related-article-component.group-card-m {
    padding-top: 96px;
  }
  .related-article-component.group-card-m .related-article__title {
    margin-bottom: 24px;
  }
  .related-article-component.group-card-m .related-article__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
  }
}
@media (min-width: 64rem) and (min-width: 80rem) {
  .related-article-component.group-card-m .related-article__group {
    gap: 32px;
  }
}
@media (min-width: 64rem) {
  .related-article-component.group-card-m .related-article__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 12px;
    width: -webkit-fill-available;
    width: -moz-available;
    max-width: calc(25% - 16px);
    border: none;
    padding-block: 0;
  }
}
@media (min-width: 64rem) and (min-width: 80rem) {
  .related-article-component.group-card-m .related-article__card {
    max-width: calc(25% - 24px);
  }
}
@media (min-width: 64rem) {
  .related-article-component.group-card-m .related-article__card .related-article__info__title {
    margin-top: 8px;
  }
}
@media (min-width: 64rem) {
  .related-article-component.group-card-m .related-article__card picture,
.related-article-component.group-card-m .related-article__card .related-article__placeholder {
    min-width: 100%;
    max-width: 100%;
    min-height: 168px;
    max-height: 168px;
  }
}
@media (min-width: 64rem) {
  .related-article-component.group-card-m .related-article__card .related-article__placeholder__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 72px;
    width: 72px;
    max-width: 72px;
    min-height: 72px;
    height: 72px;
    max-height: 72px;
    font-size: 72px;
  }
  .related-article-component.group-card-m .related-article__card .related-article__placeholder__icon::before {
    font-size: 72px;
  }
  .related-article-component.group-card-m .related-article__card .related-article__placeholder__icon img {
    width: 100%;
    height: 100%;
  }
}

.modal__booking-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  overflow-y: auto;
}
.modal__booking-component .loader.loader-hour .rp-loader .block {
  position: fixed !important;
}
.modal__booking-component.modal__booking-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  background-color: #f8f8f8;
}
.modal__booking-component .modal__booking__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 56px;
  padding-block: 12px;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__header {
    height: 80px;
  }
}
.modal__booking-component .modal__booking__header .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.modal__booking-component .modal__booking__header .header-container .header-layer-logo {
  width: 140px;
}
.modal__booking-component .modal__booking__header .icon-rp {
  color: #016A7F;
}
.modal__booking-component .modal__booking__main {
  width: 100%;
  height: 100%;
}
.modal__booking-component .modal__booking__main .booking-form-component {
  margin-block: 24px;
  padding: 16px;
  border-radius: 8px;
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component {
    max-width: 821px;
    margin: 72px auto;
    padding: 32px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-block#extras {
  margin-top: 24px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header,
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume {
  position: relative;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header::after,
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume::after {
  position: absolute;
  content: "";
  height: 1px;
  width: calc(100% + 32px);
  left: -16px;
  right: -16px;
  background-color: #DDDDDD;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-header::after,
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume::after {
    left: -32px;
    right: -32px;
    width: calc(100% + 64px);
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header-toggle-content .booking-form-image,
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-image {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header::after {
  bottom: -16px;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-header::after {
    bottom: -24px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header .booking-form-back-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header .booking-form-back-container .booking-form-back-link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid #DDDDDD;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header .booking-form-back-container .booking-form-back-link-container .icon-rp {
  color: #016A7F;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header .booking-form-progress-container {
  position: relative;
  width: 100%;
  height: 4px;
  margin-top: 16px;
  background-color: #DDDDDD;
  border-radius: 8px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header .booking-form-progress-container .booking-form-progress-bar {
  width: 0;
  height: 100%;
  background-color: #FF6200;
  border-radius: 8px;
  -webkit-transition: width 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, background-color 0.5s ease;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-header .booking-form-title {
  position: relative;
  margin-block: 16px;
  font-family: "Roboto-Regular";
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-header .booking-form-title {
    font-size: 24px;
    margin-block: 24px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume::after {
  bottom: 0;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume::after {
    margin-top: 24px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume .booking-form-button {
  height: 3rem;
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume .booking-form-button {
    height: 2.5rem;
  }
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume .booking-form-button {
    margin-bottom: 24px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle {
  margin-top: 32px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle {
    cursor: unset;
    margin-top: 24px;
    margin-bottom: 16px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle .rp-body-18 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle .rp-body-18 {
    font-size: 1.25rem;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle .icon-rp {
  color: #016A7F;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  margin-bottom: 31px;
  -webkit-transition: margin-bottom 0.1s ease;
  transition: margin-bottom 0.1s ease;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle .icon-rp.booking-form-icon-toggle-closed {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-bottom: 20px;
  -webkit-transition: margin-bottom 0.1s ease;
  transition: margin-bottom 0.1s ease;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle .icon-rp {
    display: none !important;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content--show {
  max-height: 500px;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-title {
  margin-bottom: 0;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-city {
  margin-bottom: 8px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-block: 20px;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-block: 16px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-data-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-data-value {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-data-value .icon-rp {
  margin-right: 12px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-resume-toggle-content .booking-form-data > span {
  margin-right: 16px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue {
  color: #ffffff;
  background-color: #016A7F;
  height: 3rem;
  margin-top: 16px;
  width: 100%;
  text-align: center;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue:hover {
  color: #ffffff;
  background-color: #00404D;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue:active {
  color: #ffffff;
  background-color: #00ADC3;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue:focus {
  border-color: #9CD1FF;
  outline: 0;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue:disabled, .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue.rp-disabled, .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue[disabled=disabled] {
  color: #AAAAAA;
  background-color: #DDDDDD;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue {
    height: 3rem;
  }
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue {
    margin-top: 20px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue-disabled {
  height: 3rem;
  margin-top: 16px;
  width: 100%;
  text-align: center;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue-disabled {
    height: 3rem;
  }
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-button-continue-disabled {
    margin-top: 24px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 16px;
  border-bottom: 1px solid #eeeeee;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-datepicker {
  max-width: 164px;
  font-size: 18px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-group-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-quantity {
  height: 40px;
  min-width: 40px;
  outline: 0;
  padding-inline: 0;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-quantity .icon-rp {
  margin-right: 0;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-counter-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-inline: 12px;
  width: 24px;
  font-family: "Roboto-Regular";
  font-size: 1.25rem;
  line-height: 32px;
  color: #016A7F;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-datepicker {
  min-width: 164px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-template-columns: repeat(2, auto);
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-datepicker .booking-form-datepicker {
  cursor: pointer;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  color: #016A7F;
  width: 100%;
  max-width: 103px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-datepicker .booking-form-datepicker:focus {
  outline: 0;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-datepicker .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
  margin-right: 0;
  justify-self: end;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-datepicker .icon-rp::before {
  font-size: 1.25rem;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-option .booking-form-button-datepicker .icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour {
  padding-top: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eeeeee;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-hour__text {
  margin-bottom: 24px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .loader .rp-loader {
  height: 210px;
  position: relative;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .loader .rp-loader.positionLoader {
  position: absolute;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #C0EBF2;
  border-radius: 8px;
  padding: 4px 0;
  margin-bottom: 24px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-button-group .booking-form-button-period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 32px;
  text-align: center;
  background-color: #C0EBF2;
  color: #016A7F;
  border: none;
  border-radius: 4px;
  padding: 4px 16px;
  cursor: pointer;
  margin-right: 4px;
  outline: none !important;
  /*&:focus {
     outline: 2px auto $turquoise-10;
  }*/
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-button-group .booking-form-button-period:hover {
  opacity: 0.8;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-button-group .booking-form-button-period {
    width: 49.5%;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-button-group .booking-form-button-period .booking-form-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.25rem;
  width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  height: 1.25rem;
  max-height: 1.25rem;
  font-size: 1.5rem;
  margin-right: 8px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-button-group .booking-form-button-period .booking-form-icon::before {
  font-size: 1.5rem;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-button-group .booking-form-button-period .booking-form-icon img {
  width: 100%;
  height: 100%;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-button-group .booking-form-button-period-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  color: #016A7F;
  border: none;
  border-radius: 4px;
  padding: 4px 16px;
  margin-left: 4px;
  margin-right: 4px;
  outline: none !important;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-button-group .booking-form-button-period-selected {
    width: 49.5%;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-hours {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-hours {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 16px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-hours .booking-form-hour-selectable {
  width: 71px;
  text-align: center;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  padding: 12px 17px;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 40px;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-hours .booking-form-hour-selectable {
    width: 80px;
    padding: 12px 22px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-hours .rp-body-14 {
  line-height: 1rem;
  letter-spacing: 0;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-hours .booking-form-hour-selected {
  background-color: #C0EBF2;
  border: 1px solid #00ADC3;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-availableDays {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-availableDays .booking-form-availableDays-img {
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg?#");
  height: 120px;
  width: 120px;
  margin-bottom: 16px;
  background-size: cover;
  background-position: center;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-availableDays-title {
  margin-bottom: 16px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-availableDays-description {
  text-align: center;
  margin-bottom: 24px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-availableDays .booking-form-container-available {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-availableDays .booking-form-container-available {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-availableDays .booking-form-container-available .available-btn {
  max-height: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 16px;
  font-size: 16px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-availableDays .booking-form-container-available .available-btn:nth-child(3) {
  grid-column: 1/span 2;
  justify-self: center;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step .booking-form-hour .booking-form-availableDays .booking-form-container-available .available-btn:nth-child(3) {
    grid-column: 3;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step label {
  margin-bottom: 0px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-guia {
  cursor: pointer;
  border: 1px solid #ced4da;
  border-radius: 8px;
  width: 311px;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-guia {
    width: 371px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-guia.is-clicked {
  border-color: #016A7F;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-toggle-guia {
  color: #727272;
  padding: 16px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-toggle-guia:after {
  font-family: "Guia Icons";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1.5rem;
  border: 0;
  color: #016A7F;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-toggle-guia:after::before {
  font-size: 1.5rem;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-toggle-guia:after img {
  width: 100%;
  height: 100%;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-toggle-guia[aria-expanded=false]:after {
  content: "\e904";
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-toggle-guia[aria-expanded=true]:after {
  content: "\e907";
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-toggle-guia.expanded {
  color: #464646;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-menu-guia {
  display: none;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-menu-guia.show {
  display: block;
  position: absolute;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  top: 57px;
  left: 0px;
  will-change: transform;
  z-index: 999;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-menu-guia.show .dropdown-item-guia {
  width: 311px;
  padding: 16px 24px;
  border-bottom: 1px solid #DDDDDD;
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-menu-guia.show .dropdown-item-guia {
    width: 371px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-1 .select-guia-options .dropdown-menu-guia.show .dropdown-item-guia:nth-child(2) {
  border-radius: 0 0 8px 8px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 label:not(.booking-form-checkbox-label) {
  margin-top: 16px;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 label:not(.booking-form-checkbox-label) {
    margin-top: 24px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .booking-form-hour__text {
  margin-bottom: 0;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list select option {
  background-color: #ffffff;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia {
  color: #016A7F;
  padding: 16px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 220px;
  height: 40px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia:before {
  font-family: "Guia Icons";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1.5rem;
  border: 0;
  color: #016A7F;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia:before::before {
  font-size: 1.5rem;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia:before img {
  width: 100%;
  height: 100%;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia:after {
  font-family: "Guia Icons";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 1.5rem;
  border: 0;
  color: #016A7F;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia:after::before {
  font-size: 1.5rem;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia:after img {
  width: 100%;
  height: 100%;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia[aria-expanded=false]:before {
  content: "\e923";
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia[aria-expanded=false]:after {
  content: "\e904";
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia[aria-expanded=true]:before {
  content: "\e923";
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-toggle-guia[aria-expanded=true]:after {
  content: "\e907";
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-menu-guia {
  display: none;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-menu-guia.show {
  display: block;
  position: absolute;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  top: 64px;
  will-change: transform;
  z-index: 999;
  cursor: pointer;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-menu-guia.show .dropdown-item-guia {
  width: 220px;
  padding: 16px 24px;
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-menu-guia.show .dropdown-item-guia {
    width: 220px;
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list .select-guia-options-interval .dropdown-menu-guia.show .dropdown-item-guia:nth-child(2) {
  border-radius: 0 0 8px 8px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list::after {
  position: absolute;
  content: "";
  height: 1px;
  width: calc(100% + 32px);
  left: -16px;
  right: -16px;
  background-color: #DDDDDD;
  bottom: 0;
}
@media (min-width: 64rem) {
  .modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-hour-container-waiting-list::after {
    left: -32px;
    right: -32px;
    width: calc(100% + 64px);
  }
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-input {
  padding: 16px;
  border: 1px solid #ced4da;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  width: -webkit-fill-available;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-input:focus {
  border-color: #C0EBF2;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(139, 197, 202, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(139, 197, 202, 0.25);
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-input__comments {
  height: 120px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .errorBorder {
  border-color: #E4002B;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .errorBorder:focus {
  border-color: #E4002B;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .error-msg {
  color: #E4002B;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-chart-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-chart-title .booking-form-chart-count {
  color: #727272;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-chart-title .booking-form-checkbox-label {
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 0;
  margin-bottom: 0;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-checkbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-checkbox-container .booking-form-checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 24px;
  height: 24px;
  border: 1px solid #00ADC3;
  border-radius: 3px;
  background-color: #C0EBF2;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-checkbox-container .booking-form-checkbox:checked::before {
  content: "\e91d";
  font-family: "Guia Icons" !important;
  color: #016A7F;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.125rem;
  width: 1.125rem;
  max-width: 1.125rem;
  min-height: 1.125rem;
  height: 1.125rem;
  max-height: 1.125rem;
  font-size: 1.125rem;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-checkbox-container .booking-form-checkbox:checked::before::before {
  font-size: 1.125rem;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-checkbox-container .booking-form-checkbox:checked::before img {
  width: 100%;
  height: 100%;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 .booking-form-checkbox-container .booking-form-checkbox-label {
  text-decoration: underline;
}
.modal__booking-component .modal__booking__main .booking-form-component .booking-form-step.step-2 > .booking-form-checkbox-container {
  margin-top: 24px;
}
.modal__booking-component .modal__booking__main .booking-form-component.ui-widget.ui-widget-content {
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14);
  border: none;
}
.modal__booking-component .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__booking-component .icon-rp::before {
  font-size: 1.25rem;
}
.modal__booking-component .icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__booking-component .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  height: 1rem;
  max-height: 1rem;
  font-size: 0.875rem;
}
.modal__booking-component .icon::before {
  font-size: 0.875rem;
}
.modal__booking-component .icon img {
  width: 100%;
  height: 100%;
}

.booking-form-select-container {
  position: relative;
  width: 100%;
}
@media (min-width: 64rem) {
  .booking-form-select-container {
    width: 49.5%;
  }
}

.booking-form-select {
  height: 46px;
  padding: 8px;
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #ced4da;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  width: 100%;
}
.booking-form-select::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 50px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.booking-form-select:focus {
  border-color: #C0EBF2;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(139, 197, 202, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(139, 197, 202, 0.25);
}

.page-detail .ui-datepicker.ui-widget.ui-widget-content {
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.14);
  border: none;
}
.page-detail .ui-datepicker .ui-datepicker-month {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 50%;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 1rem;
  line-height: 24px;
  color: #464646;
}
.page-detail .ui-datepicker .ui-datepicker-year {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 50%;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 1rem;
  line-height: 24px;
  color: #464646;
}
.page-detail .ui-widget-header {
  background: transparent;
  border: 0;
}
.page-detail .block-header {
  margin-bottom: 24px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media (min-width: 64rem) {
  .page-detail .block-header {
    margin-bottom: 40px;
  }
}
.page-detail .block-header .block-current {
  display: none;
}
.page-detail .block-header.rp-body-16:before {
  content: "";
  display: block;
  width: 100%;
  border-top: solid 1px #DDDDDD;
  margin-bottom: 32px;
}
@media (min-width: 64rem) {
  .page-detail .block-header.rp-body-16 {
    text-align: right;
    line-height: 48px;
  }
  .page-detail .block-header.rp-body-16:before {
    display: none;
  }
}
.page-detail .rp-dropdown {
  margin-bottom: 8px;
}
@media (min-width: 64rem) {
  .page-detail .rp-dropdown {
    margin-bottom: 20px;
  }
}
.page-detail .block-empty {
  display: none;
  height: 100%;
}
.page-detail .block-empty .container-empty {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 64rem) {
  .page-detail .block-empty .block-info {
    width: 50%;
  }
}
.page-detail .block-empty img {
  max-width: 256px;
  margin-bottom: 48px;
}

.overview-component {
  position: relative;
}
.overview-component .overview__left [class*=-component] {
  padding-top: 64px;
}
@media (min-width: 64rem) {
  .overview-component .overview__left [class*=-component] {
    padding-top: 96px;
  }
}
.overview-component .overview__left [class*=-component]:last-child {
  padding-top: 24px;
}
.overview-component .overview__left [class*=-component] [class*=-component] {
  padding-top: 0;
}
.overview-component .overview__left .large-spacing {
  padding-top: 64px !important;
}
@media (min-width: 64rem) {
  .overview-component .overview__left .large-spacing {
    padding-top: 96px !important;
  }
}
@media (min-width: 64rem) {
  .overview-component .overview__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 48px;
    z-index: 10;
  }
  .overview-component .overview__left {
    width: 58.333333%;
    max-width: 58.333333%;
  }
  .overview-component .overview__right {
    position: sticky;
    top: 0;
    width: 41.666666%;
    max-width: 41.666666%;
  }
  .overview-component .overview__right--notSticky {
    position: initial;
  }
}
@media (min-width: 80rem) {
  .overview-component .overview__container {
    gap: 72px;
  }
}
.overview-component .overview__vector {
  position: relative;
  content: "";
  bottom: -2px;
  width: 100%;
  min-height: 32px;
  aspect-ratio: 24/2;
  margin-top: 48px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/vectores/overview.svg?#");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 64rem) {
  .overview-component .overview__vector {
    margin-top: 96px;
    aspect-ratio: 28/2;
  }
}
.overview-component.RESTAURANTE_SOL {
  background-color: var(--gr-blue-guia);
}

.modal__booking__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
  padding-block: 12px;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
}
@media (min-width: 64rem) {
  .modal__booking__header {
    height: 80px;
  }
}
.modal__booking__header .header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.modal__booking__header .header-container .header-layer-logo {
  width: 140px;
}
.modal__booking__header .icon-rp {
  color: #016A7F;
  cursor: pointer;
}

.modal__booking-iframe-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
}
.modal__booking-iframe-component.modal__booking-iframe-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__booking-iframe-component .booking-iframe__container {
  position: relative;
  width: 100%;
  margin-inline: 24px;
  padding: 16px;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  height: calc(100dvh - 120px);
}
@media (min-width: 64rem) {
  .modal__booking-iframe-component .booking-iframe__container {
    padding: 32px;
    max-width: 1248px;
    height: 672px;
    max-height: 100%;
  }
}
.modal__booking-iframe-component .booking-iframe__container .booking-iframe__title {
  max-width: calc(100% - 48px);
  margin-bottom: 16px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  .modal__booking-iframe-component .booking-iframe__container .booking-iframe__title {
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 64rem) {
  .modal__booking-iframe-component .booking-iframe__container .booking-iframe__title {
    margin-bottom: 24px;
  }
}
.modal__booking-iframe-component .booking-iframe__container .booking-iframe__iframeEnbedded {
  position: relative;
  width: 100%;
  padding: 24px 16px 16px;
  border: none;
  height: calc(100% - 80px);
  background-color: #FCEFD6;
}
@media (min-width: 30rem) {
  .modal__booking-iframe-component .booking-iframe__container .booking-iframe__iframeEnbedded {
    height: calc(100% - 48px);
  }
}
@media (min-width: 64rem) {
  .modal__booking-iframe-component .booking-iframe__container .booking-iframe__iframeEnbedded {
    max-height: 552px;
  }
}
.modal__booking-iframe-component .booking-iframe__container .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
}
.modal__booking-iframe-component .booking-iframe__container .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__booking-iframe-component .booking-iframe__container .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.modal__booking-iframe-component .booking-iframe__container .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__booking-iframe-component .booking-iframe__container .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 16px;
  right: 16px;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .modal__booking-iframe-component .booking-iframe__container .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}
.modal__booking-iframe-component .booking-iframe__container .icon-rp::before {
  font-size: 1.5rem;
}
.modal__booking-iframe-component .booking-iframe__container .icon-rp img {
  width: 100%;
  height: 100%;
}

.modal__benefits {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
}
.modal__benefits.modal__benefits--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__benefits .benefits__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 822px;
  margin-inline: 24px;
  padding: 24px 16px 16px;
  background-color: #ffffff;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .modal__benefits .benefits__container {
    padding: 32px;
  }
}
.modal__benefits .benefits__container .benefits__title {
  max-width: calc(100% - 48px);
}
.modal__benefits .benefits__container .benefits__list {
  margin-bottom: 24px;
  padding-left: 20px;
  color: #727272;
}
.modal__benefits .benefits__container .benefits__list .benefits__list__item {
  list-style-type: disc;
}
.modal__benefits .benefits__container .benefits__list .benefits__list__item:not(:first-of-type) {
  margin-top: 4px;
}
.modal__benefits .benefits__container .benefits__list .benefits__list__item::marker {
  color: #016A7F;
}
@media (min-width: 64rem) {
  .modal__benefits .benefits__container .rp-btn-booking {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.modal__benefits .benefits__container .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__benefits .benefits__container .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.modal__benefits .benefits__container .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__benefits .benefits__container .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 24px;
  right: 16px;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .modal__benefits .benefits__container .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}

.modal__booking-error-component {
  background-color: #f8f8f8 !important;
  overflow-y: auto;
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
}
.modal__booking-error-component.modal__booking-error-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__booking-error-component .booking-error__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
  padding-block: 12px;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  padding-left: 16px;
}
@media (min-width: 64rem) {
  .modal__booking-error-component .booking-error__header {
    height: 80px;
  }
}
.modal__booking-error-component .booking-error__header .header-modal-booking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.modal__booking-error-component .booking-error__header .icon-rp {
  cursor: pointer;
  color: #016A7F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.5rem;
}
.modal__booking-error-component .booking-error__header .icon-rp::before {
  font-size: 1.5rem;
}
.modal__booking-error-component .booking-error__header .icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__booking-error-component .booking-error__container {
  position: relative;
  width: 100%;
  padding: 24px 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
}
@media (min-width: 64rem) {
  .modal__booking-error-component .booking-error__container {
    max-width: 821px;
    height: auto;
    padding: 0;
    margin-top: 72px;
  }
}
.modal__booking-error-component .booking-error__container .booking-error__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background: white;
  padding: 16px;
}
@media (min-width: 64rem) {
  .modal__booking-error-component .booking-error__container .booking-error__content {
    padding: 32px 32px 56px 32px;
  }
}
.modal__booking-error-component .booking-error__container .booking-error__content .booking-error-availability-img {
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg?#");
  width: 160px;
  height: 160px;
  background-size: cover;
  background-position: center;
}
.modal__booking-error-component .booking-error__container .booking-error__content .booking-error__title {
  font-family: "Roboto-Medium";
  margin-bottom: 32px;
  text-align: center;
  margin-left: -12px;
  margin-right: -12px;
}
@media (min-width: 64rem) {
  .modal__booking-error-component .booking-error__container .booking-error__content .booking-error__title {
    margin-bottom: 24px;
    max-width: 756px;
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
  }
}
.modal__booking-error-component .booking-error__container .booking-error__content .booking-error__text {
  margin-bottom: 24px;
  text-align: center;
}
.modal__booking-error-component .booking-error__container .booking-error__content .booking-error__text p {
  margin-bottom: 0;
}
.modal__booking-error-component .booking-error__container .booking-error__content .booking-error__button {
  width: 100%;
}
@media (min-width: 64rem) {
  .modal__booking-error-component .booking-error__container .booking-error__content .booking-error__button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.modal__booking-error-component .booking-error__container .booking-error__content.booking-error__tecnical .tecnical-error__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (min-width: 64rem) {
  .modal__booking-error-component .booking-error__container .booking-error__content.booking-error__tecnical .tecnical-error__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: auto;
  }
}
.modal__booking-error-component .booking-error__container .booking-error__content.booking-error__tecnical .booking-error-tecnical-img {
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg?#");
  width: 160px;
  height: 160px;
  background-size: cover;
  background-position: center;
}

.modal__booking-leave-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  z-index: 121;
}
.modal__booking-leave-component.modal__booking-leave-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__booking-leave-component .booking-leave__container {
  position: absolute;
  bottom: 0;
  padding: 24px 16px 16px;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #ffffff;
}
@media (min-width: 45rem) {
  .modal__booking-leave-component .booking-leave__container {
    position: relative;
    max-width: 478px;
  }
}
@media (min-width: 64rem) {
  .modal__booking-leave-component .booking-leave__container {
    max-width: 822px;
    padding: 32px;
  }
}
.modal__booking-leave-component .booking-leave__container .icon-rp {
  z-index: 2;
}
.modal__booking-leave-component .booking-leave__container .icon-rp.icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__booking-leave-component .booking-leave__container .icon-rp.icon-rp::before {
  font-size: 1.25rem;
}
.modal__booking-leave-component .booking-leave__container .icon-rp.icon-rp img {
  width: 100%;
  height: 100%;
}
.modal__booking-leave-component .booking-leave__container .icon-rp.icon-rp.icon-rp-Cross {
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  color: var(----gr-blue-guia);
  cursor: pointer;
}
@media (min-width: 64rem) {
  .modal__booking-leave-component .booking-leave__container .icon-rp.icon-rp.icon-rp-Cross {
    top: 32px;
    right: 32px;
  }
}
@media (min-width: 45rem) {
  .modal__booking-leave-component .booking-leave__container .icon-rp {
    top: 32px;
    right: 32px;
  }
}
.modal__booking-leave-component .booking-leave__container .booking-leave__info {
  width: 100%;
}
.modal__booking-leave-component .booking-leave__container .booking-leave__info .rp-subheadline {
  max-width: calc(100% - 30px);
}
.modal__booking-leave-component .booking-leave__container .booking-leave__info .rp-body-16 {
  color: #727272;
}
.modal__booking-leave-component .booking-leave__container .booking-leave__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 16px;
  margin-top: 24px;
}
@media (min-width: 64rem) {
  .modal__booking-leave-component .booking-leave__container .booking-leave__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 32px;
  }
}
@media (min-width: 64rem) {
  .modal__booking-leave-component .booking-leave__container .booking-leave__buttons .cancel-button,
.modal__booking-leave-component .booking-leave__container .booking-leave__buttons .leave-button {
    width: 223px;
  }
}
.modal__booking-leave-component .booking-leave__container--hide .booking-leave__info .rp-subheadline,
.modal__booking-leave-component .booking-leave__container--hide .booking-leave__info .rp-body-16,
.modal__booking-leave-component .booking-leave__container--hide .booking-leave__buttons {
  display: none;
}

.modal__booking-waiting-list-component {
  background-color: #f8f8f8 !important;
  overflow-y: auto;
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
}
.modal__booking-waiting-list-component.modal__booking-waiting-list-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal__booking-waiting-list-component .booking-waiting-list__container {
  position: relative;
  width: 100%;
  padding: 24px 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
}
@media (min-width: 64rem) {
  .modal__booking-waiting-list-component .booking-waiting-list__container {
    max-width: 821px;
    height: auto;
    padding: 0;
    margin-top: 72px;
  }
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background: white;
  padding: 16px;
}
@media (min-width: 64rem) {
  .modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content {
    padding: 32px 32px 56px 32px;
  }
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list__title {
  margin-bottom: 24px;
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list__title {
    font-size: 1.25rem;
  }
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-header {
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  text-align: center;
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-header .card__placeholder {
  width: 160px;
  height: 160px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
  background-size: cover;
  background-position: center;
  margin: auto;
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-body {
  text-align: center;
  margin-bottom: 32px;
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-body ul {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
@media (min-width: 64rem) {
  .modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-body ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
  }
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-body ul li:not(:last-child) {
  margin-bottom: 8px;
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-body ul .icon-rp {
  margin-right: 8px;
  font-size: 24px;
  vertical-align: middle;
}
@media (min-width: 64rem) {
  .modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-body ul .icon-rp {
    margin-right: 12px;
  }
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
@media (min-width: 64rem) {
  .modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer .booking-waiting-list__txt {
  margin-bottom: 24px;
  width: 100%;
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer .booking-waiting-list__btn {
  width: 100%;
}
@media (min-width: 64rem) {
  .modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer .booking-waiting-list__btn {
    width: auto;
    min-width: 217px;
  }
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer .booking-waiting-list__btn:not(:last-child) {
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer .booking-waiting-list__btn:not(:last-child) {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer .booking-waiting-list__btn .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer .booking-waiting-list__btn .icon-rp::before {
  font-size: 1.25rem;
}
.modal__booking-waiting-list-component .booking-waiting-list__container .booking-waiting-list__content .booking-waiting-list-footer .booking-waiting-list__btn .icon-rp img {
  width: 100%;
  height: 100%;
}

.modal__booking-component {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(69, 69, 69, 0.8);
  background-color: #f8f8f8;
  overflow-y: auto;
}
.modal__booking-component.modal__booking-component--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__booking-component .modal__booking__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 32px;
}
.modal__booking-component .modal__booking__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.modal__booking-component .modal__booking__list__item .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__booking-component .modal__booking__list__item .icon-rp::before {
  font-size: 1.25rem;
}
.modal__booking-component .modal__booking__list__item .icon-rp img {
  width: 100%;
  height: 100%;
}

.modal__booking-component--confirmation .booking-confirmation__container {
  position: relative;
  width: 100%;
  padding: 24px 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
}
@media (min-width: 64rem) {
  .modal__booking-component--confirmation .booking-confirmation__container {
    max-width: 821px;
    height: auto;
    padding: 0;
    margin-top: 72px;
  }
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background: white;
  padding: 16px;
}
@media (min-width: 45rem) {
  .modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content {
    padding: 32px;
  }
}
@media (min-width: 64rem) {
  .modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content {
    padding-bottom: 56px;
  }
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation__title {
  margin-bottom: 24px;
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 2rem;
}
@media (min-width: 64rem) {
  .modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation__title {
    font-size: 1.25rem;
  }
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-header {
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  text-align: center;
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-header .card__placeholder {
  width: 160px;
  height: 160px;
  background-image: url("../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg?#");
  background-size: cover;
  background-position: center;
  margin: auto;
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
@media (min-width: 64rem) {
  .modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer .booking-confirmation__txt {
  margin-bottom: 24px;
  width: 100%;
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer .booking-confirmation__btn {
  width: 100%;
}
@media (min-width: 64rem) {
  .modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer .booking-confirmation__btn {
    width: auto;
    min-width: 217px;
  }
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer .booking-confirmation__btn:not(:last-child) {
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer .booking-confirmation__btn:not(:last-child) {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer .booking-confirmation__btn .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  height: 1.5rem;
  max-height: 1.5rem;
  font-size: 1.25rem;
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer .booking-confirmation__btn .icon-rp::before {
  font-size: 1.25rem;
}
.modal__booking-component--confirmation .booking-confirmation__container .booking-confirmation__content .booking-confirmation-footer .booking-confirmation__btn .icon-rp img {
  width: 100%;
  height: 100%;
}

[class^=modal__booking] .feedback-component .feedback__container {
  border-radius: 0;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
[class^=modal__booking].modal__booking-component--confirmation .feedback-component .feedback__container .feedback__step[data-step="2"] .rp-guia-title-03 {
  text-align: center;
}
[class^=modal__booking].modal__booking-component--confirmation .feedback-component .feedback__container .feedback__step.feedback__step__thank .feedback__microillustration {
  display: none;
}
[class^=modal__booking].modal__booking-leave-component .feedback-component {
  padding-block: 0;
}
[class^=modal__booking]:not(.modal__booking-leave-component) .feedback-component {
  padding-block: 40px 16px;
}
@media (min-width: 64rem) {
  [class^=modal__booking]:not(.modal__booking-leave-component) .feedback-component {
    padding-bottom: 24px;
  }
}
@media (min-width: 45rem) {
  [class^=modal__booking]:not(.modal__booking-leave-component) .feedback-component .feedback__container {
    min-width: 608px;
  }
}

.sustainable-practices-component {
  padding-block: 32px;
}
@media (min-width: 64rem) {
  .sustainable-practices-component {
    padding-block: 40px;
  }
}
@media (min-width: 90rem) {
  .sustainable-practices-component {
    padding-block: 48px;
  }
}
.sustainable-practices-component * {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .sustainable-practices-component .sustainable-practices__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2rem;
  }
}
.sustainable-practices-component .sustainable-practices__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
}
@media (min-width: 64rem) {
  .sustainable-practices-component .sustainable-practices__list {
    gap: 1rem;
    width: 66.666666%;
    margin-top: 0;
  }
}
@media (min-width: 64rem) {
  .sustainable-practices-component .sustainable-practices__list {
    gap: 72px 32px;
  }
}
.sustainable-practices-component .sustainable-practices__list__item, .sustainable-practices-component .sustainable-practices__list__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sustainable-practices-component .sustainable-practices__list__item {
  gap: 24px;
}
@media (min-width: 45rem) {
  .sustainable-practices-component .sustainable-practices__list__item {
    width: calc(50% - 16px);
  }
}
.sustainable-practices-component .sustainable-practices__list__item .icon-rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 2rem;
  width: 2rem;
  max-width: 2rem;
  min-height: 2rem;
  height: 2rem;
  max-height: 2rem;
  font-size: 26px;
}
.sustainable-practices-component .sustainable-practices__list__item .icon-rp::before {
  font-size: 26px;
}
.sustainable-practices-component .sustainable-practices__list__item .icon-rp img {
  width: 100%;
  height: 100%;
}
.sustainable-practices-component .sustainable-practices__list__text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.sustainable-practices-component .sustainable-practices__list__text .item__subtitle {
  color: #727272;
}

.page-privacy .rp-guia-container {
  padding: 32px 20px 48px;
}
@media (min-width: 64rem) {
  .page-privacy .rp-guia-container {
    padding: 52px 0 52px;
  }
}
.page-privacy .rp-guia-container h1,
.page-privacy .rp-guia-container h1 * {
  font-family: "Roboto-Medium";
  font-size: 29px;
  line-height: 40px;
  margin-bottom: 16px;
  color: var(--gr-blue-guia);
}
@media (min-width: 64rem) {
  .page-privacy .rp-guia-container h1,
.page-privacy .rp-guia-container h1 * {
    font-size: 43px;
    margin-left: 16.6666%;
    margin-right: 16.6666%;
    -webkit-box-flex: 0;
    max-width: 66.6667%;
    -ms-flex: 0 0 66.6667%;
        flex: 0 0 66.6667%;
    line-height: 56px;
    margin-bottom: 32px;
  }
}
.page-privacy .rp-guia-container .text {
  width: 100%;
}
@media (min-width: 64rem) {
  .page-privacy .rp-guia-container .text {
    margin: 0 16.6666%;
    -webkit-box-flex: 0;
    max-width: 66.6667%;
    -ms-flex: 0 0 66.6667%;
        flex: 0 0 66.6667%;
  }
}
.page-privacy .rp-guia-container .text a {
  color: #016A7F;
  font-weight: bolder;
}
.page-privacy h1,
.page-privacy h2,
.page-privacy h3,
.page-privacy h4,
.page-privacy h5,
.page-privacy h6,
.page-privacy .h1,
.page-privacy .h2,
.page-privacy .h3,
.page-privacy .h4,
.page-privacy .h5,
.page-privacy .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.page-privacy h1,
.page-privacy .h1 {
  font-size: 2.5rem;
}
.page-privacy h2,
.page-privacy .h2 {
  font-size: 2rem;
}
.page-privacy h3,
.page-privacy .h3 {
  font-size: 1.75rem;
}
.page-privacy h4,
.page-privacy .h4 {
  font-size: 1.5rem;
}
.page-privacy h5,
.page-privacy .h5 {
  font-size: 1.25rem;
}
.page-privacy h6,
.page-privacy .h6 {
  font-size: 1rem;
}

/* Background color body */
body.page-report-article--special {
  background-color: #f8f8f8;
}

#untouchableVeil {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  width: 100%;
  height: 75vh;
  padding: 195px 20px 0;
  color: #ffffff;
  background-size: cover;
  -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}
@media (min-width: 64rem) {
  #untouchableVeil {
    padding: 0 96px 0;
  }
}
#untouchableVeil .veilContent {
  position: absolute;
  width: calc(100% - 40px);
}
@media (min-width: 64rem) {
  #untouchableVeil .veilContent {
    width: 42vw;
  }
}
#untouchableVeil .veilContent .pretitle {
  color: #ffffff;
}
#untouchableVeil .veilContent .title {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 700;
  color: #ffffff;
  margin: 12px 0 24px;
  font-size: 29px;
  line-height: 40px;
}
@media (min-width: 64rem) {
  #untouchableVeil .veilContent .title {
    margin: 24px 0;
    font-size: 43px;
    line-height: 56px;
  }
}
#untouchableVeil .veilContent .desc p {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-top: 24px;
  color: #ffffff;
  margin-bottom: 40px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (min-width: 64rem) {
  #untouchableVeil .veilContent .desc p {
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 64rem) {
  #untouchableVeil .veilContent .desc p {
    font-size: 1.25rem;
    line-height: 32px;
  }
}
#untouchableVeil .veilContent .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}
#untouchableVeil .hero-article-interaction {
  top: unset;
  bottom: -28px;
}
@media (min-width: 64rem) {
  #untouchableVeil .hero-article-interaction {
    position: absolute;
    top: unset;
    right: 20px;
    padding-left: 36px;
  }
}
#untouchableVeil.isAuthorMode {
  height: 689px;
}
@media (min-width: 64rem) {
  #untouchableVeil.isAuthorMode {
    padding: 50px 96px 0;
  }
}

div#wrapperParent {
  height: 75vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-bottom: 48px;
}
div#wrapperParent #iframeYoutubeWrapper {
  position: relative;
  padding-bottom: 74vh;
  padding-top: 25px;
  height: 0;
  cursor: none;
}
@media (min-width: 64rem) {
  div#wrapperParent #iframeYoutubeWrapper {
    padding-bottom: 55.25%;
  }
}
div#wrapperParent #iframeYoutubeWrapper #iframeYoutube {
  position: absolute;
  top: 0;
  left: -100%;
  width: 300%;
  height: 100%;
}
@media (min-width: 64rem) {
  div#wrapperParent #iframeYoutubeWrapper #iframeYoutube {
    left: 0;
    width: 100%;
  }
}
div#wrapperParent.isAuthorMode {
  height: 689px;
}
div#wrapperParent.isAuthorMode #iframeYoutubeWrapper {
  padding-bottom: 689px;
}

.hero-text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 0;
  padding-left: 0;
}
.hero-text-content .hero-text-author {
  width: 50%;
}
@media (min-width: 45rem) {
  .hero-text-content .hero-text-author {
    width: auto;
  }
}
.hero-text-content .hero-text-content-separator {
  display: none;
}
@media (min-width: 45rem) {
  .hero-text-content .hero-text-content-separator {
    margin: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.hero-text-content .hero-text-photography {
  width: 50%;
  text-align: right;
}
@media (min-width: 45rem) {
  .hero-text-content .hero-text-photography {
    width: auto;
    text-align: inherit;
  }
}
.hero-text-content .dateBox,
.hero-text-content .authorBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #757575;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.hero-text-content .dateBox > p {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #757575;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.hero-text-content .dateBox > p:first-child {
  margin-right: 5px;
}
.hero-text-content .authorBox {
  margin-right: 0px;
}
@media (min-width: 64rem) {
  .hero-text-content .authorBox {
    margin-right: 64px;
  }
}
.hero-text-content p {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #757575;
}
.hero-text-content p span a,
.hero-text-content p .author__link {
  color: #016A7F;
}

.hero-article .hero-article-video-component {
  background-color: #ffffff;
}
.hero-article .hero-article-video-component .container .col-12 {
  padding-left: 0;
  padding-right: 0;
}
.hero-article .hero-article-video-component .container .col-12 .hero-text-content .authoring {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.hero-article .hero-article-video-component .container .col-12 .hero-text-content .authoring .dateBox > p,
.hero-article .hero-article-video-component .container .col-12 .hero-text-content .authoring .descriptionBox > p {
  margin-bottom: 8px;
}
.hero-article .hero-article-video-component .container .col-12 .hero-text-content .authoring .authorBox p {
  margin-bottom: 0;
}
.hero-article .hero-article-video-component .container .col-12 .hero-text-content .authoring .descriptionBox {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-positive: 0;
      flex-grow: 0;
}
@media (min-width: 1440px) {
  .hero-article .hero-article-video-component .container .col-12 .hero-text-content .authoring .descriptionBox {
    top: initial;
    bottom: 0;
  }
}
.hero-article .hero-article-video-component .container .col-12 .hero-text-content .authoring .descriptionBox > p {
  margin-bottom: 0;
}
.hero-article .hero-article-video-component .desc {
  margin-top: 24px;
  margin-bottom: 76px;
  padding: 0;
  font-family: "Roboto-Medium";
  font-size: 20px;
  line-height: 26px;
  color: #464646;
}
.hero-article .hero-article-video-component .desc::after {
  position: absolute;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-description.png");
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  bottom: -52px;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-video-component .desc::after {
    bottom: auto;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-video-component .desc {
    margin-top: 32px;
    margin-bottom: 58px;
  }
}
@media (min-width: 90rem) {
  .hero-article .hero-article-video-component .desc {
    font-size: 22px;
    line-height: 34px;
  }
}
.hero-article .hero-article-image-component {
  background-color: #ffffff;
}
.hero-article .hero-article-image-component .block-img-maps {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1441px) and (max-width: 1850px) {
  .hero-article .hero-article-image-component .block-img-maps .block-img img {
    width: calc(100% - 16px);
  }
}
.hero-article .hero-article-image-component .block-img-maps .block-maps {
  display: none;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component .block-img-maps .block-maps {
    display: block;
  }
}
.hero-article .hero-article-image-component .hero-article-img-link {
  cursor: pointer;
}
.hero-article .hero-article-image-component .hero-article-img-link img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: zoom-in 5s linear;
          animation: zoom-in 5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component .hero-article-img-link img {
    min-height: 313px;
    height: 31.0945273632vw;
  }
}
.hero-article .hero-article-image-component .hero-old-content {
  background-color: #f8f8f8;
}
@media (min-width: 90rem) {
  .hero-article .hero-article-image-component .hero-old-content .hero-article-img-link img {
    width: 1020px;
    height: 509px;
  }
}
.hero-article .hero-article-image-component .desc {
  position: relative;
  padding-bottom: 76px;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component .desc {
    padding-bottom: 34px;
  }
}
.hero-article .hero-article-image-component .desc::after {
  position: absolute;
  left: 0;
  bottom: 18px;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-description.png");
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component .desc::after {
    bottom: -24px;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component .desc::after {
    bottom: -14px;
  }
}
.hero-article .block-img img {
  width: 100%;
  height: 281px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: zoom-in 5s linear;
          animation: zoom-in 5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media (min-width: 64rem) {
  .hero-article .block-img img {
    min-height: 313px;
    height: 31.0945273632vw;
  }
}
.hero-article .hero-img-info {
  background-color: #ffffff;
}
@media (min-width: 64rem) {
  .hero-article .hero-img-info {
    background-color: transparent;
  }
}
.hero-article .hero-img-info .row {
  padding-left: 0px;
  padding-right: 0px;
}
.hero-article .hero-img-info .row .hero-img-info-content {
  padding: 44px 8px 0px 8px;
  position: relative;
  background-color: transparent;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-animation: zoom-up 2s linear;
          animation: zoom-up 2s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-transition: padding 0.3s linear;
  transition: padding 0.3s linear;
  width: -webkit-fill-available;
  width: -moz-available;
}
@media (min-width: 64rem) {
  .hero-article .hero-img-info .row .hero-img-info-content {
    background-color: #ffffff;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-radius: 8px 8px 0 0;
    padding: 44px 38px 40px;
    top: -40px;
    margin-bottom: -40px;
    max-width: calc(66.666% - 96px);
    margin-left: 48px;
  }
}
@media (min-width: 90rem) {
  .hero-article .hero-img-info .row .hero-img-info-content {
    max-width: calc(66.666% - 162px);
    margin-left: 82px;
    padding-inline: 32px;
  }
}
@media (min-width: 120rem) {
  .hero-article .hero-img-info .row .hero-img-info-content {
    max-width: calc(66.666% - 30px);
    margin-left: -25px;
  }
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0px;
  padding-right: 0px;
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .desc {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin-top: 24px;
  color: #464646;
}
@media (min-width: 64rem) {
  .hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .desc {
    margin-top: 40px;
  }
}
@media (min-width: 90rem) {
  .hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .desc {
    font-size: 22px;
    line-height: 34px;
  }
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .desc * {
  color: #464646;
  font-size: 20px;
  line-height: 32px;
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .dateBox p {
  margin-bottom: 8px;
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .authorBox p {
  margin-bottom: 0px;
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .descriptionBox {
  position: absolute;
  right: 0;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #757575;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-positive: 0;
      flex-grow: 0;
}
@media (min-width: 1440px) {
  .hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .descriptionBox {
    bottom: 0;
  }
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .descriptionBox p {
  margin-bottom: 8px;
}
@media (min-width: 1440px) {
  .hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .descriptionBox p {
    margin-bottom: 0px;
  }
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .descriptionBox .galleryCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 1rem;
  position: absolute;
  top: 64px;
  right: 20px;
}
@media (min-width: 64rem) {
  .hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .descriptionBox .galleryCount {
    position: relative;
    top: unset;
    right: unset;
  }
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .descriptionBox .galleryCount .text {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.25px;
  color: #ffffff;
  margin-top: 2px;
}
.hero-article .hero-img-info .row .hero-img-info-content .hero-text-content .authoring .descriptionBox .galleryCount .photoicon {
  font-size: 20px;
  color: #ffffff;
  margin-left: 6px;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back {
    display: block;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue {
  background-color: var(--gr-blue-guia);
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .title,
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .pretitle,
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .rp-caption,
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .rp-caption * {
  color: #ffffff;
}
@media (hover: hover) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .rp-caption span {
    color: #ffffff;
  }
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .rp-caption span:hover {
    opacity: 0.75;
  }
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .rp-caption span:active {
    opacity: 0.5;
  }
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .rp-caption span:disabled, .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .rp-caption span.btn-disabled {
    opacity: 0.3;
  }
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundBlue .rp-caption span:focus {
    border-color: #9CD1FF;
    outline: 0;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.block-gene--backgroundGrey {
  background-color: #f8f8f8;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene {
    position: relative;
    min-height: auto;
    height: 40.6504065041vw;
    background-color: #f8f8f8;
  }
}
@media (min-width: 120rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene {
    max-height: 644px;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .container-n {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 45rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .container-n {
    max-width: 100%;
  }
}
@media (min-width: 120rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .container-n {
    max-width: 1504px;
    margin-left: auto;
    margin-right: auto;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-article-img-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 250px;
  z-index: 1;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-article-img-link {
    position: absolute;
    right: 0;
    width: 54%;
    min-height: 100%;
    height: 40.6504065041vw;
  }
}
@media (min-width: 120rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-article-img-link {
    width: 64%;
    max-height: 644px;
    padding-left: 110px;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-article-img-link picture {
  width: 100%;
  height: 100%;
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-article-img-link picture img {
  width: 100%;
  height: 100%;
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info {
  position: relative;
  background-color: transparent;
}
@media (min-width: 80rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info.container {
    max-width: 1152px;
  }
}
@media (min-width: 90rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info.container {
    max-width: 1248px;
  }
}
@media (min-width: 120rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info.container {
    max-width: 1504px;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 0;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content {
  padding-bottom: 24px;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 40%;
    height: 100%;
    margin: 0;
    padding: 0 8px;
    background-color: transparent;
    -webkit-transition: none;
    transition: none;
    -webkit-animation: none;
            animation: none;
  }
}
@media (min-width: 120rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content {
    width: 36%;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .title {
    font-size: 29px;
    line-height: 40px;
  }
}
@media (min-width: 80rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .title {
    font-size: 43px;
    line-height: 56px;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .authoring {
  margin-top: 16px;
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .authoring .date-box-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    margin-top: 8px;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .authoring .date-box-desc .date-dash {
  margin-left: 5px;
  display: none;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .authoring .date-box-desc .date-dash {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .authoring .date-box-desc .descriptionBox {
    position: relative;
    margin-right: 5px;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .authoring .date-box-desc .dateBox > p:last-of-type {
  margin-left: 0;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .authoring .date-box-desc .dateBox > p {
    margin-left: 5px;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .rp-btn-guia {
  margin-top: 24px;
  width: 100%;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-img-info-content .hero-text-content .rp-btn-guia {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 721px) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-article-interaction {
    right: 0;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene .hero-img-info .hero-img-info__container .hero-article-interaction {
    position: absolute;
    bottom: -24px;
    top: inherit;
    max-width: 33.33333%;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.hero-article--withoutImg {
  padding-top: 36px;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back > .block-gene.hero-article--withoutImg {
    padding-top: 0;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description {
  padding: 24px 4px 0;
  z-index: 2;
}
@media (min-width: 45rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description {
    padding-inline: 20px;
  }
}
@media (min-width: 721px) {
  .hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description {
    padding-inline: 8px;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description {
    position: relative;
    top: -40px;
    width: calc(66.666% - 96px);
    margin-bottom: -40px;
    margin-left: 48px;
    padding: 32px 38px 58px;
    -webkit-animation: zoom-up 2s linear;
            animation: zoom-up 2s linear;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-transition: padding 0.3s linear;
    transition: padding 0.3s linear;
    background-color: #ffffff;
    border-radius: 8px 8px 0 0;
  }
}
@media (min-width: 64rem) and (min-width: 90rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description {
    width: calc(66.666% - 162px);
    margin-left: 82px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 64rem) and (min-width: 120rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description {
    width: calc(66.666% - 204px);
    margin-left: 102px;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description .desc {
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description .desc {
    margin: 0;
    padding: 0;
    font-family: "Roboto-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #464646;
  }
  .hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description .desc * {
    color: #464646;
    font-size: 20px;
    line-height: 32px;
  }
}
@media (min-width: 90rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description .desc {
    font-size: 22px;
    line-height: 34px;
  }
}
.hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description .desc::after {
  position: absolute;
  left: 0;
  bottom: 18px;
  content: url("../../../content/dam/repsol-guia/guia-images/vectores/trazo-description.png");
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .v2Back .container__description .description .desc::after {
    bottom: -49px;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .back {
    display: none;
  }
  .hero-article .hero-article-image-component.v2Hero > div > div > .container-n {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 64rem) and (max-width: 90rem) {
  .hero-article .hero-article-image-component.v2Hero > div > div > .container-n {
    position: static;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .hero-text-content .authorBox {
    margin: 0;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.v2Hero .descriptionBox {
    position: relative;
  }
}
.hero-article.hero-article--withoutImg {
  -webkit-transform: translateY(36px);
          transform: translateY(36px);
}
@media (min-width: 90rem) {
  .hero-article.hero-article--withoutImg {
    -webkit-transform: translateY(62px);
            transform: translateY(62px);
  }
}

.hero-article {
  position: relative;
}
.hero-article .hero-article-photogalery {
  background-color: #f8f8f8;
}
.hero-article .hero-article-gallery-component {
  position: relative;
  max-width: 100%;
  padding-bottom: 24px;
}
@media (min-width: 120rem) {
  .hero-article .hero-article-gallery-component {
    max-width: 1488px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 96px;
    padding-right: 96px;
  }
}
.hero-article .hero-article-gallery-component .container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 45rem) {
  .hero-article .hero-article-gallery-component .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 721px) {
  .hero-article .hero-article-gallery-component .container {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 80rem) {
  .hero-article .hero-article-gallery-component .container {
    max-width: 990px;
  }
}
@media (min-width: 90rem) {
  .hero-article .hero-article-gallery-component .container {
    max-width: 1248px;
  }
}
.hero-article .hero-article-gallery-component .container .hero-article-img-link,
.hero-article .hero-article-gallery-component .container .hero-especial-img-link {
  cursor: pointer;
}
.hero-article .hero-article-gallery-component .container picture img {
  width: 100%;
  height: auto;
  -webkit-animation: zoom-in 5s linear;
          animation: zoom-in 5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.hero-article .hero-article-gallery-component .container .row {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row {
    height: unset;
  }
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info {
    height: unset;
    top: unset;
    bottom: 0;
  }
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content {
  background-color: transparent;
  padding: 32px 20px 0;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content {
    padding: 0 0 0 8px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 936px;
  }
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content.container-n {
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 720px) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content.container-n {
    padding-left: 0;
    padding-right: 0;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content.container-n {
    padding: 40px 0 0;
  }
}
@media (min-width: 80rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content.container-n {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
}
@media (min-width: 90rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content.container-n {
    max-width: 1248px;
  }
}
@media (min-width: 120rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content.container-n {
    max-width: 100%;
  }
}
@media (min-width: 80rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article {
    margin-right: 80px;
  }
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .titlesBox {
  max-width: 100%;
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .titlesBox .title {
  margin-block: 12px 8px;
  font-family: "Roboto-Regular";
  font-weight: 700;
  line-height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-positive: 0;
      flex-grow: 0;
  font-size: 29px;
}
@media (min-width: 80rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .titlesBox .title {
    margin-block: 16px 0;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .titlesBox .title {
    font-size: 43px;
    line-height: 56px;
  }
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content {
  width: 100%;
  padding-bottom: 40px;
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring {
  width: 100%;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 0;
  }
}
@media (min-width: 80rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring {
    margin-top: 8px;
  }
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
    max-width: 100%;
    padding-right: 8px;
  }
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .container__info__article {
  width: 100%;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .container__info__article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 80rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .container__info__article {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .container__info__article .dateBox {
    margin-right: 16px;
  }
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .container__info__article .dateBox p {
  margin-bottom: 8px;
  color: #727272;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .container__info__article .dateBox p {
    margin-bottom: 0;
  }
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .container__info__article .authorBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .container__info__article .authorBox p {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .descriptionBox .eta {
    margin-bottom: 0;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .descriptionBox {
    position: static;
  }
}
.hero-article .hero-article-gallery-component .gallery-container {
  display: none;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .gallery-container {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    width: 50%;
    height: 80%;
    -webkit-animation: floatCont 9s linear -0.5s forwards;
            animation: floatCont 9s linear -0.5s forwards;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .gallery-container .gallery {
    position: absolute;
    opacity: 0;
  }
}
@media (min-width: 64rem) {
  .hero-article .hero-article-gallery-component .gallery-container .gallery img {
    width: 248px;
    height: 188px;
    border-radius: 8px;
  }
}
.hero-article .container__desc-gallery {
  margin-bottom: 12px;
}
@media (min-width: 64rem) {
  .hero-article .container__desc-gallery {
    margin-bottom: 48px;
  }
}
@media (min-width: 120rem) {
  .hero-article .container__desc-gallery {
    max-width: 1488px;
    margin-left: auto;
    margin-right: auto;
  }
}
.hero-article .container__desc-gallery .desc-gallery {
  position: relative;
  padding-left: 28px;
  padding-right: 28px;
}
@media (min-width: 45rem) {
  .hero-article .container__desc-gallery .desc-gallery {
    max-width: 688px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
  }
}
@media (min-width: 721px) {
  .hero-article .container__desc-gallery .desc-gallery {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 64rem) {
  .hero-article .container__desc-gallery .desc-gallery {
    max-width: 936px;
    padding-left: 0;
  }
}
@media (min-width: 80rem) {
  .hero-article .container__desc-gallery .desc-gallery {
    max-width: 990px;
  }
}
@media (min-width: 90rem) {
  .hero-article .container__desc-gallery .desc-gallery {
    max-width: 1248px;
  }
}
.hero-article .container__desc-gallery .desc-gallery .paragraph__gallery {
  padding: 24px 0;
  margin-bottom: 0;
  font-family: "Roboto-Medium";
  font-size: 20px;
  line-height: 26px;
  color: #464646;
}
@media (min-width: 64rem) {
  .hero-article .container__desc-gallery .desc-gallery .paragraph__gallery {
    padding: 36px 0px 48px 8px;
    font-size: 22px;
    line-height: 34px;
  }
}
@media (min-width: 80rem) {
  .hero-article .container__desc-gallery .desc-gallery .paragraph__gallery {
    padding: 16px 28px 64px 8px;
  }
}
@media (min-width: 90rem) {
  .hero-article .container__desc-gallery .desc-gallery .paragraph__gallery {
    padding-right: 210px;
  }
}
@media (min-width: 45rem) {
  .hero-article .hero-article-image-component.hero-promocion .hero-img-info {
    position: relative;
  }
}
@media (min-width: 80rem) {
  .hero-article .hero-article-image-component.hero-promocion .hero-img-info {
    max-width: 1152px;
  }
}
@media (min-width: 90rem) {
  .hero-article .hero-article-image-component.hero-promocion .hero-img-info {
    max-width: 1248px;
  }
}
.hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-img-info-content .hero-text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-img-info-content .hero-text-content .title {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 29px;
  font-weight: 700;
  line-height: 2.5rem;
  margin-top: 12px;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-img-info-content .hero-text-content .title {
    font-size: 43px;
    line-height: 3.5rem;
    margin-top: 16px;
  }
}
.hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-img-info-content .hero-text-content .description {
  margin-bottom: 0;
}
.hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-img-info-content .hero-text-content .description .desc {
  padding: 0;
}
.hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-img-info-content .hero-text-content .description .desc::after {
  content: none;
}
.hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-img-info-content .hero-text-content .description p {
  font-family: "Roboto-Medium";
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #464646;
  font-weight: 500;
  margin-bottom: 26px;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-img-info-content .hero-text-content .description p {
    font-size: 1.25rem;
    line-height: 32px;
  }
}
.hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-article-img-link img {
  height: 375px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: zoom-in 5s linear;
          animation: zoom-in 5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media (min-width: 64rem) {
  .hero-article .hero-article-image-component.hero-promocion .hero-img-info .hero-article-img-link img {
    min-height: 313px;
    height: 31.0945273632vw;
  }
}

.hero-article-especial {
  background-color: var(--gr-blue-guia);
}
.hero-article-especial .hero-article-gallery-component.hero-article--special {
  margin-bottom: 0;
}
.hero-article-especial .hero-article-gallery-component.hero-article--special .container .row .hero-img-info .hero-img-info-content .info__content__article .titlesBox .title,
.hero-article-especial .hero-article-gallery-component.hero-article--special .container .row .hero-img-info .hero-img-info-content .info__content__article .titlesBox .pretitle {
  color: #ffffff;
}
.hero-article-especial .hero-article-gallery-component.hero-article--special .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring {
  padding-bottom: 0;
}
.hero-article-especial .hero-article-gallery-component.hero-article--special .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .dateBox p,
.hero-article-especial .hero-article-gallery-component.hero-article--special .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .authorBox p,
.hero-article-especial .hero-article-gallery-component.hero-article--special .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .authorBox a {
  color: #ffffff;
}
.hero-article-especial .hero-article-gallery-component.hero-article--special .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .autorBox a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.hero-article-especial .hero-article-gallery-component.hero-article--special .container .row .hero-img-info .hero-img-info-content .info__content__article .hero-text-content .authoring .inner-authoring .autorBox a:active {
  color: rgba(255, 255, 255, 0.5);
}
.hero-article-especial .hero-article-gallery-component.hero-article--special .container .row .hero-img-info .hero-img-info-content .info__content__article .archived-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-block: 8px 24px;
  padding: 4px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background-color: #F2F2F2;
  color: #E4002B;
}
.hero-article-especial .container__desc-gallery--special {
  position: relative;
  z-index: 1000;
}
@media (min-width: 64rem) {
  .hero-article-especial .container__desc-gallery--special {
    position: static;
  }
}
@media (min-width: 120rem) {
  .hero-article-especial .container__desc-gallery--special {
    max-width: 1488px;
    margin-left: auto;
    margin-right: auto;
  }
}
.hero-article-especial .container__desc-gallery--special .desc-gallery--special {
  padding: 56px 20px 24px;
}
@media (min-width: 45rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special {
    max-width: 688px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 721px) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 64rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 936px;
  }
}
@media (min-width: 90rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special {
    max-width: 1248px;
    padding-bottom: 112px;
  }
}
@media (min-width: 120rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special {
    max-width: 1260px;
  }
}
.hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px;
  gap: 12px;
  margin-bottom: 24px;
}
@media (min-width: 30rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge {
    width: 200px;
  }
}
@media (min-width: 64rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    height: 204px;
    padding: 28px 24px;
    margin-bottom: 0;
    margin-right: 32px;
  }
}
.hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-size: 1.25rem;
}
.hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__icon::before {
  font-size: 1.25rem;
}
.hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__icon img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 72px;
    width: 72px;
    max-width: 72px;
    min-height: 72px;
    height: 72px;
    max-height: 72px;
    font-size: 72px;
    margin-bottom: 24px;
  }
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__icon::before {
    font-size: 72px;
  }
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__icon img {
    width: 100%;
    height: 100%;
  }
}
.hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Repsol-Regular";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.75rem;
  letter-spacing: -0.5px;
  color: #ffffff;
}
@media (min-width: 64rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__data {
    font-size: 1rem;
    text-align: center;
  }
}
.hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__data .badge__category {
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: "Repsol-Regular";
}
@media (min-width: 64rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__data .badge__category {
    margin-bottom: 8px;
  }
}
@media (min-width: 64rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__data .badge__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__date {
  margin-left: 8px;
  letter-spacing: 0;
}
@media (min-width: 64rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .badge .badge__date {
    margin-left: 0;
    margin-top: 8px;
  }
}
.hero-article-especial .container__desc-gallery--special .desc-gallery--special .block-description {
  margin-bottom: 0;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 32px;
  color: #ffffff;
}
@media (min-width: 64rem) {
  .hero-article-especial .container__desc-gallery--special .desc-gallery--special .block-description {
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
  }
}

.header-xf,
header {
  z-index: 21;
}

.page-noticia .hero-article .hero-article-image-component .hero-article-img-link img {
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: zoom-in 5s linear;
          animation: zoom-in 5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media (min-width: 64rem) {
  .page-noticia .hero-article .hero-article-image-component .hero-article-img-link img {
    min-height: 313px;
    height: 31.0945273632vw;
  }
}
.page-noticia .hero-article .hero-img-info .hero-img-info-content {
  padding-top: 34px;
}
@media (min-width: 64rem) {
  .page-noticia .hero-article .hero-img-info .hero-img-info-content {
    padding-top: 44px;
  }
}
.page-noticia .hero-article .hero-img-info .hero-img-info-content .hero-text-content .pretitle h1 {
  margin-top: 0;
  margin-bottom: 12px;
}
@media (min-width: 64rem) {
  .page-noticia .hero-article .hero-img-info .hero-img-info-content .hero-text-content .pretitle h1 {
    margin-bottom: 16px;
  }
}
.page-noticia .hero-article .hero-img-info .hero-img-info-content .hero-text-content .authoring {
  margin-top: 16px;
}
@media (min-width: 64rem) {
  .page-noticia .hero-article .hero-img-info .hero-img-info-content .hero-text-content .authoring {
    margin-top: 24px;
  }
}

/*** HERO ARTICLE INTERACTIONS ***/
/* Common */
.hero-article-interaction {
  position: absolute;
  right: 12px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: -28px;
}
@media (min-width: 64rem) {
  .hero-article-interaction {
    position: relative;
    top: -24px;
    right: initial;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 0px;
  }
}

/* News and promotions */
@media (min-width: 45rem) {
  .page-noticia .hero-article-image-component .hero-article-interaction,
.page-promocion .hero-article-image-component .hero-article-interaction {
    right: 0;
  }
}
@media (min-width: 64rem) {
  .page-noticia .hero-article-image-component .hero-article-interaction,
.page-promocion .hero-article-image-component .hero-article-interaction {
    padding-left: 36px;
  }
}
.page-noticia .hero-article-gallery-component .hero-article-interaction,
.page-promocion .hero-article-gallery-component .hero-article-interaction {
  position: static;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

/* Galleries */
.hero-article-photogalery .hero-article-interaction,
.hero-article-especial .hero-article-interaction {
  position: static;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 0;
}
@media (min-width: 45rem) {
  .hero-article-photogalery .hero-article-interaction .rp-btn-guia.text--show,
.hero-article-especial .hero-article-interaction .rp-btn-guia.text--show {
    padding-inline: 28px;
  }
}

/*** KEYFRAMES ANIMATIONS ***/
@-webkit-keyframes zoom-in {
  from {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes zoom-in {
  from {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes zoom-up {
  from {
    -webkit-transform: translate(0, -16px);
            transform: translate(0, -16px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes zoom-up {
  from {
    -webkit-transform: translate(0, -16px);
            transform: translate(0, -16px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes floatCont {
  to {
    top: 0;
  }
}
@keyframes floatCont {
  to {
    top: 0;
  }
}
@-webkit-keyframes floatBubble {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes floatBubble {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.multirecetas .container-multireceta .two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  margin-top: 64px;
}
@media (max-width: 64rem) {
  .multirecetas .container-multireceta .two-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-top: 40px;
  }
}
.multirecetas .container-multireceta .column-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 54%;
          flex: 1 1 54%;
  max-width: 54%;
}
@media (max-width: 64rem) {
  .multirecetas .container-multireceta .column-left {
    padding: 16px;
    max-width: 100%;
  }
}
.multirecetas .container-multireceta .column-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42%;
          flex: 0 0 42%;
  max-width: 42%;
}
@media (max-width: 64rem) {
  .multirecetas .container-multireceta .column-right {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: 100%;
    width: 100%;
  }
}

.multirecetas .description {
  /* ===== Paddings ===== */
  /* ===== Texto descriptivo de la receta ===== */
  /* ===== Cabecera: fechas + escuchar ===== */
  /* ===== Autores ===== */
}
@media (min-width: 720px) {
  .multirecetas .description {
    padding-top: 50px;
  }
}
@media (max-width: 720px) {
  .multirecetas .description {
    padding-top: 10px;
  }
}
@media (min-width: 1024px) {
  .multirecetas .description {
    padding-top: 96px;
    padding-bottom: 50px;
  }
}
.multirecetas .description .trazo {
  margin-top: 35px;
}
.multirecetas .description .description__receta {
  width: 70%;
  font-size: 20px;
  font-family: "Roboto-Regular";
  color: #464646;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .multirecetas .description .description__receta {
    width: 100%;
  }
}
.multirecetas .description .description__receta .trazo {
  width: 160px;
  margin-top: 40px;
}
.multirecetas .description .container {
  width: 100%;
  max-width: none;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-left: 0px;
  padding-top: 32px;
  margin: 0;
}
@media (min-width: 1024px) {
  .multirecetas .description .container {
    padding-top: 20px;
  }
}
@media (max-width: 1024px) {
  .multirecetas .description .container {
    display: grid;
  }
}
.multirecetas .description .container .listen__report {
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #016A7F;
  cursor: pointer;
  line-height: 1;
}
@media (max-width: 1024px) {
  .multirecetas .description .container .indice {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
.multirecetas .description .container .date {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #727272;
}
.multirecetas .description .container .date p {
  margin: 0;
}
.multirecetas .description .container .date .descriptionBox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.multirecetas .description .container .date .separator {
  display: none !important;
}
.multirecetas .description .container .date .eta {
  margin: 0;
  white-space: nowrap;
}
.multirecetas .description .container .date .eta:empty {
  display: none;
}
.multirecetas .description .container .date .eta:not(:empty)::before {
  content: "·";
  display: inline-block;
  margin-right: 0.75ch;
  line-height: 1;
}
@media (max-width: 1024px) {
  .multirecetas .description .container .listen__report__buttom {
    display: none;
  }
}
.multirecetas .description .separator__line {
  margin-top: 0;
  border: 1px solid #DDDDDD;
}
.multirecetas .description .authorBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #016A7F;
  gap: 6px;
}
.multirecetas .description .authorBox img {
  border-radius: 9999px;
  height: 32px;
  width: 32px;
}
@media (max-width: 1024px) {
  .multirecetas .description .container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .multirecetas .description .date {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 6px;
  }
  .multirecetas .description .date .descriptionBox {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    /* fuerza salto de línea */
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
    /* al final del bloque de fechas */
    margin-top: 4px;
  }
  .multirecetas .description .listen__report {
    margin-left: auto;
    /* empuja a la derecha */
    -ms-flex-item-align: end;
        align-self: flex-end;
    /* baja hasta el fondo del .container */
    padding: 0;
    /* evita separaciones extra */
    margin-bottom: 0;
    /* que “toque” la línea */
  }
}

.multirecetas {
  background-color: #ffffff;
  /* Banda burdeos detrás del hero */
}
@media (min-width: 1440px) {
  .multirecetas {
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
  }
}
.multirecetas .recetaFrame {
  display: block;
  width: 100%;
  height: 80px;
  background-color: #b52958;
}
@media (max-width: 64rem) {
  .multirecetas .recetaFrame {
    z-index: 1;
    height: 80px;
  }
}
.multirecetas .hero-receta-video-component {
  background-color: #ffffff;
}
.multirecetas .hero-receta-component {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
@media (min-width: 64rem) {
  .multirecetas .hero-receta-component {
    display: block;
  }
}
.multirecetas .hero-receta-component .receta-img-block {
  cursor: pointer;
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 245px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block {
    position: absolute;
    width: 53%;
    top: -28px;
    right: 0;
    margin-right: 8px;
    min-height: 400px;
  }
}
@media (min-width: 80rem) {
  .multirecetas .hero-receta-component .receta-img-block {
    width: 58%;
  }
}
@media (min-width: 90rem) {
  .multirecetas .hero-receta-component .receta-img-block {
    width: 57%;
  }
}
@media (min-width: 120rem) {
  .multirecetas .hero-receta-component .receta-img-block {
    width: 59%;
  }
}
@media (max-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block {
    position: relative;
    top: -40px !important;
    left: 8%;
    width: 80%;
    min-height: 245px;
    height: 245px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-radius: 8px;
  }
}
.multirecetas .hero-receta-component .receta-img-block .photography-author {
  margin-top: 16px;
}
.multirecetas .hero-receta-component .receta-img-block .photography-author .author {
  color: #016A7F;
}
@media (max-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block .photography-author {
    display: none;
  }
}
.multirecetas .hero-receta-component .receta-img-block .button-container {
  position: relative;
  top: -20px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.multirecetas .hero-receta-component .receta-img-block .receta-img-cta {
  padding: 5px 20px 5px 20px;
  z-index: 10;
  position: absolute;
  background-color: #ffffff;
  color: #016A7F;
  border-radius: 8px;
  border: none;
}
@media (max-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block .button-container {
    display: none;
  }
}
.multirecetas .hero-receta-component .receta-img-block img {
  display: block;
  width: 100%;
  height: 245px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block img {
    height: 450px;
    min-height: 450px;
    max-height: 450px;
  }
}
.multirecetas .hero-receta-component .receta-img-block .guia-video-component {
  height: 100%;
  min-height: 100%;
}
.multirecetas .hero-receta-component .receta-img-block .guia-video-component > .container {
  height: 245px;
  padding: 0;
}
@media (min-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block .guia-video-component > .container {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
@media (min-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block .guia-video-component > .container {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
  }
}
.multirecetas .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content {
  min-height: 100%;
  height: 100%;
}
@media (min-width: 90rem) {
  .multirecetas .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content {
    min-height: 400px;
    height: 400px;
  }
}
.multirecetas .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content .videoPoster {
  border-radius: 0;
}
@media (min-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content .videoPoster {
    border-radius: 8px;
  }
}
@media (max-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content .videoPoster {
    height: 245px;
  }
}
@media (min-width: 90rem) {
  .multirecetas .hero-receta-component .receta-img-block .guia-video-component > .container .guia-video-content .videoPoster {
    min-height: 450px;
    height: 450px;
  }
}
.multirecetas .hero-img-info {
  background-color: transparent;
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 80px 20px 32px;
}
.multirecetas .hero-img-info.hero-info--withImg {
  min-height: 422px;
}
@media (max-width: 64rem) {
  .multirecetas .hero-img-info.hero-info--withImg {
    padding: 24px 16px;
    min-height: 0;
  }
}
@media (max-width: 64rem) {
  .multirecetas .hero-img-info {
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100%;
    padding: 0;
  }
}
.multirecetas .hero-img-info .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.multirecetas .hero-img-info .row .hero-img-info-content {
  top: auto !important;
  padding: 0 0 0;
  position: relative;
  background-color: #ffffff;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 45rem) and (max-width: 64rem) {
  .multirecetas .hero-img-info .row .hero-img-info-content {
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 64rem) {
  .multirecetas .hero-img-info .row .hero-img-info-content {
    padding: 0 0 44px 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-radius: 8px 8px 0 0;
    margin-bottom: -44px;
  }
}
.multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 0;
}
@media (min-width: 64rem) {
  .multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content {
    width: 70%;
    padding-left: 0;
  }
}
@media (max-width: 64rem) {
  .multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content {
    width: 45%;
  }
}
@media (max-width: 64rem) {
  .multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content {
    width: 100%;
  }
}
.multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #016A7F;
  margin-bottom: 20px;
}
.multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
@media (min-width: 64rem) {
  .multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle {
    gap: 8px;
    margin-bottom: 12px;
  }
}
.multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle .icon-bg {
  display: none;
}
@media (min-width: 64rem) {
  .multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle .icon-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 2rem;
    width: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    height: 2rem;
    max-height: 2rem;
    font-size: 1rem;
    background-color: #b52958;
    color: #ffffff;
    border-radius: 4px;
  }
  .multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle .icon-bg::before {
    font-size: 1rem;
  }
  .multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle .icon-bg img {
    width: 100%;
    height: 100%;
  }
}
.multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .pretitle * {
  margin-top: 0;
}
.multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .title {
  color: #041E42;
  margin-bottom: 16px;
}
@media (min-width: 64rem) {
  .multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .title {
    margin-bottom: 40px;
  }
}
.multirecetas .hero-img-info .row .hero-img-info-content .hero-text-content .desc {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-size: 20px;
  line-height: 32px;
}

/* Badge receta */
.hero-receta-component {
  max-width: auto;
  /* CTA + acciones */
}
.hero-receta-component .hero-receta-component {
  position: relative;
}
.hero-receta-component .hero-receta-badge {
  position: absolute;
  top: -35px !important;
  left: 10px;
  z-index: 40;
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  border-radius: 100px;
  background: #ffffff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  pointer-events: none;
}
.hero-receta-component .hero-receta-badge img {
  display: block;
  max-width: 70%;
  max-height: 70%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 64rem) {
  .hero-receta-component .hero-receta-badge {
    top: 12px;
    left: 12px;
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 64rem) {
  .hero-receta-component .hero-receta-badge {
    display: none;
  }
}
.hero-receta-component .hero-interaction {
  position: relative;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
  max-width: 550px;
  padding: 0;
}
@media (max-width: 64rem) {
  .hero-receta-component .hero-interaction {
    margin-top: 20px;
    right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 64rem) {
  .hero-receta-component .hero-interaction {
    position: relative;
    right: initial;
    margin-top: 32px;
    padding: 0;
  }
}
.hero-receta-component .hero-interaction .rp-btn-guia--receta {
  width: auto;
}
.hero-receta-component .hero-interaction .rp-btn-guia--receta p {
  width: 100px;
}
.hero-receta-component .hero-interaction .rp-btn-secondary {
  background-color: #C0EBF2;
  height: 50px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-receta-component .hero-interaction .icon-bg {
  position: absolute;
  left: 18px;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 3.5rem;
  width: 3.5rem;
  max-width: 3.5rem;
  min-height: 3.5rem;
  height: 3.5rem;
  max-height: 3.5rem;
  font-size: 1.5rem;
  color: #ffffff;
  background-color: #b52958;
  border-radius: 8px;
}
.hero-receta-component .hero-interaction .icon-bg::before {
  font-size: 1.5rem;
}
.hero-receta-component .hero-interaction .icon-bg img {
  width: 100%;
  height: 100%;
}
@media (min-width: 64rem) {
  .hero-receta-component .hero-interaction .icon-bg {
    display: none;
  }
}

/* Resto (sin cambios funcionales) … */
.header-xf,
header {
  z-index: 21;
}

/* Desktop: el carrusel no pinta */
@media (min-width: 64rem) {
  .multirecetas .hero-receta-component .receta-img-block .hero-receta-gallery {
    display: none !important;
  }
}
/* Móvil: carrusel solo cuando hay .hero-receta-component--image */
@media (max-width: 64rem) {
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block {
    /* Contador x/x */
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery {
    position: relative;
    width: 100%;
    height: 245px;
    overflow: hidden;
    border-radius: 8px;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__container {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    margin-right: 16px;
    position: relative;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__item:last-child {
    margin-right: 0;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__item img {
    width: 100%;
    height: 245px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
    display: block;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block .hero-receta-gallery__counter {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    z-index: 10;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block > img {
    display: none;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block > picture {
    display: none;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block > picture img {
    display: none;
  }
  .multirecetas .hero-receta-component.hero-receta-component--image .receta-img-block > .guia-video-component {
    display: none;
  }
}
.multirecetas header.scroll-bottom .index-component.sticky-bar {
  max-height: 64px;
}
@media (min-width: 90rem) {
  .multirecetas header.scroll-bottom .index-component.sticky-bar {
    max-height: 72px;
  }
}
.multirecetas header.scroll-bottom .index-component.sticky-bar.mode-scroll {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.multirecetas .index-component:not(.sticky-bar) {
  display: block;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
}
@media (min-width: 64rem) {
  .multirecetas .index-component:not(.sticky-bar) {
    display: block;
  }
}
.multirecetas .index-component:not(.sticky-bar) .title {
  margin-bottom: 16px;
}
.multirecetas .index-component:not(.sticky-bar) .list-links {
  padding-left: 32px;
  border-left: solid 2px #FFC800;
  font-size: 14px;
  font-weight: 400;
  color: #464646;
}
.multirecetas .index-component:not(.sticky-bar) .list-links li {
  list-style: decimal;
}
.multirecetas .index-component:not(.sticky-bar) .list-links .item-link {
  margin-bottom: 12px;
  color: #016A7F;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 8px;
}
.multirecetas .index-component:not(.sticky-bar) .list-links .item-link:hover {
  color: #00404D;
}
.multirecetas .index-component:not(.sticky-bar) .list-links .item-link:last-child {
  margin-bottom: 0;
}
.multirecetas .index-component:not(.sticky-bar) .list-links .item-link .num {
  margin-right: 8px;
  display: block;
}
.multirecetas .index-component:not(.sticky-bar) .list-links .item-link:not(.rp-link-disabled) .num {
  color: #464646;
}
.multirecetas .index-component:not(.sticky-bar) .list-links .item-link.rp-link-disabled {
  color: #AAAAAA;
}
.multirecetas .index-component.sticky-bar {
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transform: translate(0, -100px);
          transform: translate(0, -100px);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.multirecetas .index-component.sticky-bar:not(.mode-scroll) .block-select .block-index {
  display: none;
}
.multirecetas .index-component.sticky-bar .block-content-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0;
  max-height: 64px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .block-content-index {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-height: 72px;
  }
}
.multirecetas .index-component.sticky-bar .block-content-index .col-left {
  width: auto;
}
.multirecetas .index-component.sticky-bar .block-content-index .col-left,
.multirecetas .index-component.sticky-bar .block-content-index .col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
@media (min-width: 90rem) {
  .multirecetas .index-component.sticky-bar .block-content-index .col-left,
.multirecetas .index-component.sticky-bar .block-content-index .col-right {
    height: 72px;
  }
}
.multirecetas .index-component.sticky-bar .block-content-index .col-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .block-content-index .col-right {
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.multirecetas .index-component.sticky-bar .block-content-index .col-right .rp-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  padding-inline: 0;
  font-size: 1.25rem;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .block-content-index .col-right .rp-icon {
    width: 48px;
    height: 48px;
  }
}
.multirecetas .index-component.sticky-bar .logo {
  height: 24px;
  display: none;
}
@media (min-width: 45rem) {
  .multirecetas .index-component.sticky-bar .logo {
    display: block;
    max-width: 120px;
    margin-right: 28px;
  }
}
.multirecetas .index-component.sticky-bar .logo img {
  width: 100%;
  height: 100%;
}
.multirecetas .index-component.sticky-bar .heading-sticky {
  max-width: 350px;
  display: none;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .heading-sticky {
    display: block;
    max-width: 280px;
  }
}
.multirecetas .index-component.sticky-bar .heading-sticky .pretitle {
  color: #757575;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .heading-sticky .pretitle {
    -webkit-line-clamp: 1;
  }
}
.multirecetas .index-component.sticky-bar .heading-sticky .title {
  color: #464646;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .heading-sticky .title {
    -webkit-line-clamp: 1;
  }
}
.multirecetas .index-component.sticky-bar .heading-sticky > div {
  margin-bottom: 8px;
}
.multirecetas .index-component.sticky-bar .heading-sticky > div:last-child {
  margin-bottom: 0;
}
.multirecetas .index-component.sticky-bar .heading-reportaje {
  max-width: 300px;
  margin: 0 24px 0 0;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .heading-reportaje {
    margin: 0 24px;
  }
}
.multirecetas .index-component.sticky-bar .heading-reportaje .reportaje-category,
.multirecetas .index-component.sticky-bar .heading-reportaje .reportaje-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .heading-reportaje .reportaje-category,
.multirecetas .index-component.sticky-bar .heading-reportaje .reportaje-title {
    -webkit-line-clamp: 1;
  }
}
.multirecetas .index-component.sticky-bar .heading-reportaje .reportaje-category {
  color: #757575;
  margin-bottom: 8px;
}
.multirecetas .index-component.sticky-bar .rp-icon {
  margin-right: 8px;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .rp-icon {
    margin-right: 12px;
  }
}
.multirecetas .index-component.sticky-bar .rp-icon:last-child {
  margin-right: 0;
}
.multirecetas .index-component.sticky-bar .block-select {
  position: relative;
  width: 380px;
  height: 100%;
  border-right: solid 1px #DDDDDD;
  margin-right: 20px;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .block-select {
    border-left: solid 1px #DDDDDD;
    margin-right: 0;
    margin-left: 48px;
  }
}
.multirecetas .index-component.sticky-bar .block-select .icon {
  color: #016A7F;
  font-size: 20px;
  cursor: pointer;
  margin-right: 0;
}
.multirecetas .index-component.sticky-bar .block-select .icon:hover {
  color: #00404D;
}
.multirecetas .index-component.sticky-bar .block-select .static-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding: 0 24px 0 0;
  cursor: pointer;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .block-select .static-block {
    margin-left: 24px;
  }
}
.multirecetas .index-component.sticky-bar .block-select .static-block .list-links {
  max-height: 44px;
  margin: 14px 16px 14px 0;
  padding-left: 20px;
  font-family: "Roboto-Regular";
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.25px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.multirecetas .index-component.sticky-bar .block-select .static-block .list-links::-webkit-scrollbar {
  display: none;
}
@media (min-width: 90rem) {
  .multirecetas .index-component.sticky-bar .block-select .static-block .list-links {
    margin: 16px 16px 16px 0;
  }
}
.multirecetas .index-component.sticky-bar .block-select .static-block .list-links .list-links__item {
  color: #464646;
}
.multirecetas .index-component.sticky-bar .block-select .static-block .list-links .list-links__item.list-links__item--disabled {
  color: #AAAAAA;
}
.multirecetas .index-component.sticky-bar .block-select .static-block .list-links .list-links__item .rp-link-disabled {
  color: #AAAAAA;
}
.multirecetas .index-component.sticky-bar .block-select .static-block .item-link {
  margin-bottom: 6px;
  padding: 0;
  color: #016A7F;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.multirecetas .index-component.sticky-bar .block-select .static-block .item-link:hover {
  color: #00404D;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .block-select .static-block .item-link {
    -webkit-line-clamp: 1;
  }
}
.multirecetas .index-component.sticky-bar .block-select .static-block .item-link .num {
  margin-right: 4px;
  display: inline-block;
}
.multirecetas .index-component.sticky-bar .block-select .static-block .item-link:not(.rp-link-disabled) .num {
  color: #464646;
}
.multirecetas .index-component.sticky-bar .block-select .block-index {
  display: none;
  position: absolute;
  top: -6px;
  left: -20px;
  right: -1px;
  padding: 32px 20px 24px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow-y: auto;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .title {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: "Roboto-Regular";
  font-size: 14px;
  line-height: 24px;
  height: 100%;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded li::marker {
  width: auto;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded li.list-links__item--disabled {
  color: #AAAAAA;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded li.list-links__item--disabled .rp-link-disabled {
  color: #AAAAAA;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links.list-links--expanded li .item-link {
  margin-left: 5px;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link {
  margin-bottom: 12px;
  color: #016A7F;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link:hover {
  color: #00404D;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link {
    -webkit-line-clamp: 1;
  }
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link:last-child {
  margin-bottom: 0;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link .num {
  margin-right: 4px;
  display: inline-block;
}
.multirecetas .index-component.sticky-bar .block-select .block-index .list-links .item-link:not(.rp-link-disabled) .num {
  color: #464646;
}
@media (min-width: 64rem) {
  .multirecetas .index-component.noHeader {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}
.multirecetas .index-component .progress-bar-index {
  height: 2px;
  width: 100%;
  background-color: #FFC800;
}

.multirecetas .ingredientes {
  padding: 32px 24px;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
          box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  /* -- NUEVO: si movemos la fecha aquí, que no cante -- */
  /* --------------------------- */
  /*       VALORES NUTRI         */
  /* --------------------------- */
}
@media (min-width: 720px) {
  .multirecetas .ingredientes {
    margin-top: 91px;
  }
}
.multirecetas .ingredientes .fecha-receta {
  font-family: "Roboto-Medium";
  font-size: 14px;
  line-height: 20px;
  color: #757575;
  margin-bottom: 12px;
}
.multirecetas .ingredientes .ingredientesTitle {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-size: 22px;
  line-height: 32px;
  color: #464646;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1440px) {
  .multirecetas .ingredientes .ingredientesTitle {
    font-size: 26px;
    line-height: 40px;
  }
}
.multirecetas .ingredientes .ingredientesTitle .ingredientesPersonas {
  font-style: normal;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  color: #727272;
  margin-bottom: 12px;
}
.multirecetas .ingredientes .ingredientesReceta {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.multirecetas .ingredientes .ingredientesReceta .ingredientesNombre,
.multirecetas .ingredientes .ingredientesReceta .ingredientesPersonas {
  font-style: normal;
  font-family: "Roboto-Medium";
  font-size: 16px;
  line-height: 24px;
  color: #727272;
  margin-bottom: 12px;
}
.multirecetas .ingredientes .ingredientesReceta .ingredientesNombre:not(:first-of-type) {
  margin-top: 12px;
}
.multirecetas .ingredientes .ingredientesReceta .ingredientesNombre + .ingredientesPersonas {
  margin-left: 24px;
}
.multirecetas .ingredientes .ingredientesReceta .ingredientesPersonas {
  white-space: pre;
}
.multirecetas .ingredientes .valoresnutricionales {
  color: #016A7F;
  padding: 20px 0 0 0;
  /* Estilos adicionales para asegurar funcionamiento */
}
.multirecetas .ingredientes .valoresnutricionales .valoresnutricionales {
  color: #016A7F;
  padding: 20px 0 0 0;
}
.multirecetas .ingredientes .valoresnutricionales .valoresnutricionales__header {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  outline: none;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.multirecetas .ingredientes .valoresnutricionales .valoresnutricionales__header:focus {
  outline: 2px solid fade(#016A7F, 60%);
  outline-offset: 2px;
  border-radius: 6px;
}
.multirecetas .ingredientes .valoresnutricionales .valoresnutricionales__header:hover {
  opacity: 0.8;
}
.multirecetas .ingredientes .valoresnutricionales .icon-rp-Arrow_down {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.multirecetas .ingredientes .valoresnutricionales .valoresnutricionales.is-open .icon-rp-Arrow_down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.multirecetas .ingredientes .valoresnutricionales .valoresnutricionales__item {
  margin-top: 12px;
  line-height: 1.4;
  color: #464646;
  overflow: hidden;
}
.multirecetas .ingredientes .rp-btn-guia--share {
  width: auto;
  height: auto;
}
.multirecetas .ingredientes .ingredientes__actions {
  cursor: pointer;
  padding: 20px 20px 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #016A7F;
}
.multirecetas .ingredientes .ingredientesIngredientes ul {
  padding-left: 0;
  margin-bottom: 0;
}
.multirecetas .ingredientes .ingredientesIngredientes ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #464646;
  list-style: none;
  margin-left: 20px;
  margin-bottom: 8px;
}
.multirecetas .ingredientes .ingredientesIngredientes ul li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .multirecetas .ingredientes .ingredientesIngredientes ul li {
    margin-left: 24px;
  }
}
.multirecetas .ingredientes .ingredientesIngredientes ul li:before {
  position: absolute;
  top: 8px;
  left: -20px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: #b52958;
}
@media (min-width: 64rem) {
  .multirecetas .ingredientes .ingredientesIngredientes ul li:before {
    left: -24px;
  }
}
.multirecetas .ingredientes .ingredientesIngredientes ul li p {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
  display: inline;
  color: #464646;
  margin-bottom: 0;
}
@media (min-width: 64rem) {
  .multirecetas .ingredientes .ingredientesIngredientes ul li p {
    font-size: 16px;
  }
}
.multirecetas .page-receta .description-receta .ingredientes--mobile {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
}
.multirecetas .page-receta .description-receta .ingredientes--mobile .ingredientes.section {
  padding: 24px 16px;
}
.multirecetas .page-receta .description-receta .ingredientes--mobile .ingredientes.section .ingredientesTitle {
  margin-bottom: 16px;
}
.multirecetas .page-receta .description-receta .ingredientes--mobile .ingredientes.section .ingredientesTitle .ingredientesPersonas {
  margin-bottom: 0;
}
.multirecetas .page-receta .description-receta .ingredientes--mobile .ingredientes.section .ingredientesNombre {
  margin-bottom: 8px;
}

.multirecetas .paragraph-component {
  position: relative;
  padding-bottom: 40px;
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component {
    padding-bottom: 60px;
  }
}
.multirecetas .paragraph-component .note-component {
  background-color: #f8f8f8;
  border: solid 1px #DDDDDD;
  font-family: Roboto;
  font-size: 18px;
  line-height: 32px;
}
.multirecetas .paragraph-component .note-component .js-tips-text.is-truncated {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.multirecetas .paragraph-component .note-component .tips-toggle {
  margin-top: 8px;
  border: none;
  background: transparent;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.multirecetas .paragraph-component .note-component .js-tips-text.is-expanded {
  -webkit-line-clamp: initial;
  display: block;
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .content-component {
    margin-left: 0;
    float: left;
    width: 100%;
    padding-right: 32px;
    padding-bottom: 20px;
  }
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .block-info.tow-colums-block .content-component {
    margin-left: 0%;
    float: left;
    width: 100%;
    padding-right: 0px;
    padding-bottom: 20px;
  }
  .multirecetas .paragraph-component .block-info.tow-colums-block .content-component .mode-row {
    margin: 0;
  }
}
.multirecetas .paragraph-component .block-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .block-author {
    display: inline-block;
    text-align: center;
    position: absolute;
    left: -24px;
  }
}
@media (min-width: 120rem) {
  .multirecetas .paragraph-component .block-author {
    left: 20px;
  }
}
.multirecetas .paragraph-component .block-author .author-name {
  color: #757575;
  padding: 0;
  margin-left: 12px;
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .block-author .author-name {
    position: absolute;
    width: 80px;
    margin: 12px 0px 0px 0px;
    text-align: center;
  }
}
.multirecetas .paragraph-component .block-author .author-name .rp-body-2,
.multirecetas .paragraph-component .block-author .author-name .rp-body-14 {
  letter-spacing: 0.0025em;
}
.multirecetas .paragraph-component .block-author .author-name span + span:before {
  content: "attr(data-text)";
}
.multirecetas .paragraph-component .block-author .author-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 0;
  padding-left: 0;
  height: 32px;
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .block-author .author-img {
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 4px;
    padding: 0 0 0 8px;
  }
}
@media (min-width: 1440px) {
  .multirecetas .paragraph-component .block-author .author-img {
    padding: 0px;
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
}
@media (min-width: 120rem) {
  .multirecetas .paragraph-component .block-author .author-img {
    -webkit-transform: translateX(-24px);
            transform: translateX(-24px);
  }
}
.multirecetas .paragraph-component .block-author .author-img picture img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .block-author .author-img picture img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
  }
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .block-author .author-img picture:last-child img {
    width: 48px;
    height: 48px;
  }
}
.multirecetas .paragraph-component .block-author .author-img picture + picture:last-child img {
  margin-top: -8px;
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .block-author .author-img picture + picture:last-child img {
    margin-top: 10px;
    margin-left: -10px;
    width: 40px;
    height: 40px;
  }
}
.multirecetas .paragraph-component .featureCont {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .featureCont:not(.isAuthorMode) {
    margin-top: 0;
    position: relative;
    top: 0;
    right: auto;
    z-index: 10;
    width: 100%;
  }
}
@media (min-width: 64rem) and (min-width: 80rem) {
  .multirecetas .paragraph-component .featureCont:not(.isAuthorMode) {
    right: auto;
  }
}
@media (min-width: 64rem) and (min-width: 90rem) {
  .multirecetas .paragraph-component .featureCont:not(.isAuthorMode) {
    right: auto;
    width: 100%;
  }
}
@media (min-width: 64rem) and (min-width: 120rem) {
  .multirecetas .paragraph-component .featureCont:not(.isAuthorMode) {
    right: auto;
    width: 100%;
  }
}
@media (min-width: 64rem) {
  .multirecetas .paragraph-component .featureCont .featured-card {
    width: 100%;
  }
}
.multirecetas .note-component {
  margin-top: 32px;
  padding: 24px 16px;
  border-radius: 8px;
}
@media (min-width: 64rem) {
  .multirecetas .note-component {
    min-width: 100%;
    margin-top: 40px;
    padding: 24px;
  }
}
.multirecetas .note-component.noteBgwhite {
  background-color: #ffffff;
}
.multirecetas .note-component.noteBggrey {
  background-color: #f8f8f8;
}
.multirecetas .note-component .noteTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
@media (min-width: 64rem) {
  .multirecetas .note-component .noteTitle {
    margin-bottom: 16px;
  }
}
.multirecetas .note-component .noteTitle .cmp-title__text {
  color: #464646;
  margin-bottom: 0;
}
.multirecetas .note-component .noteTitle .noteTitleIcon {
  font-size: 24px;
  color: #016A7F;
}
.multirecetas .note-component .rp-description {
  margin-top: 0px;
  font-family: "Roboto-Regular";
}
.multirecetas .note-component .rp-description p {
  margin-bottom: 32px;
}
.multirecetas .note-component .rp-description p:last-child {
  margin-bottom: 0;
}
.multirecetas .note-component .rp-description .hightlight {
  background-color: #FFC800;
  padding: 0px 4px;
}
.multirecetas .note-component .rp-description ul {
  list-style: none;
}
.multirecetas .note-component .rp-description ul li {
  position: relative;
  padding-left: 20px;
}
.multirecetas .note-component .rp-description ul li::before {
  content: "";
  color: #E3973D;
  font-weight: bold;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #E3973D;
  border-color: #E3973D;
  border-radius: 3px;
  margin-right: 12px;
  margin-bottom: 1px;
  position: absolute;
  left: 0;
  top: 4px;
}
.multirecetas .note-component .rp-description ol {
  list-style: none;
  counter-reset: li;
  padding-left: 0;
}
@media (min-width: 64rem) {
  .multirecetas .note-component .rp-description ol {
    padding-left: 40px;
  }
}
.multirecetas .note-component .rp-description ol li {
  position: relative;
  padding-left: 20px;
  counter-increment: li;
  margin-bottom: 24px;
}
.multirecetas .note-component .rp-description ol li::before {
  content: counter(li);
  color: #E3973D;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 1px;
  font-size: 14px;
  position: absolute;
  left: 0;
}
@media (min-width: 64rem) {
  .multirecetas .note-component .content-component {
    margin-left: 0;
    float: none;
    width: 100%;
    padding-right: 32px;
    padding-bottom: 20px;
  }
}
.multirecetas .rp-template-reportage .paragraph .paragraph-component {
  margin-bottom: 0px;
}
.multirecetas .rp-template-reportage .paragraph .paragraph-component .note-component {
  margin-bottom: 32px;
}
@media (min-width: 64rem) {
  .multirecetas .rp-template-reportage .paragraph .paragraph-component .note-component {
    margin-top: 40px;
  }
}
.multirecetas .page-report-article .paragraph-component .rp-description > h3 {
  margin-bottom: 0;
}
@media (max-width: 64rem) {
  .multirecetas .page-receta .container-n .content-col-left .paragraph.section {
    padding: 0;
  }
}
.multirecetas .page-receta .description-receta + .paragraph .paragraph-component .rp-description {
  margin-top: 32px;
}
@media (min-width: 64rem) {
  .multirecetas .page-receta .description-receta + .paragraph .paragraph-component .rp-description {
    margin-top: 0;
  }
}

@media (min-width: 64rem) {
  .multirecetas .container-imagen {
    padding-right: 0;
  }
}
.multirecetas .container-imagen .imagen,
.multirecetas .container-imagen img {
  display: block;
  width: 100%;
  height: 360px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 64rem) {
  .multirecetas .container-imagen .imagen,
.multirecetas .container-imagen img {
    border-radius: 0px;
    height: 260px;
  }
}
@media (min-width: 80rem) {
  .multirecetas .container-imagen .imagen,
.multirecetas .container-imagen img {
    height: 460px;
  }
}
.multirecetas .container-imagen .photographer {
  padding-top: 16px;
  color: #727272;
}
@media (max-width: 64rem) {
  .multirecetas .container-imagen .photographer {
    padding-left: 16px;
  }
}
.multirecetas .container-imagen .photographer .photographer--name {
  color: #016A7F !important;
}

.multirecetas .steps .hero-receta__info__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (min-width: 64rem) {
  .multirecetas .steps .hero-receta__info__list {
    gap: 54px;
  }
}
.multirecetas .steps .hero-receta__info__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.multirecetas .steps h2 {
  margin-bottom: 32px;
  font-family: "Roboto-Bold";
  font-style: normal;
  font-size: 26px;
  line-height: 40px;
  color: #464646;
}
.multirecetas .steps .receta__steps__description {
  font-family: "Roboto-Regular";
  color: #464646;
  margin: 32px 0;
  font-size: 18px;
}
.multirecetas .steps .receta__steps__ingredients {
  padding-bottom: 50px;
}
.multirecetas .steps ol.bigList {
  list-style: none;
  counter-reset: li;
  padding-left: 0;
}
@media (min-width: 64rem) {
  .multirecetas .steps ol.bigList {
    padding-left: 56px;
  }
}
.multirecetas .steps ol.bigList > .step {
  counter-increment: li;
  position: relative;
  padding-left: 45px;
}
.multirecetas .steps ol.bigList > .step::before {
  content: counter(li);
  position: absolute;
  left: 0;
  top: 8px;
  width: 23px;
  display: block;
  font-family: "Roboto-Regular";
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 48px;
  color: #b52958;
}
@media (min-width: 64rem) {
  .multirecetas .steps ol.bigList > .step::before {
    margin-right: 24px;
  }
}
.multirecetas .steps ol.bigList > .step .stepInstruction {
  position: relative;
  min-height: 24px;
  padding-bottom: 12px;
}
@media (min-width: 64rem) {
  .multirecetas .steps ol.bigList > .step .stepInstruction {
    padding-bottom: 24px;
  }
}
.multirecetas .steps ol.bigList > .step .row > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 64rem) {
  .multirecetas .steps ol.bigList > .step .row > div.col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .multirecetas .steps ol.bigList > .step .row > div.col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6667%;
            flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }
}
@media (min-width: 64rem) {
  .multirecetas .steps {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media (max-width: 64rem) {
  .multirecetas .steps .col-12 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 64rem) {
  .multirecetas .steps .imgCounter {
    left: -57px;
    width: "calc(100% + 57px)";
  }
}
/*!**********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/swiper.css ***!
  \**********************************************************************************/
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/modules/navigation.css ***!
  \**********************************************************************************************/
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/modules/pagination.css ***!
  \**********************************************************************************************/
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}


/*# sourceMappingURL=components.css.map*/
.hero-home-component .hero-container .hero-home__content__interaction .rp-btn-guia.rp-btn-turquoise .icon-rp {
  color: #ffffff;
}