.etapa-1,
.etapa-11,
.etapa-12,
.etapa-15,
.etapa-16,
.etapa-19,
.etapa-20,
.etapa-23,
.etapa-24,
.etapa-27,
.etapa-28,
.etapa-31,
.etapa-32,
.etapa-35,
.etapa-36,
.etapa-39,
.etapa-40,
.etapa-43,
.etapa-44,
.etapa-45,
.etapa-48,
.etapa-49,
.etapa-6,
.etapa-8 {
    fill: none;
}

.etapa-1,
.etapa-45 {
    stroke: #d3d3d3;
}

.etapa-1,
.etapa-11,
.etapa-12,
.etapa-15,
.etapa-16,
.etapa-19,
.etapa-20,
.etapa-23,
.etapa-24,
.etapa-27,
.etapa-28,
.etapa-31,
.etapa-32,
.etapa-35,
.etapa-36,
.etapa-39,
.etapa-40,
.etapa-43,
.etapa-44,
.etapa-45,
.etapa-48,
.etapa-49,
.etapa-6,
.etapa-7,
.etapa-8 {
    stroke-miterlimit: 10;
}

.etapa-1 {
    stroke-width: 20px;
}

.etapa-2 {
    fill: #9fc405;
}

.etapa-3 {
    opacity: 0.5;
}

.etapa-4 {
    isolation: isolate;
}

.etapa-5 {
    fill: #bce805;
}

.etapa-6 {
    stroke: #bce805;
}

.etapa-11,
.etapa-12,
.etapa-15,
.etapa-16,
.etapa-19,
.etapa-20,
.etapa-23,
.etapa-24,
.etapa-27,
.etapa-28,
.etapa-31,
.etapa-32,
.etapa-35,
.etapa-36,
.etapa-39,
.etapa-40,
.etapa-43,
.etapa-44,
.etapa-48,
.etapa-49,
.etapa-6,
.etapa-8 {
    stroke-width: 10px;
}

.etapa-7 {
    fill: #fff;
    stroke: #c1c1c1;
    stroke-width: 3px;
}

.etapa-8 {
    stroke: #9fc405;
}

.etapa-9 {
    fill: #27bfe2;
}

.etapa-10 {
    fill: #4cdafc;
}

.etapa-11 {
    stroke: #4cdafc;
}

.etapa-12 {
    stroke: #27bfe2;
}

.etapa-13 {
    fill: #f6596d;
}

.etapa-14 {
    fill: #ff92aa;
}

.etapa-15 {
    stroke: #ff92aa;
}

.etapa-16 {
    stroke: #f6596d;
}

.etapa-17 {
    fill: #ff64d7;
}

.etapa-18 {
    fill: #f99be1;
}

.etapa-19 {
    stroke: #f99be1;
}

.etapa-20 {
    stroke: #ff64d7;
}

.etapa-21 {
    fill: #828bc4;
}

.etapa-22 {
    fill: #a6b5ff;
}

.etapa-23 {
    stroke: #a6b5ff;
}

.etapa-24 {
    stroke: #828bc4;
}

.etapa-25 {
    fill: #ff7900;
}

.etapa-26 {
    fill: #ffa017;
}

.etapa-27 {
    stroke: #ffa017;
}

.etapa-28 {
    stroke: #ff7900;
}

.etapa-29 {
    fill: #22d3bf;
}

.etapa-30 {
    fill: #24ffd5;
}

.etapa-31 {
    stroke: #24ffd5;
}

.etapa-32 {
    stroke: #22d3bf;
}

.etapa-33 {
    fill: #30a002;
}

.etapa-34 {
    fill: #42cc02;
}

.etapa-35 {
    stroke: #42cc02;
}

.etapa-36 {
    stroke: #30a002;
}

.etapa-37 {
    fill: #aa3079;
}

.etapa-38 {
    fill: #e561c3;
}

.etapa-39 {
    stroke: #e561c3;
}

.etapa-40 {
    stroke: #aa3079;
}

.etapa-41 {
    fill: #0f56d3;
}

.etapa-42 {
    fill: #197ef7;
}

.etapa-43 {
    stroke: #197ef7;
}

.etapa-44 {
    stroke: #0f56d3;
}

