body {

    font-family: "Work Sans", sans-serif;

    background: #fbf8f3;

    overflow-x: hidden;

}



a {

    color: #941075;

}



a:hover {

    color: #470936;

}



.bg-cumana-light {

    background-color: #941075;

}



.bg-cumana {

    background-color: #5b0c45;

}



.bg-cumana-dark {

    background-color: #470936;

}



#sectionsNav {

    position: fixed;

    width: 100%;

    z-index: 9;

}



/* #sectionsNav.scrolled .navbar-brand {

    opacity: 1;

}

#sectionsNav .navbar-brand {

    opacity: 0;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

} */



.page-home #sectionsNav.scrolled .navbar-brand {

    opacity: 1;

}



.page-home #sectionsNav .navbar-brand {

    opacity: 0;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.page-home #sectionsNav.scrolled .site-nav {

    background: #fff;

}



.page-home #sectionsNav .site-nav {

    background: transparent;

}



#sectionsNav .site-nav {

    background: #fff;

    min-height: 84px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.site-nav .navbar-nav {

    margin: 0 auto;

}



.site-main {

    padding-top: 104px;

}



.site-toolbar {

    min-height: 42px;

}



.site-toolbar .form-control::placeholder {

    font-family: "Work Sans";

    font-weight: 600;

    font-size: 16px;

    color: rgba(255, 255, 255, 0.4);

}



.site-toolbar .form-control {

    color: #fff;

    background: transparent url(../images/icon-search.svg) left center no-repeat;

    padding-left: 26px;

    border: none;

}



.site-toolbar .form-control:focus {

    color: #fff;

    box-shadow: none;

}



.navbar-brand img {

    height: 36px;

    width: auto;

}



.site-nav .nav-link {

    font-weight: 600;

    font-size: 17px;

    text-align: center;

    color: #941075;

}



.site-nav.navbar-light .navbar-nav .nav-link {

    color: #941075;

    padding-right: 0;

    padding-left: 0;

    margin-right: 22px;

    position: relative;

}



.site-nav.navbar-light .navbar-nav .nav-item:last-child .nav-link {

    margin-right: 0;

}



.site-nav.navbar-light .navbar-nav .nav-link:after {

    position: absolute;

    bottom: 10px;

    left: 0;

    width: 0;

    content: "";

    height: 1px;

    background-color: #941075;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.site-nav.navbar-light .navbar-nav .nav-link:hover:after {

    width: 100%;

}



.leftpanel-social {

    display: none;

}



.pictures-fx-desktop {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 8;

}



.pictures-fx-mobile, .header-torta-mobile {

    display: none;

}



@keyframes introRotate {

    0% {

        transform: rotate(30deg) translateY(50px);

    }

    100% {

        transform: rotate(0deg) translateY(0);

    }

}



.header-left-torta-1 {

    position: absolute;

    left: -90px;

    top: 50px;

    z-index: 1;

    animation: 1s ease-out 0s 1 introRotate;

}



.header-left-torta-2 {

    position: absolute;

    left: 40px;

    top: 250px;

    z-index: 2;

    animation: 1s ease-out 0s 1 introRotate;

}



.header-left-torta-3 {

    position: absolute;

    left: -130px;

    top: 380px;

    z-index: 3;

    animation: 1s ease-out 0s 1 introRotate;

}



.header-right-torta-1 {

    position: absolute;

    right: -120px;

    top: 50px;

    z-index: 3;

    animation: 1s ease-out 0s 1 introRotate;

}



.header-right-torta-2 {

    position: absolute;

    right: -5px;

    top: 230px;

    z-index: 2;

    animation: 1s ease-out 0s 1 introRotate;

}



.header-right-torta-3 {

    position: absolute;

    right: -70px;

    top: 400px;

    z-index: 1;

    animation: 1s ease-out 0s 1 introRotate;

}



.jumbotron-logo {

    width: 282px;

    height: auto;

    margin-top: 70px;

}



.jumbotron-cumana {

    text-align: center;

}



.jumbotron-cumana .title {

    font-family: "Frank Ruhl Libre";

    font-style: normal;

    font-weight: 700;

    font-size: 50px;

    color: #1b1c1e;

    line-height: 1em;

}



.btn-secondary {

    color: #941075;

    font-family: "Work Sans";

    font-weight: 600;

    font-size: 18px;

    line-height: 24px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 13px 30px;

    background: #f6d2ec;

    border: 1px solid #f6d2ec;

    box-shadow: 0px 4px 7px rgba(132, 38, 106, 0.05);

    border-radius: 43px;

}



