#cervMenu{
    flex-flow: row wrap;
}
.cervMenuBtn {width: 100px; border: 1px solid var(--main-details-dark-color); background-color: rgba(140, 130, 115, 0.8); border-radius: 15px; margin: 1px;}
.cervMenuBtn:hover {width: 100px; border: 1px solid var(--main-details-dark-color); background-color: rgba(93, 75, 59, 0.8); border-radius: 15px; margin: 1px;}
.cervMenuImg {width: 100%;}
.nograf {border-right: none !important;}

.cervValuesContLemon {
    width: 40%;
    padding: 10px;
    border-radius: 20px;
    text-align: center;
}

.cervCont {
padding: 20px;
border-radius: 20px;
margin-top: 15px;
scroll-margin-top: 150px;
}
.cervCont > * { flex: 1; height: 100%; }
.border- {align-items: stretch;}

.cervValuesCont {
    width: 20%;
    margin: 10px;
    border-radius: 15px; 
    overflow: hidden;

}
.cervValue {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px 15px;
    text-align: center;
}

.cervLogoCont {
    display: grid;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
}
.cervLogoCont>img {grid-area: 1 / 1 / 1 / 1;}
.cervLogo {opacity: 1; transition: opacity 0.8s ease-in-out;}
.cervLata  {opacity: 0; transition: opacity 0.8s ease-in-out;}

.cervDesc, .cervKeywords {
    width: calc(100%-10px);
    padding: 10px;
    margin: 10px;
    text-align: center;
    border-radius: 15px;
}