.etapa-45 {
    stroke-width: 26px;
}

.etapa-46 {
    fill: #d81616;
}

.etapa-47 {
    fill: #f55;
}

.etapa-48 {
    stroke: #f55;
}

.etapa-49 {
    stroke: #d81616;
}

.periodo {
    cursor: pointer;
}

.antiguedad:hover circle.etapa-5,
.egipto:hover circle.etapa-10,
.egipto:hover circle.etapa-14,
.china:hover circle.etapa-14,
.edad-media:hover circle.etapa-18,
.renacimiento:hover circle.etapa-22,
.roma:hover circle.etapa-26,
.grecia:hover circle.etapa-30,
.epoca-victoriana:hover circle.etapa-34,
.siglo-xvi:hover circle.etapa-38,
.siglo-xix:hover circle.etapa-42,
.siglo-xxi:hover circle.etapa-47 {
    fill: white;
}


.antiguedad:hover circle.etapa-7 {
    fill: #9FC405;
}

.egipto:hover circle.etapa-7 {
    fill: #27BFE2;
}

.china:hover circle.etapa-7 {
    fill: #F6596D;
}

.edad-media:hover circle.etapa-7 {
    fill: #FF64D7;
}

.renacimiento:hover circle.etapa-7 {
    fill: #828BC4;
}

.roma:hover circle.etapa-7 {
    fill: #FF7900;
}

.grecia:hover circle.etapa-7 {
    fill: #22D3BF;
}

.epoca-victoriana:hover circle.etapa-7 {
    fill: #30A002;
}

.siglo-xvi:hover circle.etapa-7 {
    fill: #AA3079;
}

.siglo-xix:hover circle.etapa-7 {
    fill: #0F56D3;
}

.siglo-xxi:hover circle.etapa-7 {
    fill: #D81616;
}

.antiguedad:hover line.etapa-8,
.egipto:hover line.etapa-12,
.egipto:hover line.etapa-16,
.china:hover line.etapa-16,
.edad-media:hover line.etapa-20,
.renacimiento:hover line.etapa-24,
.roma:hover line.etapa-28,
.grecia:hover line.etapa-32,
.epoca-victoriana:hover line.etapa-36,
.siglo-xvi:hover line.etapa-40,
.siglo-xix:hover line.etapa-44,
.siglo-xxi:hover line.etapa-49 {
    stroke: white;
}

#antiguedad b {
    color: #9FC405;
}

#egipto b {
    color: #27BFE2;
}

#china b {
    color: #F6596D;
}

#edad-media b {
    color: #FF64D7;
}

#renacimiento b {
    color: #828BC4;
}

#roma b {
    color: #FF7900;
}

#grecia b {
    color: #22D3BF;
}

#siglo-xxi .titulo {
    color: #D81616;
}

#siglo-xix .titulo {
    color: #0F56D3;
}

#siglo-xvi b {
    color: #AA3079;
}

#epoca-victoriana b {
    color: #30A002;
}

.avance-linea {
    stroke: red !important;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#modals-periodos .modal-body {
    padding: 0;
}

#modals-periodos button.close {
    position: absolute;
    right: 15px;
    top: 10px;
    color: white;
}

#modals-periodos .close:not(:disabled):not(.disabled):focus,
#modals-periodos .close:not(:disabled):not(.disabled):hover {
    color: white;
}

#modals-periodos .modal .texto-negro {
    padding: 1rem;
}

.contenido-texto-comparacion {
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100%;
}

@media screen and (min-width: 768px) {
    .linea-temporal {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}



#conceptos {
    margin-left: 5px;
    margin-right: 5px;
}

#conceptos .nav-item {
    margin-right: 0;
}

#conceptos .nav-tabs {
    width: 100%;
}

#conceptos li {
    padding: 0;
}

#conceptos .nav-link {
    background: #D16F7B;
    height: 100%;
}

#conceptos .nav-link.active {
    background: #76C49E;
}

#conceptos .color-relleno {
    background: #f4eaa6;
}

#conceptos .contenedor-imagen {
    width: 30%;
    float: left;
}

#conceptos .contenedor-texto {
    width: 70%;
    float: right;
}

#conceptos .tab-content {
    padding: 1rem;
}