.btn-secondary:hover {

    background-color: #f2a4dc;

    border-color: #f2a4dc;

    box-shadow: 0px 4px 7px rgba(132, 38, 106, 0.05);

}



.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle, .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus, .btn-secondary:focus, .btn-secondary.focus {

    background-color: #f2a4dc;

    border-color: #f2a4dc;

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



/*card-slider*/



.card-slider .card {

    width: 255px;

    border: none;

    background: transparent;

    margin: 0 auto;

}



.card-slider .card-title {

    font-weight: 600;

    font-size: 16px;

    color: #656565;

}



.card-slider .card-subtitle {

    font-family: "Frank Ruhl Libre";

    font-style: normal;

    font-weight: 700;

    font-size: 26px;

    line-height: 27px;

    color: #1b1c1e;

}



.card-slider .card-body {

    padding: 1.25rem 0;

}



.card-slider .card-text {

    font-weight: 400;

    font-size: 20px;

    line-height: 28px;

    color: #1b1c1e;

}



.section-title, .card-slider .section-title {

    font-family: "Frank Ruhl Libre";

    font-weight: 700;

    font-size: 45px;

    color: #1b1c1e;

}



.card-slider .card:hover {

    text-decoration: none;

}



.card-slider .slick-slide img {

    object-fit: cover;

    width: 255px;

    height: 255px;

    max-height: 255px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.card-slider .slick-slide .card:hover img {

    height: 270px;

}



.card-slider .slick-slide .card .overlay:hover {

    box-shadow: -10px -10px 0 -3px #f2a4dc;

}



.card-slider .slick-slide .card .overlay {

    overflow: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.card-slider .slick-slide img:hover {

    transform: scale(120%);

}



.group-card-social .card-slider .slick-slide img:hover {

    transform: none;

}



/*recetario*/



.search-lead .form-control {

    padding: 15px 30px 15px 20px;

    height: 54px;

    background: #ffffff;

    border: 1px solid #9d9d9d;

    border-radius: 43px;

}



.search-lead .form-control::placeholder {

    font-size: 18px;

    letter-spacing: -0.02em;

    color: #656565;

}



.search-lead .btn-primary {

    height: 54px;

    background: #941075;

    border-color: #941075;

    box-shadow: 0px 4px 7px rgba(132, 38, 106, 0.05);

    border-radius: 43px;

    font-weight: 600;

    font-size: 18px;

}



.search-lead .btn-primary:not(:disabled):not(.disabled):active:focus, .search-lead .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.search-lead .btn-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



.search-lead .btn-primary:not(:disabled):not(.disabled):active, .search-lead .btn-primary:not(:disabled):not(.disabled).active, .show>.search-lead .btn-primary.dropdown-toggle {

    background-color: #5b0c45;

    border-color: #5b0c45;

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



.search-lead label {

    margin-bottom: 0;

}



.search-lead .custom-select {

    padding: 15px 30px 15px 20px;

    height: 54px;

    border: 1px solid #9d9d9d;

    border-radius: 43px;

}



.custom-select:focus {

    border-color: #f6d2ec;

    box-shadow: 0 0 0 0.2rem rgba(223, 0, 255, 0.25);

}



.btn-reset-search {

    font-size: 14px;

    color: #9d9d9d;

}



.btn-reset-search img {

    width: 19px;

    height: auto;

}



.btn-reset-search:hover {

    text-decoration: none;

}



.recetario-section .card {

    border: none;

    background: transparent;

    margin: 0 auto;

}



.recetario-section .card-body {

    padding: 1.25rem 0;

}



.recetario-section .card-title {

    font-weight: 600;

    font-size: 16px;

    color: #656565;

}



.recetario-section .card-subtitle {

    font-family: "Frank Ruhl Libre";

    font-style: normal;

    font-weight: 700;

    font-size: 26px;

    line-height: 27px;

    color: #1b1c1e;

}



.recetario-section .card-text {

    font-weight: 400;

    font-size: 20px;

    line-height: 28px;

    color: #1b1c1e;

}



.recetario-section .card:hover {

    text-decoration: none;

}



.recetario-section .card .overlay {

    overflow: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.recetario-section img {

    object-fit: cover;

    width: 255px;

    height: 255px;

    max-height: 255px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.recetario-section .card .overlay:hover {

    box-shadow: -10px -10px 0 -3px #f2a4dc;

}



.recetario-section .card:hover img {

    height: 270px;

}



.recetario-section img:hover {

    transform: scale(120%);

}



/*receta*/



.receta-category {

    font-weight: 600;

    font-size: 20px;

    line-height: 23px;

    letter-spacing: -1px;

    color: #656565;

}



.receta-title {

    font-weight: 700;

    font-size: 50px;

    color: #1b1c1e;

    letter-spacing: -1px;

    font-family: "Frank Ruhl Libre";

}



.receta-subtitle {

    font-size: 20px;

    line-height: 28px;

    color: #1b1c1e;

}



.item-info {

    display: flex;

    align-items: center;

    font-size: 20px;

    line-height: 28px;

    color: #656565;

}



.item-info img {

    margin-right: 8px;

}



.item-info p {

    margin-bottom: 0;

}



.btn-tag {

    display: flex;

    align-items: center;

    padding: 3px 11px;

    height: 30px;

    background: #edd5e6;

    border: 1px solid #b693ac;

    border-radius: 25px;

    font-size: 16px;

    color: #941075;

    margin: 0 1rem 1rem 0;

}



.btn-tag:hover {

    border: 1px solid #941075;

    text-decoration: none;

    color: #941075;

}



.title {

    font-weight: 500;

    font-size: 32px;

    letter-spacing: -1px;

    color: #941075;

}



.list {

    font-size: 20px;

    line-height: 28px;

    color: #1b1c1e;

    list-style: none;

}



.list li {

    position: relative;

}



.list li::before {

    content: "";

    width: 5px;

    height: 5px;

    display: block;

    background-color: black;

    border-radius: 50%;

    position: absolute;

    left: -26px;

    top: 50%;

}



.page-receta .site-article ul {

    padding-bottom: 1rem;

}



.steep {

    font-size: 20px;

    line-height: 28px;

    color: #1b1c1e;

}



/*sidebar related card*/



.related-section .card {

    border: none;

    background: transparent;

    margin: 0 auto;

}



.related-section .card-body {

    padding: 1.25rem 0;

}



.related-section .card-title {

    font-weight: 600;

    font-size: 16px;

    color: #656565;

    margin-bottom: 1rem;

}



.related-section .card-subtitle {

    font-family: "Frank Ruhl Libre";

    font-style: normal;

    font-weight: 700;

    font-size: 26px;

    line-height: 27px;

    color: #1b1c1e;

}



.related-section .card-text {

    font-weight: 400;

    font-size: 20px;

    line-height: 28px;

    color: #1b1c1e;

}



.related-section .card:hover {

    text-decoration: none;

}



.related-section .card .overlay {

    overflow: hidden;

}



.related-section img {

    object-fit: cover;

    width: 349px;

    height: 256px;

    max-height: 256px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.related-section .card:hover img {

    height: 270px;

}



.related-section img:hover {

    transform: scale(120%);

}



/*productos-utilizados slider*/



.productos-utilizados {

    display: block;

    position: relative;

    width: 550px;

}



.productos-utilizados .card {

    width: 162px;

    height: 326px;

    border: 1px solid #f6d2ec;

    box-sizing: border-box;

    border-radius: 10px;

    background: transparent;

    text-align: center;

    padding: 17px;

}



.productos-utilizados .card .card-body {

    padding: 0;

}



.productos-utilizados .card .card-title {

    font-weight: 600;

    font-size: 16px;

    line-height: 16px;

    letter-spacing: -0.02em;

    color: #1b1c1e;

    margin-top: 12px;

}



.productos-utilizados .btn-primary {

    color: #fff;

    border-color: #941075;

    background: #941075;

    box-shadow: 0px 4px 7px rgba(132, 38, 106, 0.05);

    border-radius: 43px;

    font-weight: 600;

    font-size: 14px;

    width: 126px;

    padding: 0.375rem 0.75rem;

}



.productos-utilizados .btn-primary:hover, .productos-utilizados .btn-primary:focus, .productos-utilizados .btn-primary:active:focus, .productos-utilizados .btn-primary:not(:disabled):not(.disabled):active:focus {

    border-color: #470936;

    background: #470936;

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



.productos-utilizados .btn-secondary {

    color: #941075;

    border-radius: 43px;

    font-weight: 600;

    font-size: 14px;

    width: 126px;

    padding: 0.375rem 0.75rem;

    background: #f6d2ec;

    border: 1px solid #f6d2ec;

    box-shadow: 0px 4px 7px rgba(132, 38, 106, 0.05);

}



.productos-utilizados .card-slider .slick-slide img {

    width: 124px;

    height: 158px;

}



.article-share .btn-primary {

    color: #fff;

    border-color: #941075;

    background: #941075;

    box-shadow: 0px 4px 7px rgba(132, 38, 106, 0.05);

    border-radius: 43px;

    font-weight: 600;

    font-size: 18px;

    width: 353px;

    padding: 0.375rem 0.75rem;

}



.article-share .btn-primary:hover, .article-share .btn-primary:focus, .article-share .btn-primary:active:focus, .article-share .btn-primary:not(:disabled):not(.disabled):active:focus {

    border-color: #470936;

    background: #470936;

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



/*tipsModal*/



.cumana-modal .modal-content {

    background: #fcfbf8;

    box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.05), 0px 10px 10px rgba(0, 0, 0, 0.02);

    border-radius: 10px;

    border: none;

}



.cumana-modal .modal-header {

    border: none;

    justify-content: center;

}



.cumana-modal .modal-header .close {

    position: absolute;

    right: 20px;

    top: 20px;

}



.cumana-modal .modal-title {

    margin-bottom: 0;

    font-weight: 500;

    font-size: 32px;

    line-height: 38px;

    color: #656565;

    margin-top: 40px;

}



.cumana-modal .modal-body {

    padding: 20px 43px 0 43px;

    font-size: 20px;

    line-height: 28px;

    color: #1b1c1e;

}



.cumana-modal .modal-footer {

    justify-content: center;

    border: none;

    padding-bottom: 50px;

}



.cumana-modal .btn-secondary {

    color: #470936;

}



.cumana-modal .modal-dialog {

    display: flex;

    align-items: center;

    height: 100%;

    margin: 0 auto;

}



#shareModal .modal-body strong {

    color: #941075;

}



.copy-link {

    border: 1px solid #cecfd2;

    box-sizing: border-box;

    border-radius: 60px;

    position: relative;

}



.copy-link .btn-link {

    font-weight: 700;

    font-size: 20px;

    color: #941075;

}



.copy-link .btn-link:hover, .copy-link .btn-link:focus {

    color: #941075;

    text-decoration: none;

    box-shadow: none;

}



/*Copy to clipboard*/



.shareTooltip {

    position: static;

    display: inline-block;

}



.shareTooltip .tooltiptext {

    visibility: hidden;

    font-size: 12px;

    width: 90%;

    background-color: #555;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 5px;

    position: absolute;

    z-index: 1;

    bottom: -36px;

    left: 5%;

    opacity: 0;

    transition: opacity 0.3s;

}



.shareTooltip .tooltiptext::after {

    content: "";

    position: absolute;

    bottom: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: transparent transparent #555 transparent;

}



.shareTooltip:hover .tooltiptext {

    visibility: visible;

    opacity: 1;

}



/*productos-categorias-slider*/



.section-categories .title {

    font-weight: 500;

    font-size: 32px;

    line-height: 38px;

    letter-spacing: -1px;

    color: #941075;

}



.productos-categorias {

    display: block;

    position: relative;

    width: 100%;

}



.productos-categorias-slider .slick-track {

    margin-left: 0;

}



.productos-categorias-slider .card {

    width: 162px;

    height: 326px;

    border: 1px solid #f6d2ec;

    box-sizing: border-box;

    border-radius: 10px;

    background: transparent;

    text-align: center;

    padding: 17px;

    margin: 0 auto;

}



.productos-categorias .card .card-body {

    padding: 0;

}



.productos-categorias .card .card-title {

    font-weight: 600;

    font-size: 16px;

    line-height: 16px;

    letter-spacing: -0.02em;

    color: #1b1c1e;

    margin-top: 12px;

}



.productos-categorias .btn-secondary {

    color: #941075;

    border-radius: 43px;

    font-weight: 600;

    font-size: 14px;

    width: 126px;

    padding: 0.375rem 0.75rem;

    background: #f6d2ec;

    border: 1px solid #f6d2ec;

    box-shadow: 0px 4px 7px rgba(132, 38, 106, 0.05);

}



.productos-categorias .btn-primary {

    color: #fff;

    border-color: #941075;

    background: #941075;

    box-shadow: 0px 4px 7px rgba(132, 38, 106, 0.05);

    border-radius: 43px;

    font-weight: 600;

    font-size: 14px;

    width: 126px;

    padding: 0.375rem 0.75rem;

}



.productos-categorias .btn-primary:hover, .productos-categorias .btn-primary:focus, .productos-categorias .btn-primary:active:focus, .productos-categorias .btn-primary:not(:disabled):not(.disabled):active:focus {

    border-color: #470936;

    background: #470936;

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



.prod-thu {

    height: 145px;

    display: grid;

    align-items: center;

}



.prod-thu .img-fluid, .page-detalle .prod-thu .img-fluid {

    max-height: 145px;

}



/*Detalle*/



.page-detalle .img-fluid {

    max-height: 300px;

}



.media {

    align-items: center;

    margin-bottom: 35px;

}



.media:last-child {

    margin-bottom: 0;

}



.media .item-title {

    font-weight: 600;

    font-size: 24px;

    line-height: 28px;

    letter-spacing: -1px;

    color: #656565;

}



.media p {

    font-weight: 400;

    font-size: 20px;

    line-height: 28px;

    color: #1B1C1E;

    margin-bottom: 0;

}



/*cumanidad*/



.cumanidad-section .card {

    border: none;

    background: transparent;

    margin: 0 auto;

}



.cumanidad-section .card-body {

    padding: 1.25rem 0;

}



.cumanidad-section .card-title {

    font-weight: 600;

    font-size: 16px;

    color: #656565;

}



.cumanidad-section .card-subtitle {

    font-family: "Frank Ruhl Libre";

    font-style: normal;

    font-weight: 700;

    font-size: 26px;

    line-height: 27px;

    color: #1b1c1e;

}



.cumanidad-section .card-text {

    font-weight: 400;

    font-size: 20px;

    line-height: 28px;

    color: #1b1c1e;

}



.cumanidad-section .card:hover {

    text-decoration: none;

}



.cumanidad-section .card .overlay {

    overflow: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.cumanidad-section img {

    object-fit: cover;

    width: 100%;

    height: 202px;

    max-height: 202px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.cumanidad-section .card .overlay:hover {

    box-shadow: -10px -10px 0 -3px #f2a4dc;

}



.cumanidad-section .card:hover img {

    height: 270px;

}



.cumanidad-section img:hover {

    transform: scale(120%);

}



/*receta*/



.blog-category {

    font-weight: 600;

    font-size: 20px;

    line-height: 23px;

    letter-spacing: -1px;

    color: #656565;

}



.blog-title {

    font-weight: 700;

    font-size: 50px;

    color: #1b1c1e;

    letter-spacing: -1px;

    font-family: "Frank Ruhl Libre";

}



.blog-article {

    font-weight: 400;

    font-size: 20px;

    line-height: 28px;

    color: #1B1C1E;

}



.blog-sidebar .related-section img {

    height: 202px;

    max-height: 202px;

}



.blog-sidebar .related-section .card:hover img {

    height: 270px;

}



/*contacto*/



.contact-form .form-control {

    height: 61px;

    background: #F4F4F4;

    border: 2px solid #D7D7D7;

    border-radius: 10px;

}



.contact-form textarea.form-control {

    height: 208px;

}



.contact-form .btn-primary {

    height: 54px;

}



.btn-primary {

    background: #941075;

    border-color: #941075;

    box-shadow: 0px 4px 7px rgba(132, 38, 106, 0.05);

    border-radius: 43px;

    font-weight: 600;

    font-size: 18px;

}



.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {

    background-color: #5b0c45;

    border-color: #5b0c45;

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



.btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {

    border-color: #470936;

    background: #470936;

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



/*feed-instagram*/



.btn-feed-instagram {

    font-weight: 600;

    font-size: 24px;

    color: #941075;

    line-height: 30px;

}



/*suscribe-section*/



.suscribe-section {

    display: flex;

    background-image: url(../images/bg-color-suscribe.png);

    background-repeat: no-repeat;

    background-position: -20px 0;

}



.suscribe-info {

    width: 422px;

    margin: 0 32px 0 22px;

}



.suscribe-body {

    width: 661px;

    display: flex;

    background-color: #f6d2ec;

}



.suscribe-section .section-title {

    font-size: 44px;

    line-height: 43px;

    letter-spacing: -0.01em;

}



.suscribe-section .lead {

    font-size: 20px;

    color: #941075;

    line-height: 28px;

}



.suscribe-section {

    display: flex;

}



.suscribe-section .form-control {

    border: 1px solid #9d9d9d;

    border-radius: 43px;

    padding-left: 22px;

}



.suscribe-section .form-control {

    border: 1px solid #9d9d9d;

    border-radius: 43px;

    padding-left: 22px;

}



.suscribe-section .btn-outline-primary {

    border-color: #941075;

    font-weight: 600;

    font-size: 16px;

    text-align: center;

    color: #941075;

    border-radius: 43px;

    border-width: 2px;

}



.form-control:focus {

    border-color: #f6d2ec;

    box-shadow: 0 0 0 0.2rem rgba(223, 0, 255, 0.25);

}



.suscribe-section .btn-outline-primary:hover, .suscribe-section .btn-outline-primary:focus {

    color: #fff;

    background-color: #5b0c45;

    border-color: #5b0c45;

}



.suscribe-section .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .suscribe-section .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .suscribe-section .show>.btn-outline-primary.dropdown-toggle:focus, .btn-outline-primary:focus, .btn-outline-primary.focus {

    box-shadow: 0 0 0 0.2rem rgba(242, 164, 220, 0.27);

}



.suscribe-section .btn-outline-primary:not(:disabled):not(.disabled):active, .suscribe-section .btn-outline-primary:not(:disabled):not(.disabled).active, .suscribe-section .show>.btn-outline-primary.dropdown-toggle {

    color: #fff;

    background-color: #5b0c45;

    border-color: #5b0c45;

}



.social-networks {

    align-items: center;

    display: flex;

}



.social-networks a:hover {

    opacity: 0.6;

}



.site-legal {

    font-size: 20px;

    line-height: 28px;

    color: #fff;

}



.site-legal a {

    color: #ece813;

}



.page-404 .site-header, .page-404 .site-footer {

    display: none;

}



body.page-404 {

    background: #941075;

}



#resultado-busqueda {

    position: relative;

}



#loading-screen {

    background-color: rgba(251, 248, 243, 0.88);

    height: 100%;

    width: 100%;

    /*position: fixed;*/

    z-index: 9999;

    margin-top: 0;

    top: 0;

    text-align: center;

    position: absolute;

    left: 0;

}



#loading-screen img {

    width: 100px;

    height: 100px;

    position: relative;

    margin-top: -50px;

    margin-left: -50px;

    /*top: 50%;*/

    top: 1%;

}



/*font-family: 'Frank Ruhl Libre', serif;*/



/*nosotros*/



.header-nosotros {

    background-image: url(../images/header-nosotros.jpg);

    height: 400px;

    width: 100%;

    position: relative;

    background-size: cover;

    background-position: center;

    display: block;

}



.header-nosotros-opacity {

    background: linear-gradient(90deg, #545454 38.47%, #333333 55.67%);

    height: 100%;

    opacity: 0.5;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



.header-nosotros-container {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: flex;

    align-items: center;

}



.header-nosotros-caption {

    color: #fff;

}



.header-nosotros .section-title {

    font-weight: bold;

    font-size: 50px;

    color: #FFFFFF;

}



.header-nosotros p {

    font-weight: 500;

    font-size: 32px;

    line-height: 38px;

    color: #FFFFFF;

}



.page-nosotros .media p {

    color: #656565;

}



/*attach file contacto*/
.btn-attach {
  color: #555;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 250px;
  height: 41px;
  background: #FFFFFF;
  border: 1px solid #9D9D9D;
  border-radius: 43px;
}

.btn-attach:hover, .btn-attach:focus {
  color: #888888;
  border-color: #888888;
}

/* input file style */
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.input-file + .js-labelFile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
}

.form-group.form-attach {
  background: #F4F4F4;
  border: 2px dashed #D7D7D7;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 12px;
  color: #656565
}

.file-uploaded-bar {
  padding: 1rem 0;
}

.icon-filetype {
  width: 50px;
  text-align: center;
}

.icon-filetype img {
  opacity: .3;
  width: 38px;
  height: auto;
}

.btn-delete img {
  opacity: .3;
  width: 20px;
  height: auto;
}

.file-title {
  font-size: 14px;
  margin: 0 0 5px;
}

.file-uploaded-bar .progress {
  background-color: rgba(196, 196, 196, 0.3);
  border-radius: 19px;
}

.file-uploaded-bar .progress-bar {
  background-color: #941075;
  border-radius: 19px;
}

.file-uploaded-bar .progress-bar-full {
  background-color: #941075;
  border-radius: 19px;
}


.progress-bar {
  animation: uploadBarAnim0 1.5s ease-in-out;
  animation-iteration-count: 1;
}

@keyframes uploadBarAnim0 {
    0% { width: 0; }
    100% { width: 100%; }
}
.truncate-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 67px);
}
#archivos .d-flex.flex-column.w-100.px-3 {
  width: calc(100% - 80px) !important;
}