.elementor-417 .elementor-element.elementor-element-d68657e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-417 .elementor-element.elementor-element-3521d21{--display:flex;--min-height:509px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.3;--border-radius:30px 30px 30px 30px;}.elementor-417 .elementor-element.elementor-element-3521d21:not(.elementor-motion-effects-element-type-background), .elementor-417 .elementor-element.elementor-element-3521d21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ofarol.sandev.es/wp-content/uploads/2025/07/cabecera-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-417 .elementor-element.elementor-element-3521d21::before, .elementor-417 .elementor-element.elementor-element-3521d21 > .elementor-background-video-container::before, .elementor-417 .elementor-element.elementor-element-3521d21 > .e-con-inner > .elementor-background-video-container::before, .elementor-417 .elementor-element.elementor-element-3521d21 > .elementor-background-slideshow::before, .elementor-417 .elementor-element.elementor-element-3521d21 > .e-con-inner > .elementor-background-slideshow::before, .elementor-417 .elementor-element.elementor-element-3521d21 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-417 .elementor-element.elementor-element-fda273c .elementor-heading-title{font-family:"Realce", Sans-serif;font-size:200px;font-weight:400;color:var( --e-global-color-accent );}.elementor-417 .elementor-element.elementor-element-032e338{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-417 .elementor-element.elementor-element-97615d0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-417 .elementor-element.elementor-element-6b50a26{--display:flex;}.elementor-417 .elementor-element.elementor-element-09e16ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-417 .elementor-element.elementor-element-894e556{--display:flex;}.elementor-417 .elementor-element.elementor-element-51218d2{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:40px;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-font-size:30px;--n-tabs-title-color:#AD9A90;--n-tabs-title-color-active:var( --e-global-color-primary );}.elementor-417 .elementor-element.elementor-element-51218d2 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#EFD7A4;}.elementor-417 .elementor-element.elementor-element-51218d2.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-417 .elementor-element.elementor-element-51218d2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-417 .elementor-element.elementor-element-51218d2.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:#6F4F47;}.elementor-417 .elementor-element.elementor-element-51218d2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:2px 2px 2px 2px;border-color:#AD9A90;}.elementor-417 .elementor-element.elementor-element-51218d2.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Realce", Sans-serif;font-weight:400;}.elementor-417 .elementor-element.elementor-element-51218d2 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );}body.elementor-page-417:not(.elementor-motion-effects-element-type-background), body.elementor-page-417 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}@media(min-width:768px){.elementor-417 .elementor-element.elementor-element-d68657e{--content-width:1440px;}.elementor-417 .elementor-element.elementor-element-3521d21{--content-width:1325px;}.elementor-417 .elementor-element.elementor-element-032e338{--content-width:1440px;}}@media(max-width:1024px){.elementor-417 .elementor-element.elementor-element-3521d21{--min-height:500px;}.elementor-417 .elementor-element.elementor-element-fda273c .elementor-heading-title{font-size:115px;}.elementor-417 .elementor-element.elementor-element-97615d0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-417 .elementor-element.elementor-element-51218d2{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:10px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:25px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:25px;}}/* Start custom CSS for html, class: .elementor-element-79fd47a *//* 1. Cabeceras de sección “Barril” y “Botella” */
.beers-section .category-title {
  font-family: "Realce", sans-serif;
  font-size: 50px;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #6F4F47;
}

/* Responsive: tablet y móvil */
@media (max-width: 1024px) {
  .beers-section .category-title {
    font-size: 24px;
  }
}

/* 2. Encabezados de tabla: fondo semitransparente y texto */
.beers-section .beers-table thead tr th {
  /* Fondo #6F4F47 al 20% */
  background-color: rgba(111, 79, 71, 0.2);

  /* Tipografía */
  font-family: "Montserrat", sans-serif;
  font-weight: 600;          /* Semibold */
  font-size: 20px;
  color: #6F4F47;
  text-transform: uppercase;
  text-align: left;
  padding: 0.75rem 1rem;
}

/* 3. Celdas de cuerpo de tabla en desktop */
.beers-section .beers-table tbody td {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;          /* Semibold */
  font-size: 20px;
  color: #6F4F47;
  padding: 0.5rem 1rem;
}

/* 4. Ajustes para tablet y móvil */
@media (max-width: 1024px) {
  /* Nombre de la cerveza (primera columna) */
  .beers-section .beers-table tbody td:first-child {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;        /* Extrabold */
    font-size: 12px;
  }
  /* Resto de columnas: info */
  .beers-section .beers-table tbody td:not(:first-child) {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;        /* Medium */
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  /* 1. Oculta los encabezados */
  .beers-section .beers-table thead {
    display: none;
  }

  /* 2. Cada fila como contenedor flex */
  .beers-section .beers-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }

  /* 3. El “Nombre” como bloque de ancho completo */
  .beers-section .beers-table tbody tr td:first-child {
    order: 0;
    width: 100%;
    display: block;
    background-color: rgba(111, 79, 71, 0.1);
    padding: 0.75rem 1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 12px;
    color: #6F4F47;
    margin-bottom: 0.5rem;
  }

  /* 4. El resto de atributos como “cajitas” */
  .beers-section .beers-table tbody tr td:not(:first-child) {
    order: 1;
    flex: 0 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: rgba(111, 79, 71, 0.05);
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #6F4F47;
    border-radius: 4px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2774b3 */.beers-mobile .mobile-title {
  font-family: "Realce", sans-serif;
  font-size: 24px;
  color: #6F4F47;
  text-align: left;
  margin: 1rem 0;
  padding-left: 10px;
}

.beers-mobile .beer-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.beers-mobile .beer-item {
  padding: 0.75rem;
  border-radius: 6px;
}

.beers-mobile .beer-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 12px;
  color: #6F4F47;
  margin-bottom: 0.5rem;
}

.beers-mobile .beer-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.beers-mobile .beer-meta span {
  background: rgba(111,79,71,0.05);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #6F4F47;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79fd47a *//* 1. Cabeceras de sección “Barril” y “Botella” */
.beers-section .category-title {
  font-family: "Realce", sans-serif;
  font-size: 50px;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #6F4F47;
}

/* Responsive: tablet y móvil */
@media (max-width: 1024px) {
  .beers-section .category-title {
    font-size: 24px;
  }
}

/* 2. Encabezados de tabla: fondo semitransparente y texto */
.beers-section .beers-table thead tr th {
  /* Fondo #6F4F47 al 20% */
  background-color: rgba(111, 79, 71, 0.2);

  /* Tipografía */
  font-family: "Montserrat", sans-serif;
  font-weight: 600;          /* Semibold */
  font-size: 20px;
  color: #6F4F47;
  text-transform: uppercase;
  text-align: left;
  padding: 0.75rem 1rem;
}

/* 3. Celdas de cuerpo de tabla en desktop */
.beers-section .beers-table tbody td {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;          /* Semibold */
  font-size: 20px;
  color: #6F4F47;
  padding: 0.5rem 1rem;
}

/* 4. Ajustes para tablet y móvil */
@media (max-width: 1024px) {
  /* Nombre de la cerveza (primera columna) */
  .beers-section .beers-table tbody td:first-child {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;        /* Extrabold */
    font-size: 12px;
  }
  /* Resto de columnas: info */
  .beers-section .beers-table tbody td:not(:first-child) {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;        /* Medium */
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  /* 1. Oculta los encabezados */
  .beers-section .beers-table thead {
    display: none;
  }

  /* 2. Cada fila como contenedor flex */
  .beers-section .beers-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }

  /* 3. El “Nombre” como bloque de ancho completo */
  .beers-section .beers-table tbody tr td:first-child {
    order: 0;
    width: 100%;
    display: block;
    background-color: rgba(111, 79, 71, 0.1);
    padding: 0.75rem 1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 12px;
    color: #6F4F47;
    margin-bottom: 0.5rem;
  }

  /* 4. El resto de atributos como “cajitas” */
  .beers-section .beers-table tbody tr td:not(:first-child) {
    order: 1;
    flex: 0 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: rgba(111, 79, 71, 0.05);
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #6F4F47;
    border-radius: 4px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2774b3 */.beers-mobile .mobile-title {
  font-family: "Realce", sans-serif;
  font-size: 24px;
  color: #6F4F47;
  text-align: left;
  margin: 1rem 0;
  padding-left: 10px;
}

.beers-mobile .beer-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.beers-mobile .beer-item {
  padding: 0.75rem;
  border-radius: 6px;
}

.beers-mobile .beer-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 12px;
  color: #6F4F47;
  margin-bottom: 0.5rem;
}

.beers-mobile .beer-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.beers-mobile .beer-meta span {
  background: rgba(111,79,71,0.05);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #6F4F47;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79fd47a *//* 1. Cabeceras de sección “Barril” y “Botella” */
.beers-section .category-title {
  font-family: "Realce", sans-serif;
  font-size: 50px;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #6F4F47;
}

/* Responsive: tablet y móvil */
@media (max-width: 1024px) {
  .beers-section .category-title {
    font-size: 24px;
  }
}

/* 2. Encabezados de tabla: fondo semitransparente y texto */
.beers-section .beers-table thead tr th {
  /* Fondo #6F4F47 al 20% */
  background-color: rgba(111, 79, 71, 0.2);

  /* Tipografía */
  font-family: "Montserrat", sans-serif;
  font-weight: 600;          /* Semibold */
  font-size: 20px;
  color: #6F4F47;
  text-transform: uppercase;
  text-align: left;
  padding: 0.75rem 1rem;
}

/* 3. Celdas de cuerpo de tabla en desktop */
.beers-section .beers-table tbody td {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;          /* Semibold */
  font-size: 20px;
  color: #6F4F47;
  padding: 0.5rem 1rem;
}

/* 4. Ajustes para tablet y móvil */
@media (max-width: 1024px) {
  /* Nombre de la cerveza (primera columna) */
  .beers-section .beers-table tbody td:first-child {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;        /* Extrabold */
    font-size: 12px;
  }
  /* Resto de columnas: info */
  .beers-section .beers-table tbody td:not(:first-child) {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;        /* Medium */
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  /* 1. Oculta los encabezados */
  .beers-section .beers-table thead {
    display: none;
  }

  /* 2. Cada fila como contenedor flex */
  .beers-section .beers-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }

  /* 3. El “Nombre” como bloque de ancho completo */
  .beers-section .beers-table tbody tr td:first-child {
    order: 0;
    width: 100%;
    display: block;
    background-color: rgba(111, 79, 71, 0.1);
    padding: 0.75rem 1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 12px;
    color: #6F4F47;
    margin-bottom: 0.5rem;
  }

  /* 4. El resto de atributos como “cajitas” */
  .beers-section .beers-table tbody tr td:not(:first-child) {
    order: 1;
    flex: 0 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: rgba(111, 79, 71, 0.05);
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #6F4F47;
    border-radius: 4px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2774b3 */.beers-mobile .mobile-title {
  font-family: "Realce", sans-serif;
  font-size: 24px;
  color: #6F4F47;
  text-align: left;
  margin: 1rem 0;
  padding-left: 10px;
}

.beers-mobile .beer-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.beers-mobile .beer-item {
  padding: 0.75rem;
  border-radius: 6px;
}

.beers-mobile .beer-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 12px;
  color: #6F4F47;
  margin-bottom: 0.5rem;
}

.beers-mobile .beer-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.beers-mobile .beer-meta span {
  background: rgba(111,79,71,0.05);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #6F4F47;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Realce';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ofarol.sandev.es/wp-content/uploads/2025/07/Realce-Black-v0.006.woff') format('woff'),
		url('https://ofarol.sandev.es/wp-content/uploads/2025/07/Realce-Black-v0.006.ttf') format('truetype');
}
/* End Custom Fonts CSS */