.table {
    border: #18ABB2 1px solid;
}

td {
    border: #18ABB2 1px solid;
}

.color-fondo-tabla {
    background: #18ABB2;
}

.color-tabla-primario {
    background: #E9FFFE;
}

.color-tabla-secundario {
    background: #C5F9F9;
}

#compuestos .modal * {
    border: 0;
}

#compuestos .modal-header .close {
    padding: 0;
    margin: 0;
}

#compuestos img {
    width: 25%;
    margin-left: auto;
    margin-right: auto;
}

#compuestos .modal-body {
    padding: 0;
}

#principio-activo .modal-content {
    background: #9af7e5;
}

#agua .modal-content {
    background: #f3ff7d;
}

#excipientes .modal-content {
    background: #ced8f4;
}

#conservantes .modal-content {
    background: #fce1a7;
}

#aditivos .modal-content {
    background: #f7cdd7;
}

#compuestos .bloque-con-borde {
    border-bottom: rgba(0, 0, 0, .2) 2px solid;
}

.bloque-con-borde {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
    font-size: 50px;
    color: black;
    /* color-secundario (rojo) */
}

.carousel-indicators li {
    background-color: rgba(0, 0, 0, .5);
    height: 10px;
}

.carousel-indicators li.active {
    background-color: rgba(0, 0, 0, 1);
    height: 10px;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: black;
}

#carousel-agua .carousel-item {
    min-height: 900px;
}

@media screen and (min-width: 576px) {
    #carousel-agua .carousel-item {
        min-height: 620px;
    }
}

@media screen and (min-width: 1200px) {
    #carousel-agua .carousel-item {
        min-height: 800px;
    }
}

#carousel-principio-activo .carousel-item {
    min-height: 750px;
}

@media screen and (min-width: 576px) {
    #carousel-principio-activo .carousel-item {
        min-height: 500px;
    }
}

@media screen and (min-width: 1200px) {
    #carousel-principio-activo .carousel-item {
        min-height: 650px;
    }
}

#carousel-excipientes .carousel-item {
    min-height: 700px;
}

@media screen and (min-width: 576px) {
    #carousel-excipientes .carousel-item {
        min-height: 410px;
    }
}

@media screen and (min-width: 1200px) {
    #carousel-excipientes .carousel-item {
        min-height: 540px;
    }
}

#carousel-conservantes .carousel-item {
    min-height: 740px;
}

@media screen and (min-width: 576px) {
    #carousel-conservantes .carousel-item {
        min-height: 480px;
    }
}

@media screen and (min-width: 1200px) {
    #carousel-conservantes .carousel-item {
        min-height: 620px;
    }
}

#carousel-aditivos .carousel-item {
    min-height: 880px;
}

@media screen and (min-width: 576px) {
    #carousel-aditivos .carousel-item {
        min-height: 600px;
    }
}

@media screen and (min-width: 992px) {
    #carousel-aditivos .carousel-item {
        min-height: 560px;
    }
}

@media screen and (min-width: 1200px) {
    #carousel-aditivos .carousel-item {
        min-height: 830px;
    }
}

#botella .cls-1 {
    fill: #b7b7b7;
}

#botella .cls-2 {
    fill: #a8a8a8;
}

#botella .cls-3 {
    fill: none;
    stroke: #7f7f7f;
    stroke-miterlimit: 10;
    stroke-width: 5px;
}

#botella .cls-4 {
    fill: #ddd;
}

#botella .cls-5 {
    fill: #7f7f7f;
}

#botella .cls-6 {
    fill: #ccc;
}

#botella .cls-7 {
    fill: #adadad;
}

#botella .cls-8 {
    fill: #848484;
}

#botella .cls-9 {
    fill: #969696;
}

#elementos .cls-1 {
    fill: #f4eaa6;
}

#elementos .cls-2 {
    fill: #fff;
}

#elementos .cls-3 {
    fill: #828bc4;
}

#elementos .cls-4 {
    fill: #f6596d;
}

#elementos .cls-5 {
    fill: #aa3079;
}

#elementos .cls-6 {
    fill: #27bfe2;
}

#elementos .cls-7 {
    fill: #30a002;
}

#elementos .cls-8 {
    fill: #ff7900;
}

