*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-size: 1rem;
scroll-behavior: smooth;
}
::-moz-selection { color: #000;
background: var(--primary-color);
} body {
-webkit-font-smoothing: antialiased;
margin: 0;
font-size: 1rem;
font-family: "DM Sans", sans-serif;
line-height: 1.8;
color: #656565;
}
a {
text-decoration: none;
color: inherit;
}
p a {
text-decoration: underline;
}
.about-content p a, .post-content p a{
text-decoration: underline;
}
p
{
font-size: 1rem;
margin: 1.1em 0;
line-height: 1.8;
}
.page-content h2, .page-content h3, .post-content h2, .post-content h3{
margin: 1.55rem 0 1.25rem 0;
}
.post-content h3:first-child, .post-content h2:first-child  {
margin-top: 0 ;
}
.wp-caption-text {
font-size: 0.8rem;
}
.single-beneficios .post-content p:last-child {
margin-bottom: 0 ;
}
.post-content ol, .post-content ul, .about-content ol, .about-content ul, .page-content ul, .page-content ol {
padding-left: 3.45em;
}
.post-content li, .about-content li, .page-content li{
list-style: none;
position: relative;
margin-bottom: 0.25em;
}
.post-content li::before,  .about-content li::before,   .page-content li::before {
content: '';
display: inline-block;
background-size: 0.9em;
height: 0.9em;
position: absolute;
width: 0.9em;
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/check-ul.svg);
background-repeat: no-repeat;
top: 0.45em;
left: -1.45em;
}
.single-post .post-content p:first-child{
margin-top:0;
}
img {
max-width: 100%;
display: block;
}
h1,
h2,
h3,
h4,
h5{
font-family: var(--font-heading);
margin: 0;
color: #000;
}
.beneficios-box-cat  .owl-stage {
display:flex !important ; 
height: 100%;  
}
.slide-owl-wrap{
width: 100%; 
height: 100%;  
}
.owl-carousel .owl-item  .beneficios-box {
height: 100%;
}
.owl-arrow{
filter: invert(1);
}
h1 {
font-size: 1.7rem;
font-size: clamp(1.7rem, 1.48rem + 1.0999999999999999vw, 2.8rem);
font-weight: 900;
line-height: 1.15;
}
h2 {
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.38rem + 0.6000000000000001vw, 2.1rem);
font-weight: 900;
line-height: 1.2;
}
h3 {
font-size: 1.1rem;
font-size: clamp(1.1rem, 1.05rem + 0.25vw, 1.35rem);
font-weight: 800;
line-height: 1.34;
}
h4{
font-size: 1rem;
font-size: clamp(1rem, 0.9964285714285714rem + 0.017857142857142794vw, 1.025rem);
font-weight: 700;
line-height: 1.35;
}
h5 {
font-size: 0.9rem;
font-weight: normal;
line-height: 1.25;
font-weight: 700;
}
h6 {
font-size: 0.8rem;
font-weight: normal;
line-height: 1.25;
}
.header-logo {
font-size: 1rem;
font-size: clamp(1rem, 0.9642857142857143rem + 0.17857142857142858vw, 1.25rem);
height: 3.5em;
margin: 1em 0 ;
}
.entry-summary  ul {
padding-left: 20px;
margin: 1.1em 0 ;
}
.entry-summary  li {
list-style: none;
position: relative;
margin-bottom: 5px;
}
.entry-summary  li {
background-size: 20px;
}
.entry-summary  li::before {
content: '';
display: inline-block;
background-size: 11px;
height: 10px;
position: absolute;
width: 18px;
filter: var(--color-svg);
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/entry-check.svg);
background-repeat: no-repeat;
top: 9px;
left: -20px;
} .primary-wrap {
font-size: 1rem;
}
.container-m,
.container-s,
.container-l,
.container-xl {
width: 100%;
display: flow-root;
}
.container-xl {
max-width: 100%;
margin: 0 auto;
padding-left: 1em;
padding-right: 1em;
}
.container-l {
max-width: 1300px;
margin: 0 auto;
padding-left: 1em;
padding-right: 1em;
}
.container-m {
max-width: 1100px;
margin: 0 auto;
padding-left: 1em;
padding-right: 1em;
}
.container-s {
max-width: 950px;
margin: 0 auto;
padding-left: 1em;
padding-right: 1em;
}
.padt1 {
padding-top:  6vh;
}
.padb1 {
padding-bottom: 6vh;
}
.padt2 {
padding-top:  4vh;
}
.padb2 {
padding-bottom:  4vh;
}
.padt3, .related.products .columns-4{
padding-top: 3vh;
}
.padb3 {
padding-bottom: 3vh;
}
.padt4 {
padding-top:2vh;
}
.padb4 {
padding-bottom: 2vh;
}
.x2-wrap {
display: grid;
grid-gap: 1.5em;
}
.x2 {
display: grid;
grid-gap: 0.5em;
}
.x3,
ul.columns-3 {
display: grid;
grid-gap: 0.5em;
}
.x4,
ul.columns-4 {
grid-template-columns: 1fr 1fr;
display: grid;
grid-gap: 0.5em;
}
.ggap-m,
ul.columns-3,
ul.columns-4 {
grid-gap: 5vh 2.5%;
}
.lightbox{ 
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
left: 0;
top: 0;
z-index: 1;
cursor: pointer;
} .newsletter-wrap{
width: 100%;
} 
.newsletter-input{
display: flex;
grid-gap: 10px;
width: 100%;
} 
.newsletter-input input{
-webkit-appearance: none;
background: #fff;
margin-bottom: 0;
border-color: #fff;
} .evento-map{
width: 100%;
height: 55vh; border-radius: 20px;
margin-top: 2rem; 
} 
.evento-map iframe{
filter: grayscale(.95) invert(1) brightness(2) sepia(0.15) contrast(1.2) hue-rotate(2deg);
border-radius: 15px;
} .page-description p, .term-description p{
margin-top: 1em;
margin-bottom:0;
}
.page-header,
.woocommerce-products-header {
display: flex;
text-align: center;
flex-direction: column;
align-items: center;
}
.breadcrumb {
font-size: var(--small-text);
line-height: 1.5;
color: var(--color-gray1);
margin-bottom: 1.15em;
display: flex;
justify-content: center;
} 
.breadcrumb-icon {
height: 0.9em;
margin-top: 0.9em;     margin-bottom:-0.15em;
display: inline-flex;
} .img-background {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
color: #fff;
display: flex;
align-items: center;
}
.img-object {
padding-top: 60%;
position: relative;
margin-bottom:  2%;
height: fit-content;
}
.img-object img {
position: absolute;
width: 100%;
top: 50%;
transform: translatey(-50%);
height: 100%;
object-fit: cover;
transition: 0.8s;
max-width: 100%;
border-radius:  var(--brL);
}
.img-xl {
padding-top: 65%;
} .post-row {
display: grid;
grid-template-columns: 0.7fr 1fr;
grid-gap:4%;
margin-bottom: 5%;
}
.post-row:last-of-type,
.post-row .img-object {
margin-bottom: 0;
} .valor-icon {
font-size: 1rem;
background: #fff;
display: inline-flex;
border-radius: 99px;
height: 2.2em;
width: 2.2em;
justify-content: center;
align-items: center;
margin-top: -0.4em;
}
.valor-icon img {
height: 1.4em;
}
.valor-box {
display: grid;
grid-template-columns: 2.2em 1fr;
grid-gap: 15px;
}
#about
.img-object
{
margin-bottom: 0;
} .woocommerce span.onsale,
.small-tax , .cat-small {
padding: 0.15em 0.5em 0.1em 0.5em;
border-radius: 99px;
font-size: 0.6rem;
line-height: initial;
position: absolute;
margin: 0.625em;
background-color: #fffffff0;
z-index: 1;
color: #000000;
text-transform: uppercase;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
font-weight: 600;
}
.cat-small {
margin: 1em 0 0 0;
position: relative;
width: fit-content;
} .contact-box {
font-size: 1rem;
margin-top: 1.8em;
}
#contacto .contact-phone {
display: flex;
align-items: center;
grid-gap: 0.25em;
} #contacto .contact-phone {
display: flex;
align-items: center;
grid-gap: 0.25em;
}  .icon img{
height: 1.3em;
}
.icon-img {
font-size: 1rem;
width: 1.8em;
display: flex;
border-radius: 99px;
justify-content: center;
align-items: center;
display: inline-flex;
margin-right: 0.3em;
position: relative;
}
.icon-circle {
font-size: 1rem;
height: 2.5em;
width: 2.5em;
display: flex;
border: 0.08em solid rgba(255, 255, 255, 0.3);
border-radius: 99px;
justify-content: center;
align-items: center;
display: inline-flex;
margin-right: 0.3em;
position: relative;
}
.icon-circle:last-of-type {
margin-right: 0;
}
.icon-circle img {
height: 1.65em;
}
.icon-s{
font-size: 0.8rem;
}
.icon-border-black{
border: 1px solid rgba(0, 0, 0, 0.2);
}
.icon-fixed{
font-size: 1.05rem;
font-size: clamp(1.05rem, 1.01rem + 0.19999999999999996vw, 1.25rem);
position: fixed;
right: 1rem;
bottom: 1rem;
background: var(--color-green);
border-color: var(--color-green);
z-index:99;
}
.icon-fixed img {
filter:  var(--color-white-svg);
}
.icon-header {
font-size: 0.9rem;
font-size: clamp(0.9rem, 0.8857142857142858rem + 0.07142857142857141vw, 1rem);
margin-right: 0 !important;
}
.icon-header img {
filter: var(--color-white-svg);
}
.icon-circle-white {
border: 1px solid rgba(255, 255, 255, 0.3);
}
.icon-circle-white img {
filter: invert(1) saturate(1) brightness(2);
}
.icon-cart span {
background: var(--primary-color) !important;
color: var(--secondary-color);
font-size: 0.6rem;
line-height: 1.5em;
width: 1.4em;
height: 1.4em;
display: block;
position: absolute;
top: -0.4em;
right: -0.4em;
padding: 0 0.3em;
border-radius: 3rem;
text-align: center;
font-weight: bold;
} .close {
font-size: 1rem;
cursor: pointer;
z-index: 1;
height: 1.9em;
width: 1.9em;
background: var(--primary-color);
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 1rem;
right: 1rem;
}
.close img {
height: 1em;
}
.close.close-white {
background: #fff;
}
.close.close-white img {
filter: unset;
}
.close.close-black {
background: #000;
}
.close.close-black img {
filter: var(--color-svg);
} .author-meta {
display: flex;
grid-gap: 0.5rem;
align-items: center;
font-size: 0.8rem;
font-size: clamp(0.8rem, 0.79rem + 0.04999999999999993vw, 0.85rem);
line-height: 1.5em;
margin-top: 2em;
}
.author-meta img {
width: 2em !important;
height: 2em !important;
border-radius: 99px;
display: block;
}
.author-date {
display: grid;
line-height: 1.2em;
}
.meta-wrap {
padding:0.75em 0;
border-bottom: 1px solid var(--color-gray3);
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--color-gray3);
}
.meta-wrap  .author-meta { 
margin-top: 0 
} #membresias .ggap-m{
grid-gap: 15px 3%;
}
.membresia-box {
background: #fff;
border-radius: var(--brL);
padding: 1.5em;
text-align: center; 
font-size: 1rem;
display: flex; 
flex-direction: column; 
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.membresia-content{
text-align: left;
display: flex;
height: 100%;
align-items: center;
justify-items: center;
flex-direction: column;
justify-content: space-between;
} 
.membresia-yellow{ 
background: var(--primary-color);
color: rgba(0,0,0,0.7);
} 
.membresia-title{ 
font-size: 1rem;
font-style: italic;
font-weight: 800;
color: #000;
margin: 0 auto;
background: #ededed;
padding: 0.25em 0.5em;
font-family: var(--font-heading);
width: fit-content;
border-radius: 10px;
line-height: initial;
}
.membresia-price{ 
font-size: 3.2rem;
font-weight: 800;
color: #000;
font-family: var(--font-heading);
line-height: initial;
margin-top: 0.25em;
display: flex;
align-items: center;
justify-content: center; flex-direction: column;
}
.membresia-price .currency{ 
font-size: 0.45em;
margin-right: 0.3em;
}
.membresia-box ul{ 
width: 100%;
list-style: none;
padding: 0;
margin: 1.5em 0 ;
}
.membresia-box li{ 
margin: 0;
line-height: initial;
border-top: 1px solid rgba(0,0,0,0.1);
padding: 0.5em 0;
}
.membresia-box li:first-of-type{ 
border-top: 0 ;
}
.membresia-box.black {
color: #fff;
background: #292929;
} 
.membresia-box.black .membresia-price{  
color: #fff;
} footer,
footer p {
background: var(--color-black);
color: #fff;
}
.widget-title-footer{
color: #fff;
}
footer,
footer p,
footer a,
footer li,
footer ul {
font-size: 0.95rem;
}
.footer-grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
footer ul {
margin: 0;
padding: 0;
list-style: none;
}
footer li,
footer .textwidget {
margin-top: 0.35rem !important;
}
footer .copyright {
font-size: 0.8rem;
border-top: 1px solid rgba(255, 255, 255, 0.3);
padding-top: 1em;
grid-gap: 10px;
display: flex;
flex-direction: column;
}
footer .copyright a {
font-size: 0.8rem;     text-decoration: underline;
} .no-app {
display: none;
}
@media screen and (min-width: 690px) {
.x2,
.x3,
ul.columns-3 {
grid-template-columns: 1fr 1fr;
}
footer .copyright {
flex-direction: row;
display: flex;
justify-content: space-between;
}
}
@media screen and (min-width: 790px) {
#newsletter h2 {
text-align: center
} 
#newsletter form{
display: flex;
justify-content: center;
} 
.newsletter-wrap{
max-width: 600px;
}  
#newsletter .newsletter-wrap{
display: flex;
grid-gap: 10px;
}  
#newsletter .newsletter-wrap .btn {
margin: 0 ;
}  
.x2-wrap {
grid-template-columns: 1fr 1fr;
}
#contacto .x2-wrap {
grid-template-columns: 0.5fr 1fr;
}
.img-obj-xl {
padding-top: 65%;
}
.img-obj-xxxl {
padding-top: 125%;
}
.img-obj-xxl {
padding-top: 95%;
}
.membresia-content{
text-align: center ;
} 
}
@media screen and (min-width: 999px) {
:root {
--brL: 20px;
}
.no-app {
display: block;
}
.x2-wrap {
display: grid;
grid-gap: 4%;
}
.x3,
ul.columns-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.x4,
ul.columns-4 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.app {
display: none;
} .popup-content {
width: 88%;
} .nav.tabs {
overflow-x: hidden;
} .img-object {
margin-bottom:2%;
}
footer li,
footer .textwidget {
margin-top: 0.55rem !important;
}
}.header-nav {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
font-size: 1rem; 
}
.header-nav-right,
.header-nav-left {
display: flex;
align-items: center;   
grid-gap: 15px;
}
.header-nav-right {
justify-content: flex-end;
}  .header-bottom-wrap{
background: var(--color-black);
border-top: 1px solid #252525;
border-bottom: 1px solid #252525;
}
#header-bottom{
display: flex;
justify-content: space-between;
list-style: none;
padding: 0 ;
margin: 0;
font-size: 1rem;
color: #fff;
font-weight:400;
}
#header-bottom  .menu-item a  {
display: inline-flex;
padding: 0.5em 0;
}  
#header-bottom .menu-item {
position: relative; 
}
#header-bottom .sub-menu {
visibility: hidden;
position: absolute;
background-color: var(--primary-color);
right: 0;
list-style: none;
display: block;
top: 7em;
min-width: 200px;
padding: 1em 1.5em;
white-space: nowrap;
opacity: 0;
transition: 0.3s;
border-radius:  10px;
} 
#header-bottom  .sub-menu .menu-item a  {
display: inline-flex;
padding: 0.25em 0;
width: 100%;
}  
#header-bottom .menu-item-has-children:hover .sub-menu {
visibility: visible;
transition: 0.2s;
opacity: 1;
z-index: 2;
top: 2.8em;
}
#header-bottom  .menu-item-has-children:after {
content: "";
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/arrow-down.svg);
position: relative;
width: 0.6em;
height: 0.6em;
right: -0.2em;
margin-top: 0.1em;
filter: var(--color-white-svg);
display: inline-flex;
}
#header-bottom .sub-menu a  {
color: #000;
font-weight: 400;
}  
#header-bottom  .current-menu-item  a
{
color: var(--primary-color);
} .header-hb img { height: 1.3rem;
display: block;
cursor: pointer;
filter: var(--color-white-svg);
}
#header-app {
overflow-y: auto;
position: fixed;
background: var(--primary-color);
max-width: 400px;
left: 0;
top: 0;
height: 100%;
padding: 1.5em;
display: none;
color: #000;
z-index: 9999999999999999999999;
box-shadow: 0px 0px 60px rgb(0 0 0 / 10%);
align-content: space-between;
width: 100%;
}
.header-app-visible {
display: grid !important;
}
.header-app-top {
display: flex;
justify-content: flex-end;
}
.header-app-middle {
padding: 1em 0;
}
.header-app-bottom .social-icons img {
filter: var(--white-svg);
}
.header-app-bottom .social-icons a {
border: 1px solid rgba(0, 0, 0, 0.3);
}
#header-app ul {
padding-left: 0;
}
#header-app .menu-item {
position: relative;
list-style: none;
font-size: 1.4rem;
font-family: var(--font-heading);
font-weight: 800;
margin-bottom: 0.2em;
}
#header-app .sub-menu .menu-item {
font-size: 1.1rem;
opacity: 0.9;
}
#header-app .menu .sub-menu {
display: none;
text-align: left;
padding: 0.5em 0.5em;
}
.header-app-arrow-down,
.header-app-arrow-up {
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/arrow-down.svg);
width: 1.5em;
height: 1.5em;
filter: var(--white-svg);
position: absolute;
right: 0;
cursor: pointer;
top: 0.15em;
background-size: 0.7em;
background-repeat: no-repeat;
background-position: center right;
}
.header-app-arrow-up {
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/arrow-up.svg);
}
@media screen and (min-width: 999px) {
.header-nav-right,
.header-nav-left {
grid-gap: 25px;
}
}abbr, bdi {
text-decoration: none;
} .woocommerce-order-received .woocommerce-order{
background: #fff;
border-radius: var(--brL);
padding: 20px;
max-width: 600px;
margin: 0 auto;
box-shadow:var(--box-shadow-woo);
}
.woocommerce-order-received .woocommerce-order p:first-child{
margin-top: 0;
}
.woocommerce-order-received .woocommerce-order  p:last-child{
margin-bottom: 0;
}
.woocommerce-order-received h2{
font-size: 1.2rem;
margin-bottom: 0.5em;
}
.woocommerce-order-received .woocommerce-order-details{
display: none;
} .summary {
font-size: 1rem;
}
.product_meta {
font-size: var(--small-text);
clear: both;
margin-top: 1rem;
}
.summary .price {
font-size: 1.4rem;
margin: 0;
color: #000;
margin-top: 0.5em;
margin-bottom: -0.25em;
}
.variations tr{
display: flex;
flex-direction: column; 
text-align: left;
}
.variations  .value{
display: flex;
align-items: center;
grid-gap: 0.5em;
width: 110%;
}
.reset_variations{
font-size: var(--small-text);     color: var(--color-gray1);
} .evento-info{
display: flex;
flex-direction: column;
font-size: 1rem;
line-height: initial;
padding: 0.5em 0;
border-top: 1px solid var(--color-gray3); 
border-bottom: 1px solid var(--color-gray3); 
grid-gap: .5em;
}
.evento-data{
display: flex;
flex-direction: column;
grid-gap: .5em;
}
.evento-fecha , .evento-lugar, .evento-km  {
display: flex;
grid-gap: .5em;
}
.evento-fecha img, .evento-lugar img, .evento-km  img {
height: 1.2em;
}
.evento-km{
cursor:pointer;
font-size: 0.95em;
display: flex; 
align-items: center;
border-radius: 8px;
background: var(--color-black);
color:  var(--primary-color);
padding: 0.4em 0.85em 0.5em 1.2em;;
line-height: initial;
width: fit-content;
}
.recorrido-img{
margin-top: 1.5rem;
} .woocommerce-grouped-product-list {
width: 100%;
}
.woocommerce-grouped-product-list-item {
margin-bottom: 0.75rem;
width: 100%;
display: inline-table;
}
.group_table td:first-child {
width: 5rem;
}
.woocommerce-grouped-product-list-item__price {
text-align: right;
}
.woocommerce-grouped-product-list p,   .woocommerce-grouped-product-list label{
margin: 0 ; 
font-size: 0.95rem;
line-height: 1.3;
}
.woocommerce-grouped-product-list-item__label{
font-weight: 700;
font-family: var(--font-heading);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
color: #70b835;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock.in-stock {
font-size: var(--small-text);
} .woocommerce ul.products,
.woocommerce li.product,
.woocommerce-MyAccount-navigation ul{
list-style: none;
padding: 0;
margin: 0;
}
*/
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled] {
cursor: not-allowed;
opacity: 0.5;
}
.woocommerce-error,
.woocommerce-message {
padding: 0.8em 1em 0.8em 1em !important;
margin-bottom: 1rem !important;
position: relative;
background-color: var(--color-black);
color: #fff;
width: auto;
word-wrap: break-word;
border-radius: 10px;
font-size: var(--small-text);
line-height: 1.3;
grid-gap: 0.5rem;
align-items: center;
justify-content: space-between;
display: flow-root;
list-style: none;
}
.woocommerce-message .button {
font-size: 0.8rem;
background: #fff;
color: #000;
border-color: #fff; float: right;
}
.woocommerce-error .button:hover,
.woocommerce-message .button:hover {
background: var(--primary-color); border-color:  var(--primary-color); color: #000;
} .woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 0.95rem;
font-size: clamp(0.95rem, 0.9357142857142856rem + 0.0714285714285715vw, 1.05rem);
text-align: center;
padding-bottom: 0.5em;
}
.woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
}
.woocommerce ul.products li.product .price {
grid-gap: 0.5em;
font-size: 0.95rem;
text-align: center;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin-bottom: 0.95rem;
box-shadow: none;
position: relative;
border-radius: 0.5em;
} .woocommerce-cart,
.woocommerce-checkout {
background: #f7f7f7;
}
.woocommerce-cart h2,
.woocommerce-checkout h3 {
font-size: 1.25rem;
margin-bottom: 0.75em;
font-weight: 800;
}
thead tr th:first-child {
border-radius: 15px 0 0 0;
}
thead tr th:last-child {
border-radius: 0 15px 0 0;
}
tr td.actions {
border-radius: 0 0 15px 15px;
} .woocommerce-cart-form {
box-shadow: var(--box-shadow-woo);
border-radius: 10px;
}
.quantity {
width: 5rem; 
max-width: 100%;
float: left;
margin-right: 0.5rem;
}
.quantity input {
text-align: center;
margin-bottom: 0 ;
}
.woocommerce-cart .woocommerce-cart-form table {
text-align: left;
font-size: 0.9rem;
line-height: 1.5em;
width: 100%;
} .woocommerce-cart .woocommerce-cart-form thead th {
background: #fff;
padding: 0.6em 0 0.5em 0;
font-weight: 500;
color: var(--color-gray1);
} .woocommerce-cart .woocommerce-cart-form table.shop_table td {
padding: 0.6rem 0.6rem;
vertical-align: middle;
background: #fff;
color: var(--color-black);
border-top: 0.1em solid #f7f7f7;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-remove a {
font-size: 1.5rem;
background: var(--primary-color);
width: 1em;
height: 1em;
border-radius: 99px;
text-align: center;
line-height: 0.9em;
font-weight: 300;
display: block;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-remove a:hover {
background: var(--color-black);
color: var(--primary-color);
}
.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-thumbnail img {
width: 5.9375rem;
height: auto !important;
border-radius: 0.5em;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-name {
font-family: var(--font-heading);
font-weight: 800;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
border-top: 2px solid #f7f7f7;
}
.woocommerce-cart .cart_totals tr:first-child td,
.woocommerce-cart .cart_totals tr:first-child th {
border-top: 0;
} .woocommerce-cart .actions .coupon {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
grid-gap: 0.5em;
margin-bottom: 0.5em;
}
.woocommerce-cart .actions button {
width: 100%;
display: flex; justify-content: center;
} .woocommerce-cart .cart_totals .shop_table {
width: 100%;
}
.woocommerce-cart .cart_totals {
background: #ffffff;
padding: 1.5em 1.2em;
border-radius: 15px;
margin-top: 1rem;
box-shadow: var(--box-shadow-woo);
}
.woocommerce-cart .cart-collaterals tr td {
text-align: right;
}
.woocommerce-cart .cart-collaterals tr th {
text-align: left;
}  .col-left,
.col-right {
background: #ffffff;
border-radius: 15px;
box-shadow: var(--box-shadow-woo);
}
.col-left,
.col-right {
padding: 1rem;
}
.col-left {
margin-bottom: 1rem;
}
.form-row-coupon {
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 0.5rem;
margin-bottom: 0.5rem;
}
.woocommerce-additional-fields {
margin-top: 1.8rem;
} .woocommerce-checkout .cart_item {
display: grid;
font-size: 0.9rem;
grid-template-columns: 3.75em 2fr 1fr;
grid-gap: 1em;
color: #000;
line-height: 1.3;
align-items: center;
padding: 0.8em 0.4em 0.8em 0;
border-top: 1px solid  var(--gray-color3);
}
strong.product-quantity {
font-weight: normal;
}
.woocommerce-checkout .cart_item .product-total {
text-align: right;
}
.woocommerce-checkout .cart-discount,
.woocommerce-checkout .cart-subtotal,
.woocommerce-checkout .order-total {
display: flex;
justify-content: space-between;
}
.woocommerce-checkout .product-img img {
height: auto;
border-radius: 7px;
width: 100%;
}
.woocommerce-checkout-payment,
.woocommerce-checkout-payment p {
font-size: var(--small-text);
line-height: 1.45;
}
.woocommerce-checkout-payment {
margin-top: 1.5em;
background: #f7f7f7;
padding:15px;
border-radius: 10px;
}
.woocommerce-checkout-payment  a{
text-decoration: underline;
}
.woocommerce-info {
padding: 0.75em;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.85);
display: flex;
flex-direction: column; box-shadow:var(--box-shadow-woo);
}
.woocommerce-MyAccount-content .woocommerce-info {
padding:  0;
}
.woocommerce-order-received .page-content
{
background: #fff;
border-radius:15px;
padding: 2% 2.5%;
}
.woocommerce-order-received .page-content h2 {
font-size: 1.1rem;
}
.woocommerce-order-received  .woocommerce-order-details{
text-align: left;
}
.woocommerce-order-received  .woocommerce-order ul {
padding-top: 0;
list-style: none;
padding-bottom: 0;
padding-left: 0;
}
.woocommerce-order-received  .woocommerce-customer-details,  .woocommerce-order-received   .woocommerce-order-details{
margin-top: 1.5rem;
}
.woocommerce-order-received .woocommerce-table td{
padding-right: 10px;
}
@media screen and (max-width: 790px) {
.woocommerce .woocommerce-cart-form .woocommerce-cart-form__cart-item td {
display: flex;
text-align: right;
justify-content: flex-end;
}
.woocommerce .woocommerce-cart-form table.shop_table td.product-thumbnail {
position: absolute;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-name {
padding-left: 8em;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table tr td.product-subtotal {
border-bottom: 2px solid #f3f3f3;
}
.woocommerce .woocommerce-cart-form table.shop_table td.product-remove {
background: transparent;
position: absolute;
z-index: 1;
}
thead {
display: none;
}
}
@media screen and (min-width: 790px) { .evento-info{
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
}
.evento-data {
flex-direction: row;
grid-gap: 1em;
} .woocommerce-cart .woocommerce-cart-form table.shop_table td {
padding: 1.5rem 1rem;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-name {
padding-left: 0;
}
.woocommerce-cart .cart-collaterals {
float: right;
width: 100%;
max-width: 500px;
}
.woocommerce-cart .actions .coupon {
width: 50%;
float: left;
grid-gap: 0.5em;
margin-bottom: 0;
}
.woocommerce-cart .actions .button {
float: right;
margin: 0;
width: auto;
}
}
@media screen and (min-width: 999px) {
.col-left {
float: left;
width: calc(55% - 1rem);
}
.col-right {
float: right;
width: 45%;
}
.col-left,
.col-right,
.woocommerce-cart .cart_totals {
padding: 1.8rem 1.2rem;
}
} .woocommerce .blockUI.blockOverlay {
position: relative;
background: #fff !important;
}
.woocommerce .blockUI.blockOverlay::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
content: "";
animation: spin 1s ease-in-out infinite;
background: url(//beerrunperu.com/wp-content/themes/beerunperu/assets/images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
} .woocommerce div.product div.images {
margin-bottom: 0;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
border-radius: 0.5em;
box-shadow: none;
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
margin: 0;
padding: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
background-color: #fff;
opacity: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n + 2) {
width: 25%;
display: inline-block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
transform: rotate(-45deg);
box-sizing: content-box;
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 0.5em;
margin-top: 0.5em;
}
.woocommerce div.product div.images .flex-control-thumbs li {
margin: 0;
list-style: none;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: 0.5;
margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1;
}
.woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n + 1) {
clear: left;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n + 1) {
clear: left;
}
.woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n + 1) {
clear: left;
}#beneficios-destacados{
padding-top: 3vh;
padding-bottom: 3vh;
} .beneficios-img-object {
position: relative;
width: 100%;
padding-top: 90%;
border-radius: var(--brL);
}
.beneficios-img-object img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
border-radius: var(--brL);
object-position: center;
filter: grayscale(0.1);
}
.beneficios-slider-content {
font-size: 0.9rem;
font-size: clamp(0.9rem, 0.88rem + 0.09999999999999998vw, 1rem);
grid-gap: 0.7em;
z-index: 2;
position: absolute;
bottom: 1.75em;
left: 1.5em;
display: flex;
align-items: center;
}
.beneficios-slider-title {
color: #fff;
font-size: 1.1rem;
font-size: clamp(1.1rem, 1.06rem + 0.19999999999999996vw, 1.3rem);
font-weight: 600;
}
.beneficios-slider-sub {
font-size: 0.85em;
font-family: var(--font-base);
font-weight: 400;
margin-top: 0.35em;
display: block;
color: #b1b1b1;
}
.beneficios-slider-line {
opacity: 0.8;
font-weight: 100;
margin: 0 0.4em;
}
.beneficios-slider-lighbox {
opacity: 0.8;
background: rgb(29, 29, 29);
background: linear-gradient(0deg, rgba(0, 0,0, 1) 10%, rgba(29, 29, 29, 0.25) 99%);
height: 100%;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-radius: var(--brL);
}
.beneficios-slider-content a {
color: var(--primary-color);
}
.beneficios-slider .owl-dots {
position: absolute;
bottom: 20px;
right: 10px;
}
.beneficios-slider .owl-dots .owl-dot span {
background: rgba(255, 255, 255, 0.4);
font-size: 0.6rem;
}
.beneficios-marca img {
width: 4em !important;
height: 4em !important;
align-self: center;
background: #fff;
} .beneficios-side-wrap {
display: flex;
height: 100%;
}
.beneficios-side {
position: relative;
background-image: url(https://beerrunperu.com/wp-content/uploads/beerrqr.jpg);
cursor: pointer;
background-size: cover;
background-position: center top;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--brL);
width: 100%;
}
.beneficios-side-content {
padding: 1.15em 1.35em 1.2em 1.35em;
color: #fff;
font-size: 0.9rem;
font-size: clamp(0.9rem, 0.88rem + 0.09999999999999998vw, 1rem);
}
.beneficios-side-title {
font-family: var(--font-heading);
font-size: 1.1em;
line-height: 1.4;
font-weight: 600;
margin-bottom: 0.5em;
}
.beneficios-side-descripcion {
color: #b2b2b2;
font-size: 1em;   line-height: 1.35;
}
.beneficio-side-icon {
height: 2.25em;
filter: var(--color-white-svg);
position: relative;
z-index: 1;
margin-bottom: 0.5em;
font-size: 1rem;
font-size: clamp(1rem, 0.94rem + 0.30000000000000004vw, 1.3rem);
} .beneficios-level-wrap {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
line-height: initial;
font-size: 0.55rem;
}
.beneficios-level {
background: #000;
padding: 0.15em 0.5em 0.1em 0.5em;
color: #fff;
text-transform: uppercase;
border-radius: 99px;
font-weight: 600;
display: inline-flex;
margin-right: 0.25em;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.beneficios-box {
border-radius:8px;
border: 1px solid #d4d4d4;
padding:0.95em  1.05em;
font-size: clamp(0.9rem, 0.88rem + 0.09999999999999998vw, 1rem);
}
.beneficios-box-title {
font-size: 1rem;
font-size: clamp(1rem, 0.96rem + 0.19999999999999996vw, 1.2rem);
font-weight: 700;
}
.beneficios-box-logo {
border-radius: 99px;
border: 1px solid #e8e8e8;
height: 3.5em !important;
width: 3.5em !important;
margin-bottom: 1em; 
}
.beneficios-box-cat .owl-nav {
position: absolute;
top: -26px;
transform: translatey(-50%);
width: 100%;
filter: invert(1);
} .beneficios-cat-title {
font-size: 1.35rem;
font-size: clamp(1.35rem, 1.29rem + 0.2999999999999998vw, 1.65rem);
line-height: initial;
font-family: var(--font-heading);
font-weight: 700;
color: #000;
}
.beneficios-prev-arrow,
.beneficios-next-arrow {
filter: invert(1);
height: 0.7em;
cursor: pointer;
opacity: 0.8;
}
.my-prev-button,
.my-next-button {
background: #f1f3f4;
border-radius: 99px;
font-size: 1rem;
height: 1.9em;
width: 1.9em;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 0.5em;
}
.beneficios-cat {
display: flex;
margin-top: 2.5%;
grid-gap: 0.25em;
align-items: center;
overflow: auto;
font-size: 0.9rem;
font-size: clamp(0.9rem, 0.89rem + 0.04999999999999993vw, 0.95rem);
}
.beneficios-cat-box {
background: #292929;
border-radius: 99px;
padding: 0.4em 1.6em 0.5em 1.3em;
font-size: 1em;
text-align: center;
color: #fff;
white-space: nowrap;
font-family: var(--font-body);
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
}
.beneficios-cat-icon {
height: 1.6em;
}
.post-type-archive-beneficios .sidebar {
background: #292929;
border-radius: var(--brL);
} .beneficios-marca {
display: flex;
grid-gap: 0.35em;
align-items: center;
font-size: 0.85rem;
font-weight: 500;
font-family: var(--font-heading);
margin-top: 1.5em;
}
.single-beneficios .sidebar .beneficios-marca {
font-size: 1.05rem;
font-weight: 800;
color: #000;
margin-top: 0;
}
.marca-logo {
border-radius: 99px !important;
height: 3.5em !important;
width: 3.5em !important;
}
.marca-title {
border-radius: 99px;
}
.beneficios-slider .marca-title {
color: #ccc;
}
.beneficios-botones {
display: flex;
grid-gap: 5px;
}
.beneficios-social-icon {
font-size: 1rem;
height: 2.1em;
width: 2.1em;
display: flex;
border-radius: 99px;
justify-content: center;
align-items: center;
display: inline-flex;
margin-right: 0.5em;
border: 1px solid #6b6b6b;
position: relative;
}
.beneficios-social-icon img {
height: 1.4em;
filter: var(--color-white-svg);
}
.beneficios-widget {
padding: 18px;
background: #fff;
border-radius: var(--brL);
border: 1px solid var(--color-gray2);
}
.beneficios-widget-marca {
background: var(--color-black);
color: #ccc;
position: relative;
border: 1px solid #000;
}
.beneficios-widget-marca .beneficios-marca {
margin-top: 0;
}
.beneficios-widget-marca h4 {
color: #fff;
}
.beneficios-widget-cat h4 {
color: #000;
margin-bottom: 20px;
}
.beneficios-widget-cat-box {
display: flex;
font-size: 1rem;
line-height: initial;
align-items: center;
grid-gap: 0.5em;
margin-top: 0.5em;
}
.beneficios-widget-cat-icon {
height: 1.6em;
filter: invert(1) saturate(0)
} .coupon-code {
font-weight: bold;
text-align: center;
color: #007cba; }
.coupon-toggle {
cursor: pointer;
color: #000;
background: #ebebeb;
border-radius: var(--brL);
text-decoration: none;
padding: 0.3em 2em;
font-weight: 500;
border: 0.12em dashed #8a8a8a;
font-size: 1rem;
width: 100%;
display: block;
line-height: initial;
text-align: center;
margin-top: 10px;
font-weight: bold;
display: flex;
justify-content: center;
grid-gap: 0.25em;
}
.coupon-toggle:hover {
border: 0.12em dashed #000;
}
.coupon-toggle  img{
height: 1.2em;
}
.coupon-toggle.active { 
cursor: auto;
border: 0.12em dashed #000000;
background: var(--primary-color);
}		
@media screen and (max-width: 999px) {
.sidebar{
margin-top: 3%;
}
.beneficios-side-wrap {
min-height: 180px;
}
}
@media screen and (min-width: 999px) {
.beneficios-cat {
flex-wrap: wrap;
} .beneficios-widget {
margin-bottom: 15px;
}
.beneficios-side-wrap {
flex-direction: column;
}
.wrap-sidebar {
display: grid;
grid-template-columns: 1fr 0.5fr;
grid-gap: 2.5%;
}
.beneficios-side {
height: 100%;
}
.post-type-archive-beneficios .sidebar {
margin-top: 0;
}
.beneficios-img-object {
padding-top: 60%;
} .primary {
overflow: hidden;
}
}.owl-carousel .owl-stage {
padding-left: 0 !important;
}
.owl-nav {
position: absolute;
top: calc(50%);
transform: translatey(-50%);
width: 100%;
}
.owl-carousel .owl-nav button.owl-next {
right: 1rem;
position: absolute;
}
.owl-carousel .owl-nav button.owl-prev {
left: 1rem;
position: absolute;
}
.owl-dots .owl-dot span {
width: 0.5em;
height: 0.5em;
margin: 0 0.3em;
background: rgba(0, 0, 0, 0.15);
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 100%;
font-size: 0.7rem;
}
.slider  .owl-dots .owl-dot span {
background: #fff;
}
.slider .owl-dots {
position: absolute;
bottom: 1.25em;
right: 0.5em;
}
.owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: var(--primary-color);
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
width: 1rem;
}
.single-producto .owl-carousel .owl-item .img-object{
margin-bottom: 0;
}
.owl-dots
{
display: flex;
justify-content: center;
margin-top: 0.8em;
} .accordion-wrap{
font-size: 1.05rem;
font-size: clamp(1.05rem, 1.024rem + 0.1299999999999999vw, 1.18rem);
position: relative;
}
.accordion-wrap:before{
width: 0.35em;
height: 100%;
background: var(--color-gray3);
z-index:1 ;
content: "";
left: 0;
display: block;
position: absolute;
border-radius: 99px;
}
.accordion {
color: #424242;
cursor: pointer;
border-top: 1px solid var(--color-gray3) !important;
padding:  1em 1.2em;
width: 100%;
border: none;
text-align: left;
position: relative;
line-height: initial;
font-weight: 800;
display: flex;
align-items: center;
font-family: var(--font-heading);
}
.accordion:before{
width: 0.35em;
height: 100%;
content: "";
left: 0;
display: block;
position: absolute;
}
.accordion:first-child {
border-top: 0  !important;
}
.accordion:hover:before, .aactive:before {
background: var(--primary-color);  
border-radius: 99px;
z-index:2 ;
}
.accordion:after {
content: '';
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/arrow-down.svg);
width: 0.7em; 
height: 0.7em; 
background-repeat: no-repeat;
top: 50%;
position: absolute;
right: 0;
transform: translatey(-50%);
}
.aactive {
color: var(--color-black);
}
.aactive:after {
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/arrow-up.svg);
}
.accordion-panel {
padding: 0 1.4em;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
color: var(--secondary-color);
} .popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 1;
animation: fadeIn 0.4s forwards;
}
.popup-content {
padding-bottom: 45%;
width: 100%;
text-align: left;
position: relative;
transform: scale(0.7);
animation: zoomIn 0.35s forwards;
display: flex;
justify-content: center;
}
.popup-content iframe {
width: 100%;
position: absolute;
height: 100%;
overflow: hidden;
padding-left: 1em;
padding-right: 1em;
}
@keyframes fadeIn {
from {
background-color: rgba(0, 0, 0, 0);
}
to {
background-color: rgba(0, 0, 0, 0.5);
}
}
@keyframes zoomIn {
from {
transform: scale(0.5);
}
to {
transform: scale(1);
}
} .testimonio-wrap{
font-size: 1rem;
}
.testimonio-box{
background: #fff;
padding: 2.8em 1.5em 2em 1.5em ;
border-radius: 0.65em;
}
.testimonio-type{
background: var(--primary-color);
width: 2.5em;
height: 2.5em;
border-radius: 99px;
position: relative;
left: 50%;
transform: translatex(-50%);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: -1.25em;
}
.testimonio-type.video{
cursor: pointer;
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/play.svg);
background-repeat: no-repeat;
background-size: 0.8em;
background-position: 0.9em center;
}
.testimonio-type img {
height: 1em;
margin-left: 0.18em;
}
.testimonio-box-content{
line-height: 1.5;
color: #181b32;
}
.testimonio-box-meta {
display: flex;
align-items: center;
grid-gap: 10px;
border-top: 1px solid var(--gray-color3);
padding-top: 10px;
margin-top: 40px;
}
.testimonio-box-meta img{
height: 45px;  width: 45px !important;
border-radius:99px;
} .nav.tabs {
overflow-x: auto;
font-size: 1rem;
display: flex;
justify-content: center;
} 
ul.nav {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
ul.nav li a {
font-weight: 500;
padding: 0.35em 0.5em 0.35em 0.5em;
border-radius: 10px;
float: left;
display: block;
cursor: pointer;
line-height: initial;
margin-right: 1em;
font-family: var(--font-heading);
font-size: 0.95rem;   
}
ul.nav li:last-child a {
margin-right: 0;
}
ul.nav a {
text-decoration: none;
}
ul.tabs a:hover {
background: var(--color-black);
color: var(--primary-color);
}
ul.tabs a.selected {
background: var(--primary-color);
color: #000;
}
ul.tabs a.selected:hover{
background: var(--primary-color) !important;
color: #000 !important;
}
.panel {
padding-top: 25px;
} .whatsapp-button {
position: fixed;
bottom: 1rem;
right: 1rem;
font-size: 0.85rem;
font-size: clamp(0.85rem, 0.82rem + 0.15000000000000002vw, 1rem);
z-index: 1000;
}
.whatsapp-icon {
width: 3.25em;
height:  3.25em;
background-color: #25D366;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.whatsapp-icon img {
width: 2.25em;
width: 2.25em;
}
.whatsapp-options {
font-size: 0.95rem;
display: none;
position: absolute;
bottom: 3.85em;
right: 0;
background: #ffffff;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
padding: 0 ;
width: 250px;
z-index: 1000;
}
.whatsapp-options a:first-child {
border-radius:  15px 15px 0 0 ;
}	
.whatsapp-options a:last-child {
border-radius:   0 0   15px 15px;
}	
.whatsapp-option {
display: flex;
align-items: center;
color: #000;   border-radius: 15px;
text-decoration: none;
padding: 0.75em 01em;
border-bottom: 1px solid #e9e9e9;
transition: background-color 0.3s ease;
position: relative;
}
.whatsapp-option:last-child {
border-bottom: none;
}
.whatsapp-option:hover {
background-color: #f1f1f1;
}
.whatsapp-option::before {
content: '';
width: 1.4em;
height: 1.4em;
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/whatsapp.svg);
background-repeat: no-repeat;
background-position: left center;
display: inline-block;
margin-right: 0.35em;
background-size: 1.4em;
} .grtyoutube-popup {
display: flex;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
justify-content: center;
align-items: center;
cursor:  pointer;
z-index: 1 ; 
animation: fadeIn 0.4s forwards; 
}
.grtyoutube-popup-content {
padding-bottom: 53%;
width: 100%;
text-align: left;
position: relative;
transform: scale(0.7);
animation: zoomIn 0.35s forwards;
display: flex;
justify-content: center;
}
.grtyoutube-popup-close {
position: absolute;
top: 1rem;
right: 1rem;
cursor: pointer;
z-index: 1;
height: 2em;
width: 2em;
background: var(--primary-color);
display: flex;
align-content: center;
justify-content: center;
border-radius: 99px;
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/close.svg);
background-size: 1em;
background-repeat: no-repeat;
background-position: center;
font-size: 1rem;
}
.grtyoutube-iframe {
width: 100%;
position: absolute;
height: 100%;
overflow: hidden; 
padding-right: 1rem ; 
padding-left: 1rem ; 
}
@keyframes fadeIn {
from {
background-color: rgba(0, 0, 0, 0);
}
to {
background-color: rgba(0, 0, 0, 0.5);
}
}
@keyframes zoomIn {
from {
transform: scale(0.5);
}
to {
transform: scale(1);
}
}
@media screen and (min-width:999px) {
.owl-dots .owl-dot span {
font-size: 1rem;
}
.slider .owl-dots {
bottom: 2.05em;
right: 1.35em;
}
.grtyoutube-popup-content {
padding-bottom: 42.5%;
width: 77%;
}
}body.page-template-page-user, body.author, body.runner {
background: #ececec;
}
body.page-template-page-user .shop_table .button{
margin: 0 ;
width: fit-content;
}
body.page-template-page-user .woocommerce-Address{
margin-bottom: 1.5rem 
}
body.page-template-page-user p:first-of-type{
margin-top: 0;
}
body.page-template-page-user  .woocommerce-MyAccount-content p, 
body.page-template-page-user .woocommerce-MyAccount-content a, 
body.page-template-page-user .woocommerce-MyAccount-content table,
body.page-template-page-user .woocommerce-MyAccount-content address,
body.page-template-page-user  .woocommerce-MyAccount-content .woocommerce-info
{
font-size: 0.9rem;
} .basic-user-avatar-popup{
position: fixed;
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index:2;
top: 0;
}
.basic-user-avatar-container{
max-width: 500px;
height: fit-content;
padding: 18px 15px 15px 15px;
background: #fff;
text-align: center;
border-radius: 10px;
z-index:3;
margin: 0 1rem;
}
.basic-user-avatar-container img.avatar{
border-radius: 99px;
margin: 0 auto 15px auto;
}
.basic-user-avatar-container input[type="submit"]{
margin: 0 ;
}
.basic-user-avatar-container  input[type=file] {
margin: 0 auto;
}
.user-perfil .user-img {
position: relative;
}
.user-perfil .user-img img{
height: 3.65em;
width:3.8em;
border-radius: 99em;
max-width: 3.65em  !important; 
cursor: pointer;
}
.user-perfil  .user-img .edit-avatar {
height: 1.3em;
width: 1.3em;
background: #000;
border-radius: 99px;
position: absolute;
bottom: 0;
left: 0;
} .user-access{
display: flex;
grid-gap: 15px;
flex-direction: column;
}
.user-login, .user-register
{
background: #fff;
padding: 1.5rem;
border-radius: 10px;
}
.woocommerce-MyAccount-content  {
width: 100%;
}
.woocommerce-MyAccount-content  .shop_table {
margin-bottom: 1.5rem;
}
.woocommerce-MyAccount-content  .shop_table td, .woocommerce-MyAccount-content  .shop_table th {
padding: 4px 20px;  
}
.woocommerce-MyAccount-content  .shop_table  tr td:first-child,  .woocommerce-MyAccount-content  .shop_table tr th:first-child   {
padding:  0
}
.woocommerce-MyAccount-content  .shop_table  td {
font-weight: normal;
}
.woocommerce-MyAccount-content .shop_table th {
text-align: left;
}
.woocommerce-MyAccount-content h2 {
font-size: 1.15rem;
font-weight: 900;
line-height: 1.4;
margin: 0 0 0.25em 0;
}
.woocommerce-MyAccount-content  fieldset
{
border-radius: 10px;
border: 1px solid var(--color-gray3);
padding: 10px 15px;
}
.active-user{
background: var(--primary-color);
color: #000;
width: fit-content;
border-radius: 5px;
padding: 0.2em 0.5em;
margin-bottom: 0.3em;
font-size: 1rem;
font-family: var(--font-heading);
font-weight: 800;
line-height: initial;
}
.no-active-user{
background: var(--color-gray2);
color: #000;
width: fit-content;
border-radius: 5px;
padding: 0.2em 0.5em;
margin-bottom: 0.3em;
font-size: 1rem;
font-family: var(--font-heading);
font-weight: 800;
line-height: initial;
}
.user-wrap {
margin-bottom: 10px; 
grid-gap: 10px;
display: grid;
} .user-perfil {
display: flex;
background: #fff;
border-radius: 10px;
align-items: center;
grid-gap: 0.6em;
width: 100%;
font-size: 1rem; box-shadow: var(--box-shadow-woo);
}
.user-perfil .user-name {
font-weight: 800;
font-family: var(--font-heading);
line-height: initial;
color: #000;
}
.user-perfil .user-data span {
display: flex;
align-items: center;
grid-gap: 5px;
color: #000;
}
.user-perfil .user-data span img {
height: 15px;
}
.user-plan {
background: #fff;
border-radius: 0.5em;
width: 100%; 
box-shadow: var(--box-shadow-woo);
}
.user-perfil,
.user-plan,
.woocommerce-MyAccount-content {
padding: 1.2rem;
}
.woocommerce-MyAccount-content {
background: #fff;
border-radius: 10px; box-shadow: var(--box-shadow-woo);
} .order-wrap {
position: relative;
border-top: 1px solid var(--color-gray3);
padding: .25rem 0 ;
}
.order-center {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-items: end;
}
.order-right {
position: absolute;
top: 0;
right: 0;
display: flex;
flex-direction: column;
grid-gap: 5px;
align-items: flex-end;
}
.order-left,
.order-items,
.order-right {
margin: 1rem 0rem ;
}
.order-item img {
border-radius: 3px;
width: auto !important;
}
.order-item {
font-size: var(--small-text);
cursor: grab;
line-height: 1.2;
display: flex;
grid-gap: 0.6em;
align-items: center;
}
.woocommerce-MyAccount-content h3,  .woocommerce-MyAccount-content h2 {
font-size: 1rem;
font-size: clamp(1rem, 0.9928571428571429rem + 0.03571428571428575vw, 1.05rem);
font-weight: 800;
line-height: 1.2;
}
.woocommerce-address-fields {
margin-top: 15px;
} .woocommerce-MyAccount-navigation {
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 10px;
border-radius: 10px; 
box-shadow: var(--box-shadow-woo);
width: 100%;    height: 100%; 
}
.woocommerce-MyAccount-navigation ul {
display: flex;
white-space: nowrap;
grid-gap: 5px;
}
.woocommerce-MyAccount-navigation-link a {
background: #fff;
border-radius: 99px;
position: relative;
padding: 0.5em 1em 0.5em 1em;
font-size: 1rem;
display: flex;
line-height: initial;
align-items: center;
}
.woocommerce-MyAccount-navigation-link a:before {
content: "";
width: 1.25em;
height: 1.25em;
position: relative;
left: 0;
color: #fff;
margin-right: 0.55em;
z-index: 1;
opacity: 0.55;
}
.woocommerce-MyAccount-navigation-link--dashboard a:before {
background: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/user-dash.svg);
}
.woocommerce-MyAccount-navigation-link--benefits a:before {
background: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/user-benefits.svg);
}
.woocommerce-MyAccount-navigation-link--orders a:before {
background: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/user-cart.svg);
}
.woocommerce-MyAccount-navigation-link--membresia a:before {
background: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/user-subscription.svg);
}
.woocommerce-MyAccount-navigation-link--edit-account a:before {
background: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/user-settings.svg);
}
.woocommerce-MyAccount-navigation-link--edit-address a:before {
background: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/user-address.svg);
}
.woocommerce-MyAccount-navigation-link--customer-logout a:before {
background: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/user-logout.svg);
}
.woocommerce-MyAccount-navigation-link.is-active a {
color: #000;
font-weight: 500;
background: #fcfcfc;
}
@media screen and (min-width: 999px) {
.woocommerce-MyAccount-navigation-link a {
width: 100%;
border-radius: 0 ; 
font-size: 1rem;
padding: 0.85rem 1.5rem ;
}
.user-perfil, .user-plan , .woocommerce-MyAccount-content{
padding: 20px;
}
.woocommerce-MyAccount-navigation ul {
grid-gap: 1px;
}
.woocommerce-MyAccount-navigation, .user-perfil  {
max-width: 290px;
}
.woocommerce-MyAccount-navigation-link:first-child a{
border-radius: 10px 10px 0 0 ;
}
.woocommerce-MyAccount-navigation-link:last-child a{
border-radius: 0 0   10px 10px;
}
.order-wrap {
display: grid;
grid-template-columns: 1fr 50% 1fr;
}
.woocommerce-MyAccount-navigation ul {
flex-direction: column;
}
.order-right {
flex-direction: row;
}
.order-items {
border-left: 1px solid var(--color-gray3);
padding-left: 1.5rem;
}
.user-content .woocommerce,
.user-wrap {
display: flex; 
grid-gap: 10px; justify-content: center;  
}
.runner
.user-wrap {     margin: 0 auto;
max-width: 500px; 
flex-direction: column;
}
.runner  .user-perfil {
max-width: 100%;
}
.user-access {
flex-direction: row;
}
.user-login, .user-register
{
width: 50%;
}
}input[type=file] {
max-width: 260px;
width: 100%;
padding: 0.5em 0.5em 0.5em 0.5em;
background: #fff;
border-radius: 10px ;  
font-size: 0.9rem;
}
input[type=file]::file-selector-button {
margin-right: 10px;
border: none;
background: #000;;
padding: 0.8em 0.9em;
border-radius: 10px;
color: #fff;
font-size: 0.85rem;
cursor: pointer;
}
input[type=file]::file-selector-button:hover {
background:  var(--primary-color);
color: #000; 
}
label {
font-size: 0.9rem;
} .select2-selection__arrow{
display: none;
}
.select2-selection--single {
border:0 !important;
height: auto !important;
}
select, .select2-container .select2-selection--single{
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url(//beerrunperu.com/wp-content/themes/beerunperu/icons/arrow-down.svg);
background-position: calc(100% - 0.5em);
background-size: 0.65em;
background-repeat: no-repeat;
} input, textarea, select, .select2-selection__rendered {
font-size: 0.9rem;
font-size: clamp(0.9rem, 0.8857142857142858rem + 0.07142857142857141vw, 1rem);
padding: 0.65em 0.65em 0.75em 0.65em;
font-family: var(--font-text);
border: 0.08em  solid var(--color-gray3);
border-radius: 5px;
width: 100%;
-webkit-appearance: none;
color: black;
display: block;
line-height: initial;
margin-bottom: 0.5em;
}
.btn, .button, input[type="submit"], button[type="submit"] {
font-size: 0.9rem;
font-size: clamp(0.9rem, 0.8857142857142858rem + 0.07142857142857141vw, 1rem);
padding: 0.65em 0.85em 0.75em 0.85em;
font-family: var(--font-text);
background: var(--primary-color); 
display: inline-flex;
text-decoration: none;
color: #000;
border-radius: 10px;
white-space: nowrap;
cursor: pointer;
font-weight: 500;
letter-spacing: -0.025em;
border: 0.08em solid;
text-align: center;
border-color: var(--primary-color);
line-height: initial;
margin-top: 1.5em;
grid-gap: 0.1em;
width: fit-content;
}
.btn-l,  .wpcf7-submit {
font-size: 0.95rem !important;
font-size: clamp(0.95rem, 0.9099999999999999rem + 0.19999999999999996vw, 1.15rem) !important;
border-radius: 10px;
}
.btn-xl, .single_add_to_cart_button, .single-product .quantity input, .single-product select {
font-size: 0.95rem !important;
font-size: clamp(0.95rem, 0.9142857142857143rem + 0.17857142857142858vw, 1.2rem)  !important;
border-radius: 10px;
}
.btn-xxl, .checkout-button, .woocommerce-checkout-payment .button, .cart.grouped_form .single_add_to_cart_button {
font-size: 1.2rem ;
font-weight: 500;
letter-spacing: -0.02em;
}
.btn-width,.checkout-button, .woocommerce-checkout-payment .button  {  
width: 100%;
display: flex;
justify-content: center;
}
.btn-white-color {
background: #fff;
color: var(--primary-color);
border-color: #fff;
}
.btn-white-black {
background: #fff;
color: #000;
border-color: #fff;
}
.btn-black-color {
background: #000;
color: var(--primary-color);
border-color: #000;
}
.btn-gray, .button.view,.button.cancel {
background: #ecedee;
color: inherit;
border-color: #ecedee;
padding: 0.3em 0.85em 0.35em 0.85em;
margin: 0.4em 0;
}
.btn-black-white {
background: #000;
color: #fff;
border-color: #000;
}
.btn-border-color{
background: transparent;
color: var(--primary-color);
border-color:  var(--primary-color);
}
.btn-border-white{
background: transparent;
color: #fff;
border-color:  #fff;
}
.btn-border-black{
background: transparent;
color: #000;
border-color:  #000;
}
.btn:hover, button:hover, .button:hover{
background: #000;
color: var(--primary-color);
border-color: #000;
}
.hover-white-black:hover{
background: #fff;
color: #000; 
border-color: #fff;
}
.hover-border-color:hover{
background: transparent;
color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-black-color:hover{
background: var(--primary-color);
color: #000;
border-color: var(--primary-color);
}
.hover-border-white:hover{
background: transparent;
color: #fff; 
border-color:  #fff;
}
.hover-border-black:hover{
background: transparent;
color: #000;
border-color:  #000;
} .btn-call {
font-size: 0.95rem;
color: var(--color-gray1);
text-decoration: underline;
margin-top: 0.3em;
text-align: center;
display: block;
} .btn-play {
font-size: 1rem;
font-size: clamp(1rem, 0.9571428571428572rem + 0.2142857142857143vw, 1.3rem);
width: 2.9em;
height: 2.9em;
border-radius: 100%;
z-index: 1;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
left: 50%;
top: 50%;
background: var(--color-black);
transform: translate(-50%, -50%) scale(1);
cursor: pointer;
transition: 0.2s; 
}
.btn-play:hover {
transform:translate(-50%, -50%) scale(1.1);
transform-origin: center;
}
.btn-play-white {
background: #fff;
}
.btn-play-color {
background: var(--primary-color);
}
.btn-play img {
height: 1.1em !important;
margin-left: 0.2em !important;
width: auto !important;
border-radius: 0 !important;
filter: var(--color-svg);
}
.btn-play-white img,
.btn-play-color img {
filter: unset !important;
} input[type="checkbox"], input[type="radio"]  {     appearance: none;
appearance: none;
-webkit-appearance: none;
margin-bottom: 0;
justify-content: center;
font-size: 1.05rem;
width: 1.05em;
height: 1.05em;
cursor: pointer;
padding:0; 
border: 0.1rem solid black;
border-radius: 99px;
align-items: center;
display: inline-flex;
margin:0 0.2em  0 0;
}
.wpcf7-list-item-label { 
margin-right: 1em;
}
input[type="checkbox"]::before, input[type="radio"]::before {
content: "";
width: 0.45em;
height:0.45em;
clip-path: polygon(17% 54%, 28% 43%, 38% 54%, 70% 22%, 81% 33%, 38% 75%, 17% 54%);
transform: scale(0);
background-color: #fff;
}
input[type="checkbox"]:checked::before, input[type="radio"]:checked::before  {
transform: scale(2); 
}
input[type="checkbox"]:hover, input[type="radio"]:hover {
color: black; 
}
input[type='checkbox']:checked, input[type="radio"]:checked  {
background-color: black;
} .woocommerce-message .button, .form-row-coupon .button, .woocommerce-cart .actions button, .single_add_to_cart_button, #about .btn, .coupon input {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
input::placeholder, textarea::placeholder {
color: #96939c;
}
input:focus, textarea:focus {
outline: none !important;
box-shadow: none;
}.arm_setup_form_1.arm-default-form:not(.arm_admin_member_form) {
max-width: 600px !important;
}
.arm_module_forms_container {
border-bottom: 0 !important;
} #arm-page-user .arm_setup_form_1, #arm-page-user .arm_form_message_container {
width: 100%;
}
.armfa.armfa-times {
display: none !important;
}
#arm-page-user .arm_form {
font-size: 1rem !important;
background: #fff !important;
padding: 2.2em 1.5em 2em 1.5em !important;
border-radius: 20px !important;
max-width: 600px !important;
width: 100% !important;
position: relative !important;
font-family: var(--font-base) !important;
}
#arm-page-user .arm_module_box .arm_form {
padding-bottom: 0 !important;
}
#arm-page-user .arm_setup_submit_btn_wrapper {
font-size: 1rem !important;
padding:  0 0  1.5em  0 !important;
}
#arm-page-user .arm_setup_summary_text_main_container{
font-size: 1rem !important;
padding:   2.2em  0 0  0 !important;
}
#arm-page-user  .arm_registration_link,
#arm-page-user   .arm_forgotpassword_link,
#arm-page-user .arm_login_link{
font-size: 1rem !important;
color: #656565 !important; 
font-family: var(--font-base) !important;
} 
#arm-page-user  .arm_registration_link a,
#arm-page-user   .arm_forgotpassword_link a,
#arm-page-user .arm_login_link a{
color: #000000 !important;
}
#arm-page-user  .arm_login_links_wrapper{
margin-top: 5px !important;
margin-bottom: -5px !important;
}
#arm-page-user .arm_forgotpassword_link {
float: none !important;
text-align: center !important; 
}
#arm-page-user .arm-df__form-group_submit {
margin: 0 !important;
padding-bottom: 0 !important; 
} #arm-page-user .arm-df__form-group_select {
background: #fff !important; 
border-radius: 20px !important;
font-size: 1rem !important;   
padding: 2.2em 1.5em 2em 1.5em !important;
}
#arm-page-user .arm_module_plans_container {
border-bottom: 1px solid var(--color-gray3) !important;
}
#arm-page-user  .arm_setup_summary_text{
font-size: 1rem  !important; 
line-height: 1.4  !important; 
}
#arm-page-user  .arm-method-payment {
height: 25px;
margin: 1.25em  auto  1.25em  auto  !important; 
}
#arm-page-user  .arm_module_box {
padding: 0 !important;
}
#arm-page-user  .arm_disabled_submission_container {
margin: 1em 1em 0 1em !important;
font-size: 0.85rem !important;
text-align: center !important;
}
#arm-page-user .arm_error_msg {
margin-bottom: 1em !important;
text-align: center !important;
} #arm-page-user  .arm_forgot_password_description {
margin-bottom: 0  !important;
} #arm-page-user .arm-df__form-control-submit-btn {
border-radius: 10px !important;
font-size: 1.5rem !important;
text-align: center !important;
display: inline-block !important;
line-height: initial !important; 
padding: 0.35em 0.8em  0.5em 0.8em  !important;
color: #000 !important;
font-weight: 500 !important;
width: fit-content;
letter-spacing: -0.05 !important;
border: 1px solid var(--primary-color) !important;  margin: 5px 0  !important;
font-family: var(--font-base) !important;
}
#arm-page-user .arm_module_gateways_container {
display: none;
}
#arm-page-user .arm-df__heading-text,
#arm-page-user .arm_setup_form_title, 
#arm-page-user .arm_setup_summary_text h2 {
font-family: var(--font-heading);
text-align: center;
font-size: 1.3rem !important;  
font-size: clamp(1.3rem, 1.2rem + 0.5vw, 1.8rem)  !important;
font-weight: 900 !important;
line-height: 1.15 !important;
color: #000 !important;
padding-bottom: 0.5em !important;
margin-bottom: 0 !important;
}
body.page-template-page-armember-php {
background: #ececec;
} .arm_form_message_container .arm_success_msg,
.arm_form_message_container .success,
.arm_form_message_container1 .arm_success_msg,
.arm_form_message_container1 .success,
.arm_form_message_container .arm-df__fc--validation__wrap,
.arm_form_message_container .arm_error_msg {
background: #000 !important;
border: 0 !important;
color :#fff !important;
font-family: var(--font-base) !important;
font-size: 0.85rem !important;
line-height: 1 !important;
border-radius: 8px !important;
padding: 0.45em 0.55em !important;
line-height: 1.3 !important;
}
.arm_already_logged_in_message{
background: #fff;
padding: 0.5em;
text-align: center;
border-radius: 10px;
color: #000;
}