#c1840 {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(99, 75, 5, 0.7) 10%, rgba(253, 230, 199, 0.7) 50%, rgba(99, 75, 5, 0.7) 90%);
    border: 1px solid #634b36;
}
.border-1840 {border-left: 1px solid #634b36; border-right: 1px solid #634b36;}
.c1840 { background-color: #b8a68e;}

#Blonde {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(24, 86, 157, 0.7) 10%, rgba(206, 27, 34, 0.7) 50%, rgba(24, 86, 157, 0.7) 90%);
    border: 1px solid #18569D;
}
.border-Blonde {border-left: 1px solid #18569D; border-right: 1px solid #18569D;}
.Blonde { background-color: #18569D;}

#Scottish {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(83, 31, 22, 0.7) 10%, rgba(216, 108, 0, 0.7) 50%, rgba(83, 31, 22, 0.7) 90%);
    border: 1px solid #D86C00;
}
.border-Scottish {border-left: 1px solid #D86C00; border-right: 1px solid #D86C00;}
.Scottish { background-color: #D86C00;}

#Porter {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(198, 168, 132, 0.7) 10%, rgba(229, 203, 162, 0.7) 50%, rgba(198, 168, 132, 0.7) 90%);
    border: 1px solid #a58d6f;
}
.border-Porter {border-left: 1px solid #a58d6f; border-right: 1px solid #a58d6f;}
.Porter { background-color: #a58d6f;}

#Honey {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(255, 183, 0, 0.7) 10%, rgba(245, 219, 134, 0.7) 50%, rgba(255, 183, 0, 0.7) 90%);
    border: 1px solid #FFB700;
}
.border-Honey {border-left: 1px solid #FFB700; border-right: 1px solid #FFB700;}
.Honey { background-color: #FFB700;}


#Gladstone {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(71, 60, 52, 0.7) 10%, rgba(230, 206, 178, 0.7) 50%, rgba(71, 60, 52, 0.7) 90%);
    border: 1px solid #E6CEB2;
}
.border-Gladstone {border-left: 1px solid #806d5f; border-right: 1px solid #806d5f;}
.Gladstone { background-color: #a58e7d;}

#Old {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(49, 49, 49, 0.7) 10%, rgba(87, 50, 39, 0.7) 50%, rgba(49, 49, 49, 0.7) 90%);
    border: 1px solid #573227;
}
.border-Old {border-left: 1px solid #573227; border-right: 1px solid #573227;}
.Old { background-color: #8b5241;}

#Apa {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(17, 56, 53, 0.7) 10%, rgba(241, 176, 72, 0.7) 50%, rgba(17, 56, 53, 0.7) 90%);
    border: 1px solid #113835;
}
.border-Apa {border-left: 1px solid #113835; border-right: 1px solid #113835;}
.Apa { background-color: #f1b048;}

#Ipa {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(242, 151, 47, 0.7) 10%, rgba(154, 202, 61, 0.7) 50%, rgba(242, 151, 47, 0.7) 90%);
    border: 1px solid #F2972F;
}
.border-Ipa {border-left: 1px solid #F2972F; border-right: 1px solid #F2972F;}
.Ipa { background-color: #F2972F;}

#California {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(0, 161, 161, 0.7) 10%, rgba(244, 127, 32, 0.7) 50%, rgba(0, 161, 161, 0.7) 90%);
    border: 1px solid #00A1A1;
}
.border-California {border-left: 1px solid #F47F20; border-right: 1px solid #F47F20;}
.California { background-color: #00A1A1;}

#Iron {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(244, 152, 0, 0.7) 10%, rgba(250, 242, 235, 0.7) 50%, rgba(244, 152, 0, 0.7) 90%);
    border: 1px solid #F49800;
}
.border-Iron {border-left: 1px solid #F49800; border-right: 1px solid #F49800;}
.Iron { background-color: #F49800;}

#Lemon {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(248, 211, 57, 0.7) 10%, rgba(101, 128, 95, 0.7) 50%, rgba(248, 211, 57, 0.7) 90%);
    border: 1px solid #F8D339;
}
.border-Lemon {border-left: 1px solid #F8D339; border-right: 1px solid #F8D339;}
.Lemon { background-color: #65805F;}

/* CERVEZAS ESP INQ */

#acantilados {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(249, 161, 78, 0.7) 10%, rgba(222, 65, 75, 0.7) 50%, rgba(249, 161, 78, 0.7) 90%);
    border: 1px solid #DE414B;
}
.border-acantilados {border-left: 1px solid #DE414B; border-right: 1px solid #DE414B;}
.acantilados { background-color: #DE414B;}

#adrenalina {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(172, 55, 37, 0.7) 10%, rgba(61, 19, 13, 0.7) 50%, rgba(172, 55, 37, 0.7) 90%);
    border: 1px solid #AC3725;
}
.border-adrenalina {border-left: 1px solid #AC3725; border-right: 1px solid #AC3725;}
.adrenalina { background-color: #AC3725;}

#arenga {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(44, 168, 209, 0.7) 10%, rgba(255, 255, 255, 0.7) 50%, rgba(44, 168, 209, 0.7) 90%);
    border: 1px solid #0E5A7A;
}
.border-arenga {border-left: 1px solid #0E5A7A; border-right: 1px solid #0E5A7A;}
.arenga { background-color: #2ca8d1;}

#atomica {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(91, 94, 94, 0.7) 10%, rgba(127, 20, 9, 0.7) 50%, rgba(91, 94, 94, 0.7) 90%);
    border: 1px solid #bb200f;
}
.border-atomica {border-left: 1px solid #7F1409; border-right: 1px solid #7F1409;}
.atomica { background-color: #bb200f;}

#bigFish {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(18, 161, 154, 0.7) 10%, rgba(218, 165, 32, 0.7) 50%, rgba(18, 161, 154, 0.7) 90%);
    border: 1px solid #daa520;
}
.border-bigFish {border-left: 1px solid #daa520; border-right: 1px solid #daa520;}
.bigFish { background-color: #daa520;}

#brutall {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(179, 204, 53, 0.7) 10%, rgba(218, 111, 47, 0.7) 50%, rgba(179, 204, 53, 0.7) 90%);
    border: 1px solid #DA6F2F;
}
.border-brutall {border-left: 1px solid #DA6F2F; border-right: 1px solid #DA6F2F;}
.brutall { background-color: #DA6F2F;}

#bruxelas {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(42, 83, 113, 0.7) 10%, rgba(240, 199, 107, 0.7) 50%, rgba(42, 83, 113, 0.7) 90%);
    border: 1px solid #2A5371;
}
.border-bruxelas {border-left: 1px solid #2A5371; border-right: 1px solid #2A5371;}
.bruxelas { background-color: #f0c76b;}

#coffeePastryStout {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(56, 28, 15, 0.7) 10%, rgba(237, 53, 69, 0.7) 50%, rgba(56, 28, 15, 0.7) 90%);
    border: 1px solid #ED3545;
}
.border-coffeePastryStout {border-left: 1px solid #ED3545; border-right: 1px solid #ED3545;}
.coffeePastryStout { background-color: #ED3545;}

#coffeeStout {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(255, 228, 188, 0.7) 10%, rgba(228, 228, 228, 0.7) 50%, rgba(255, 228, 188, 0.7) 90%);
    border: 1px solid #3D281E;
}
.border-coffeeStout {border-left: 1px solid #3D281E; border-right: 1px solid #3D281E;}
.coffeeStout { background-color: #b18e7e;}

#coldIpa {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.7) 10%, rgba(40, 64, 96, 0.7) 50%, rgba(0, 0, 0, 0.7) 90%);
    border: 1px solid #284060;
}
.border-coldIpa {border-left: 1px solid #284060; border-right: 1px solid #284060;}
.coldIpa { background-color: #284060;}

#corsaria {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(54, 69, 64, 0.7) 10%, rgba(225, 170, 96, 0.7) 50%, rgba(54, 69, 64, 0.7) 90%);
    border: 1px solid #e1aa60;
}
.border-corsaria {border-left: 1px solid #e1aa60; border-right: 1px solid #e1aa60;}
.corsaria { background-color: #e1aa60;}

#doppelbock {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(44, 19, 6, 0.7) 10%, rgba(154, 45, 0, 0.7) 50%, rgba(44, 19, 6, 0.7) 90%);
    border: 1px solid #9A2D00;
}
.border-doppelbock {border-left: 1px solid #9A2D00; border-right: 1px solid #9A2D00;}
.doppelbock { background-color: #ca3d01;}

#festiva {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(223, 43, 40, 0.7) 10%, rgba(223, 122, 48, 0.7) 50%, rgba(12, 72, 102, 0.7) 90%);
    border: 1px solid #E63633;
}
.border-festiva {border-left: 1px solid #E63633; border-right: 1px solid #E63633;}
.festiva { background-color: #E63633;}

#fuckIpl {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(169, 209, 105, 0.7) 10%, rgba(91, 167, 183, 0.7) 50%, rgba(169, 209, 105, 0.7) 90%);
    border: 1px solid #5BA7B7;
}
.border-fuckIpl {border-left: 1px solid #5BA7B7; border-right: 1px solid #5BA7B7;}
.fuckIpl { background-color: #5BA7B7;}

#imperialPastryStout {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(0, 0, 0, 0.7) 10%, rgba(135, 65, 31, 0.7) 50%, rgba(0, 0, 0, 0.7) 90%);
    border: 1px solid #87411F;
}
.border-imperialPastryStout {border-left: 1px solid #87411F; border-right: 1px solid #87411F;}
.imperialPastryStout { background-color: #87411F;}

#infernalWeeHeavy {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(216, 153, 131, 0.7) 10%, rgba(253, 229, 207, 0.7) 50%, rgba(216, 153, 131, 0.7) 90%);
    border: 1px solid #DD7E6B;
}
.border-infernalWeeHeavy {border-left: 1px solid #DD7E6B; border-right: 1px solid #DD7E6B;}
.infernalWeeHeavy { background-color: #DD7E6B;}

#ipaPatagonica {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(242, 160, 121, 0.7) 10%, rgba(251, 195, 96, 0.7) 50%, rgba(51, 79, 88, 0.7) 90%);
    border: 1px solid #334F58;
}
.border-ipaPatagonica {border-left: 1px solid #334F58; border-right: 1px solid #334F58;}
.ipaPatagonica { background-color: #f2a079;}

#ironAle {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(115, 43, 56, 0.7) 10%, rgba(244, 152, 0, 0.7) 50%, rgba(115, 43, 56, 0.7) 90%);
    border: 1px solid #732B38;
}
.border-ironAle {border-left: 1px solid #732B38; border-right: 1px solid #732B38;}
.ironAle { background-color: #f49800;}

#kronomether {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(178, 217, 211, 0.7) 10%, rgba(49, 165, 165, 0.7) 50%, rgba(15, 68, 119, 0.7) 90%);
    border: 1px solid #31A5A5;
}
.border-kronomether {border-left: 1px solid #31A5A5; border-right: 1px solid #31A5A5;}
.kronomether { background-color: #31A5A5;}

#lagerAndina {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(128, 156, 150, 0.7) 10%, rgba(65, 126, 113, 0.7) 50%, rgba(128, 156, 150, 0.7) 90%);
    border: 1px solid #417E71;
}
.border-lagerAndina {border-left: 1px solid #417E71; border-right: 1px solid #417E71;}
.lagerAndina { background-color: #417E71;}

#lagerNavidenia {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(96, 95, 94, 0.7) 10%, rgba(64, 173, 134, 0.7) 50%, rgba(231, 66, 65, 0.7) 90%);
    border: 1px solid #40AD86;
}
.border-lagerNavidenia {border-left: 1px solid #E74241; border-right: 1px solid #E74241;}
.lagerNavidenia { background-color: #40AD86;}

#maori {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(164, 200, 74, 0.7) 10%, rgba(33, 62, 58, 0.7) 50%, rgba(164, 200, 74, 0.7) 90%);
    border: 1px solid #213E3A;
}
.border-maori {border-left: 1px solid #213E3A; border-right: 1px solid #213E3A;}
.maori { background-color: #a4c84a;}

#mitos {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(208, 177, 136, 0.7) 10%, rgba(107, 62, 35, 0.7) 50%, rgba(208, 177, 136, 0.7) 90%);
    border: 1px solid #6C3F23;
}
.border-mitos {border-left: 1px solid #6C3F23; border-right: 1px solid #6C3F23;}
.mitos { background-color: #975a33;}

#novembeer {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(231, 63, 54, 0.7) 10%, rgba(0, 169, 116, 0.7) 50%, rgba(60, 184, 193, 0.7) 90%);
    border: 1px solid #E73F36;
}
.border-novembeer {border-left: 1px solid #E73F36; border-right: 1px solid #E73F36;}
.novembeer { background-color: #E73F36;}

#oktoberfest {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(239, 184, 124, 0.7) 10%, rgba(108, 72, 38, 0.7) 50%, rgba(239, 184, 124, 0.7) 90%);
    border: 1px solid #6C4826;
}
.border-oktoberfest {border-left: 1px solid #6C4826; border-right: 1px solid #6C4826;}
.oktoberfest { background-color: #ca8749;}

#otto {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(253, 253, 255, 0.7) 10%, rgba(123, 123, 126, 0.7) 50%, rgba(227, 227, 233, 0.7) 90%);
    border: 1px solid #252222;
}
.border-otto {border-left: 1px solid #252222; border-right: 1px solid #252222;}
.otto { background-color: #d1c0c0;}

#pasteuripasion {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(255, 140, 8, 0.7) 10%, rgba(108, 255, 75, 0.7) 50%, rgba(255, 16, 203, 0.7) 90%);
    border: 1px solid #372668;
}
.border-pasteuripasion {border-left: 1px solid #372668; border-right: 1px solid #372668;}
.pasteuripasion { background-color: #ff8c08;}

#resurrection {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(120, 175, 195, 0.7) 10%, rgba(202, 102, 50, 0.7) 50%, rgba(120, 175, 195, 0.7) 90%);
    border: 1px solid #78AFC3;
}
.border-resurrection {border-left: 1px solid #78AFC3; border-right: 1px solid #78AFC3;}
.resurrection { background-color: #78AFC3;}

#reyMomo {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(240, 167, 21, 0.7) 10%, rgba(159, 81, 83, 0.7) 50%, rgba(240, 167, 21, 0.7) 90%);
    border: 1px solid #9F5153;
}
.border-reyMomo {border-left: 1px solid #9F5153; border-right: 1px solid #9F5153;}
.reyMomo { background-color: #9F5153;}

#sessionIpaMarplatense {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(248, 211, 57, 0.7) 10%, rgba(235, 95, 93, 0.7) 50%, rgba(67, 179, 136, 0.7) 90%);
    border: 1px solid #409bc9;
}
.border-sessionIpaMarplatense {border-left: 1px solid #409bc9; border-right: 1px solid #409bc9;}
.sessionIpaMarplatense { background-color: #409bc9;}

#urban {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(208, 216, 98, 0.7) 10%, rgba(18, 62, 97, 0.7) 50%, rgba(208, 216, 98, 0.7) 90%);
    border: 1px solid #123E61;
}
.border-urban {border-left: 1px solid #123E61; border-right: 1px solid #123E61;}
.urban { background-color: #d0d862;}

#westCoastIpa {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(247, 241, 197, 0.7) 10%, rgba(202, 145, 134, 0.7) 50%, rgba(86, 72, 102, 0.7) 90%);
    border: 1px solid #564866;
}
.border-westCoastIpa {border-left: 1px solid #564866; border-right: 1px solid #564866;}
.westCoastIpa { background-color: #9a81b6;}

#witbier {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(157, 47, 33, 0.7) 10%, rgba(248, 158, 20, 0.7) 50%, rgba(55, 21, 10, 0.7) 90%);
    border: 1px solid #9D2F21;
}
.border-witbier {border-left: 1px solid #9D2F21; border-right: 1px solid #9D2F21;}
.witbier { background-color: #d8412e;}

/* ESPIRITU MILENARIO */

#ocultasPasiones {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(157, 47, 33, 0.7) 10%, rgba(248, 158, 20, 0.7) 50%, rgba(55, 21, 10, 0.7) 90%);
    border: 1px solid #9D2F21;
}
.border-ocultasPasiones {border-left: 1px solid #9D2F21; border-right: 1px solid #9D2F21;}
.ocultasPasiones { background-color: #d8412e;}

#guarani {
    background: rgba(24, 86, 157, 10);
    background: linear-gradient(145deg, rgba(47, 90, 54, 0.7) 10%, rgba(207, 187, 122, 0.7) 50%, rgba(47, 90, 54, 0.7) 90%);
    border: 1px solid #cfbb7a;
}
.border-guarani {border-left: 1px solid #cfbb7a; border-right: 1px solid #cfbb7a;}
.guarani { background-color: #cfbb7a;}

/* GIN ALGEBRA */

#algebra {
    background: rgb(41, 41, 41);
    border: 1px solid #AF5F54;
    background-image: url(../images/segmentos/algebra/algebra/fondo.png); 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.border-algebra {border-left: 1px solid #AF5F54; border-right: 1px solid #AF5F54;}
.algebra { background-color: #AF5F54;}
.algebraBG { background-color: rgba(211, 211, 211, 0.7); border-radius: 20px; }

@media (max-width: 768px) {
    .cervCont {
        flex-direction: column;
    }
    .cervLogoCont, .grd {
        width: 60%;
    }
}