#elementos .cls-9 {
    fill: #0f56d3;
}

#elementos .cls-10 {
    fill: #ff64d7;
}

.contenedor-botella {
    margin-left: auto;
    margin-right: auto;
}

/*#elementos .concepto:hover path {
    fill: white;
}*/

#elementos .concepto:hover .cls-1 {
    fill: #0f56d3;
}

#elementos .concepto:hover {
    cursor: pointer;
}

/*.activo path {
    fill: white;
}*/

.base.activo .cls-1 {
    fill: #828bc4 !important;
}

.activos.activo .cls-1 {
    fill: #f6596d !important;
}

.conservantes.activo .cls-1 {
    fill: #bc378c !important;
}

.colorante.activo .cls-1 {
    fill: #27bfe2 !important;
}

.perfume.activo .cls-1 {
    fill: #30a002 !important;
}

.aditivos.activo .cls-1 {
    fill: #ff7900 !important;
}

.vehiculos.activo .cls-1 {
    fill: #2580ef !important;
}

.otros.activo .cls-1 {
    fill: #ff64d7 !important;
}

#cosm .cls-1 {
    isolation: isolate;
}

#cosm .cls-10,
#cosm .cls-11,
#cosm .cls-15,
#cosm .cls-167,
#cosm .cls-168,
#cosm .cls-2,
#cosm .cls-53,
#cosm .cls-9 {
    fill: none;
    stroke-miterlimit: 10;
}

#cosm .cls-2 {
    stroke: #fff;
}

#cosm .cls-167,
#cosm .cls-2 {
    stroke-width: 9px;
}

#cosm .cls-3 {
    fill: url(#Degradado_sin_nombre_33);
}

#cosm .cls-4 {
    fill: #f29eb8;
}

#cosm .cls-5 {
    fill: #ea8bad;
}

#cosm .cls-6 {
    fill: #4c4c4c;
}

#cosm .cls-7 {
    fill: #9e6e00;
}

#cosm .cls-8 {
    fill: #beb4cc;
}

#cosm .cls-10,
#cosm .cls-11,
#cosm .cls-9 {
    stroke: #beb4cc;
    stroke-width: 4px;
}

#cosm .cls-10 {
    stroke-dasharray: 11.64 11.64;
}

#cosm .cls-11 {
    stroke-dasharray: 12.93 12.93;
}

#cosm .cls-12 {
    fill: #f7cdd7;
}

#cosm .cls-13 {
    fill: #f9ce64;
}

#cosm .cls-14 {
    fill: #efbf60;
}

#cosm .cls-15 {
    stroke: #f2c366;
    stroke-width: 5px;
}

#cosm .cls-16 {
    fill: #2ad1b1;
}

#cosm .cls-17 {
    fill: #8a9cce;
}

#cosm .cls-18 {
    fill: #efbf54;
}

#cosm .cls-19 {
    fill: #e58ca3;
}

#cosm .cls-20 {
    fill: #a1afe2;
}

#cosm .cls-21 {
    fill: #ced8f4;
}

#cosm .cls-22 {
    fill: url(#Degradado_sin_nombre_50);
}

#cosm .cls-23 {
    fill: #b2b2b2;
}

#cosm .cls-110,
#cosm .cls-136,
#cosm .cls-148,
#cosm .cls-154,
#cosm .cls-156,
#cosm .cls-166,
#cosm .cls-23,
#cosm .cls-25,
#cosm .cls-28,
#cosm .cls-29,
#cosm .cls-39,
#cosm .cls-83 {
    mix-blend-mode: multiply;
}

#cosm .cls-24,
#cosm .cls-38 {
    fill: #fae378;
}

#cosm .cls-120,
#cosm .cls-147,
#cosm .cls-158,
#cosm .cls-25,
#cosm .cls-39,
#cosm .cls-67,
#cosm .cls-96 {
    opacity: 0.43;
}

#cosm .cls-25 {
    fill: url(#Degradado_sin_nombre_56);
}

#cosm .cls-26 {
    fill: #fcefb3;
}

#cosm .cls-27 {
    fill: #e08a48;
}

#cosm .cls-28 {
    fill: #dfceb5;
}

#cosm .cls-29 {
    fill: #eadfcf;
}

#cosm .cls-30 {
    fill: #3ee5c9;
}

#cosm .cls-31 {
    fill: #2f4b3b;
}

#cosm .cls-31,
#cosm .cls-32,
#cosm .cls-33,
#cosm .cls-34,
#cosm .cls-35,
#cosm .cls-36,
#cosm .cls-37,
#cosm .cls-38,
#cosm .cls-39,
#cosm .cls-40,
#cosm .cls-41,
#cosm .cls-42,
#cosm .cls-43,
#cosm .cls-44 {
    fill-rule: evenodd;
}

#cosm .cls-32 {
    fill: #708d7c;
}

#cosm .cls-33 {
    fill: #849a8d;
}

#cosm .cls-34 {
    fill: #ccc;
}

#cosm .cls-35 {
    fill: url(#Fade_to_White_1);
}

#cosm .cls-36 {
    fill: #e5e5e5;
}

#cosm .cls-37 {
    fill: #c9bc90;
}

#cosm .cls-39 {
    fill: url(#Degradado_sin_nombre_56-2);
}

#cosm .cls-40 {
    fill: url(#Degradado_sin_nombre_10);
}

#cosm .cls-41 {
    fill: url(#Degradado_sin_nombre_10-2);
}

#cosm .cls-42 {
    fill: #516500;
}

#cosm .cls-43 {
    fill: #738b00;
}

#cosm .cls-44 {
    fill: #597700;
}

#cosm .cls-45 {
    fill: #9af7e6;
}

#cosm .cls-46 {
    fill: #f3ff7d;
}

#cosm .cls-47,
#cosm .cls-54 {
    fill: #fff;
}

#cosm .cls-47,
#cosm .cls-55 {
    opacity: 0.5;
}

#cosm .cls-48,
#cosm .cls-53 {
    opacity: 0.4;
}

#cosm .cls-49 {
    fill: #b3b3b3;
}

#cosm .cls-50 {
    fill: #231f20;
}

#cosm .cls-51 {
    fill: #d4eef9;
}

#cosm .cls-52 {
    fill: #eef8fd;
}

#cosm .cls-53 {
    stroke: #231f20;
}

#cosm .cls-54 {
    opacity: 0.51;
}

#cosm .cls-55 {
    fill: gray;
}

#cosm .cls-56 {
    opacity: 0.37;
    fill: url(#Degradado_sin_nombre_72);
}

#cosm .cls-57 {
    fill: #eded51;
}

#cosm .cls-58 {
    fill: #f4a2b4;
}

#cosm .cls-59 {
    fill: #b77f2c;
}

#cosm .cls-60,
#cosm .cls-61 {
    fill: #bf8a3c;
}

#cosm .cls-113,
#cosm .cls-60,
#cosm .cls-89 {
    opacity: 0.52;
}

#cosm .cls-62,
#cosm .cls-65,
#cosm .cls-66,
#cosm .cls-67,
#cosm .cls-68,
#cosm .cls-69,
#cosm .cls-70,
#cosm .cls-71,
#cosm .cls-72,
#cosm .cls-74,
#cosm .cls-76 {
    fill: #a35b00;
}

#cosm .cls-115,
#cosm .cls-62,
#cosm .cls-91 {
    opacity: 0.27;
}

#cosm .cls-63 {
    fill: #9d5600;
}

#cosm .cls-116,
#cosm .cls-125,
#cosm .cls-63,
#cosm .cls-72,
#cosm .cls-92 {
    opacity: 0.28;
}

#cosm .cls-64 {
    fill: #874000;
}

#cosm .cls-117,
#cosm .cls-64,
#cosm .cls-93 {
    opacity: 0.22;
}

#cosm .cls-109,
#cosm .cls-118,
#cosm .cls-135,
#cosm .cls-139,
#cosm .cls-65,
#cosm .cls-82,
#cosm .cls-86,
#cosm .cls-94 {
    opacity: 0.26;
}

#cosm .cls-119,
#cosm .cls-66,
#cosm .cls-95 {
    opacity: 0.32;
}

#cosm .cls-121,
#cosm .cls-68,
#cosm .cls-97 {
    opacity: 0.48;
}

#cosm .cls-122,
#cosm .cls-69,
#cosm .cls-98 {
    opacity: 0.42;
}

#cosm .cls-123,
#cosm .cls-70,
#cosm .cls-99 {
    opacity: 0.41;
}

#cosm .cls-100,
#cosm .cls-124,
#cosm .cls-71 {
    opacity: 0.31;
}

#cosm .cls-73,
#cosm .cls-81 {
    fill: #bf8a4a;
}

#cosm .cls-102,
#cosm .cls-127,
#cosm .cls-74 {
    opacity: 0.57;
}

#cosm .cls-75,
#cosm .cls-77,
#cosm .cls-78,
#cosm .cls-79,
#cosm .cls-80 {
    fill: #995b00;
}

#cosm .cls-103,
#cosm .cls-128,
#cosm .cls-75 {
    opacity: 0.53;
}

#cosm .cls-105,
#cosm .cls-130,
#cosm .cls-77 {
    opacity: 0.68;
}

#cosm .cls-106,
#cosm .cls-132,
#cosm .cls-79 {
    opacity: 0.72;
}

#cosm .cls-107,
#cosm .cls-133,
#cosm .cls-80 {
    opacity: 0.74;
}

#cosm .cls-108,
#cosm .cls-134,
#cosm .cls-81 {
    opacity: 0.25;
}

#cosm .cls-82 {
    fill: #ab6d09;
}

#cosm .cls-83,
#cosm .cls-84,
#cosm .cls-86 {
    fill: #641600;
}

#cosm .cls-110,
#cosm .cls-136,
#cosm .cls-83 {
    opacity: 0.16;
}

#cosm .cls-111,
#cosm .cls-137,
#cosm .cls-84 {
    opacity: 0.2;
}

#cosm .cls-85 {
    fill: #955500;
}

#cosm .cls-87 {
    fill: #8a4300;
}

#cosm .cls-88 {
    fill: #0038b8;
}

#cosm .cls-89,
#cosm .cls-90 {
    fill: #0038c8;
}

#cosm .cls-100,
#cosm .cls-102,
#cosm .cls-103,
#cosm .cls-104,
#cosm .cls-105,
#cosm .cls-106,
#cosm .cls-107,
#cosm .cls-110,
#cosm .cls-111,
#cosm .cls-91,
#cosm .cls-92,
#cosm .cls-93,
#cosm .cls-94,
#cosm .cls-95,
#cosm .cls-96,
#cosm .cls-97,
#cosm .cls-98,
#cosm .cls-99 {
    fill: #00388c;
}

#cosm .cls-101,
#cosm .cls-108 {
    fill: #0038d6;
}

#cosm .cls-109 {
    fill: #003895;
}

#cosm .cls-112 {
    fill: #b700b8;
}

#cosm .cls-113,
#cosm .cls-114 {
    fill: #bf00c8;
}

#cosm .cls-115,
#cosm .cls-118,
#cosm .cls-119,
#cosm .cls-120,
#cosm .cls-121,
#cosm .cls-122,
#cosm .cls-123,
#cosm .cls-124,
#cosm .cls-125,
#cosm .cls-127,
#cosm .cls-129 {
    fill: #a3008c;
}

#cosm .cls-116 {
    fill: #9d008c;
}

#cosm .cls-117 {
    fill: #87008c;
}

#cosm .cls-126,
#cosm .cls-134 {
    fill: #bf00d6;
}

#cosm .cls-128,
#cosm .cls-130,
#cosm .cls-131,
#cosm .cls-132,
#cosm .cls-133 {
    fill: #99008c;
}

#cosm .cls-135 {
    fill: #ab0095;
}

#cosm .cls-136,
#cosm .cls-137,
#cosm .cls-139 {
    fill: #64008c;
}

#cosm .cls-138 {
    fill: #95008c;
}

#cosm .cls-140 {
    fill: #8a008c;
}

#cosm .cls-141 {
    fill: #fce1a7;
}

#cosm .cls-142 {
    fill: #2c3d1f;
}

#cosm .cls-143 {
    fill: #25331a;
}

#cosm .cls-144 {
    fill: #232e1b;
}

#cosm .cls-145 {
    fill: #304021;
}

#cosm .cls-146 {
    fill: url(#Degradado_sin_nombre_52);
}

#cosm .cls-147,
#cosm .cls-158 {
    mix-blend-mode: screen;
}

#cosm .cls-147 {
    fill: url(#linear-gradient);
}

#cosm .cls-148 {
    opacity: 0.6;
}

#cosm .cls-149 {
    fill: #366e36;
}

#cosm .cls-150 {
    fill: #334524;
}

#cosm .cls-151 {
    fill: #2c3b20;
}

#cosm .cls-152 {
    fill: #2b3821;
}

#cosm .cls-153 {
    fill: #67803e;
}

#cosm .cls-154,
#cosm .cls-156 {
    opacity: 0.79;
}

#cosm .cls-154 {
    fill: url(#linear-gradient-2);
}

#cosm .cls-155 {
    fill: #c4c96f;
}

#cosm .cls-156 {
    fill: url(#linear-gradient-3);
}

#cosm .cls-157 {
    fill: #ece59b;
}

#cosm .cls-158 {
    fill: url(#linear-gradient-4);
}

#cosm .cls-159 {
    fill: #e0d992;
}

#cosm .cls-160 {
    fill: #d3cd8a;
}

#cosm .cls-161 {
    fill: #743b19;
}

#cosm .cls-162 {
    fill: #6b3718;
}

#cosm .cls-163 {
    fill: #663517;
}

#cosm .cls-164 {
    fill: #914b21;
}

#cosm .cls-165 {
    fill: url(#linear-gradient-5);
}

#cosm .cls-166 {
    opacity: 0.39;
}

#cosm .cls-167,
#cosm .cls-168 {
    stroke: #d81616;
}

#cosm .cls-168 {
    stroke-width: 14px;
}

.trigger-modal {
    cursor: pointer;
}

#botella .icono-base {
    visibility: hidden;
}

#botella .icono-activos {
    visibility: hidden;
}

#botella .icono-conservantes {
    visibility: hidden;
}

#botella .icono-colorante {
    visibility: hidden;
}

#botella .icono-perfume {
    visibility: hidden;
}

#botella .icono-aditivos {
    visibility: hidden;
}

#botella .icono-vehiculos {
    visibility: hidden;
}

#botella .icono-otros {
    visibility: hidden;
}

#botella .icono-base.activo-hover * {
    visibility: visible;
}

#botella .icono-activos.activo-hover * {
    visibility: visible;
}

#botella .icono-conservantes.activo-hover * {
    visibility: visible;
}

#botella .icono-colorante.activo-hover * {
    visibility: visible;
}

#botella .icono-perfume.activo-hover * {
    visibility: visible;
}

#botella .icono-aditivos.activo-hover * {
    visibility: visible;
}

#botella .icono-vehiculos.activo-hover * {
    visibility: visible;
}

#botella .icono-otros.activo-hover * {
    visibility: visible;
}

#botella .icono-base.activo * {
    fill: #828bc4;
    visibility: visible;
}

#botella .icono-activos.activo * {
    fill: #f6596d;
    visibility: visible;
}

#botella .icono-conservantes.activo * {
    fill: #aa3079;
    visibility: visible;
}

#botella .icono-colorante.activo * {
    fill: #27bfe2;
    visibility: visible;
}

#botella .icono-perfume.activo * {
    fill: #30a002;
    visibility: visible;
}

#botella .icono-aditivos.activo * {
    fill: #ff7900;
    visibility: visible;
}

#botella .icono-vehiculos.activo * {
    fill: #0f56d3;
    visibility: visible;
}

#botella .icono-otros.activo * {
    fill: #ff64d7;
    visibility: visible;
}

#demo.carousel {
    background: rgba(226, 210, 242, 1);
}

#demo .carousel-inner {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#demo .carousel-item {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
    height: 940px;
}

@media screen and (min-width: 576px) {
    #demo .carousel-item {
        height: 570px;
    }
}

@media screen and (min-width: 768px) {
    #demo .carousel-item {
        height: 490px;
    }
}

@media screen and (min-width: 992px) {
    #demo .carousel-item {
        height: 530px;
    }
}

@media screen and (min-width: 1200px) {
    #demo .carousel-item {
        height: 630px;
    }
}

#demo .carousel-indicators li {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.table th {
    padding: 0;
}