/* YAK Industry - Style V 0.1.0 - Main */

/* Mar - Variables*/

:root {
    --color-white: #fff;
    --color-white-gray: #eeeeee;
    --color-acero: #2C5364;
    --color-acero-dark: #1C3B53;
    --color-azul-light: #63B6EC;
    --color-azul-dark: #004F9F;
    --color-azul-medium: #0E5EAD;
    --color-gray-dark: #333333;
    --color-gray-light: var(--bs-gray-600);
    --color-gray-regular: var(--bs-gray-700);
    --color-rojo-dark: #b82133;
    --color-rojo-regular: var(--bs-danger);
    --color-green-regular: #39b54a;
}

/* Mar - Configure */

/* div,figure,li,a {
    border: 1px dashed red !important;
} */

html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Evita el scroll horizontal — mismo reset que theme.css, para consistencia entre páginas */
}

body{
    background-color: var(--color-white-gray);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}
header{
    background-color: var(--color-white);
}

/* Mar - Utility */

@media (max-width: 768px) {
    .mar-p-end{padding-right: 0rem !important;}
    .mar-p-str{padding-left: 0rem !important;}
    .mar-title-rubro h5,.mar-promo,.mar-search .form-control {font-size: 0.80rem !important;}
    .mar-search .form-control input{ width: 80% !important;}
    .mar-option{ padding-left: 0.60rem !important; padding-right: 0.60rem !important;}
    .mar-b-end{border-right: 0rem !important;}
    .mar-b-buttom{border-bottom: 1px solid var(--bs-secondary-border-subtle);}
}

.mar-line-border{border-bottom: 1px solid var(--bs-secondary-border-subtle);}
.mar-bg-rojo{background: var(--color-rojo-dark) !important;}

/* Mar - Pomi */

.mar-pomi-logo img {width: 80px; margin-top: 5px;}
.mar-torrente-logo img {width: 120px; margin-top: 0px;}
/*.mar-pomi-food article{ width: 100%; max-width: 450px;}*/
.mar-pomi-food .mar-img-pomi img{max-width: 425px; max-height: 452px; width: 100%;}
.mar-pomi-food h2 {
    font-size: 2.6em;
    font-weight: 600;
    color: var(--color-rojo-dark);
}
.mar-pomi-food h6 {
    font-size: 1.2em;
    font-weight: 600;
    color: var(--color-green-regular);
}
.mar-pomi-food p {
    font-size: 1.0em;
    font-weight: normal;
    color: var(--color-gray-dark);
}
.mar-pomi-spect h4{
    font-size: 1.4em;
    font-weight: 600;
    color: var(--color-green-regular);
}
.mar-pomi-spect h6{
    font-size: 1.0em;
    font-weight: normal;
    color: var(--color-gray-dark);
}
.mar-pomi-spect p{
    font-size: 4.0em;
    font-weight: normal;
    color: var(--color-gray-light);
}
.mar-pomi-border{
    border-left: 1px solid var(--color-gray-light);
    border-right: 1px solid var(--color-gray-light);
}
.mar-pomi-product h3{
    font-size: 2.0em;
    font-weight: 600;
    color: var(--color-white);
}
.mar-pomi-product h6{
    font-size: 1.2em;
    font-weight: 600;
    color: var(--color-white);
}
#carouselMaredusaPomi .carousel-caption{
    bottom: auto;
    top: 3rem;
}
#carouselMaredusaPomi .carousel-caption h5{
    font-size: 3.2em;
    font-weight: 600;
    text-shadow: 3px 2px 2px rgba(0,0,0,0.6);
}
#carouselMaredusaPomi .carousel-caption span{
    display: block;
    margin: auto;
    width: 440px;
    height: 5px;
    background-color: var(--color-rojo-dark);
    box-shadow: 4px 3px 5px -1px rgba(0,0,0,0.75);
}
#carouselMaredusaPomi .carousel-caption p{
    margin-top: 10px;
    font-size: 1.3em;
    font-weight: normal;
    text-shadow: 2px 1px 1px rgba(0,0,0,0.6);
}


@media (max-width: 768px) {
    .mar-pomi-food h2 { font-size: 1.8em;}
    .mar-pomi-food h6 { font-size: 0.9em; }
    .mar-pomi-food p { font-size: 0.8em;}

    .mar-pomi-spect h4{ font-size: 1.0em;}
    .mar-pomi-spect h6{ font-size: 0.7em;}
    .mar-pomi-spect p{font-size: 1.8em;}

    .mar-pomi-product h3{font-size: 1.5em;}
    .mar-pomi-product h6{ font-size: 0.9em;}

    #carouselMaredusaPomi .carousel-caption h5{font-size: 1.8em;}
    #carouselMaredusaPomi .carousel-caption p{font-size: 0.8em;}
    #carouselMaredusaPomi .carousel-caption span{width: 250px;}
}

/* Mar - menus - navbar-nav  */

.navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.mar-logo{
    width: 150px;
    height: auto;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 100;
}
.mar-logo img{
    margin: auto;
    display: block !important;
    width: 100px !important;
    height: 100px !important;
    padding: 2px 0px;
    background-color: var(--color-white);
    border-radius: 75px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}

@media (max-width: 768px) {
    .mar-logo {
        width: 120px;
        right: -5px; 
        top: 5px;
        left: inherit !important;
        text-align: right;
    }

    .mar-logo img {
        width: 51px !important;
        height: 51px !important;
        margin: auto;
    }
}

.mar-border-rubro{
   border-left: 1px;
   border-right: 1px;
   border-bottom: 0px;
   border-top: 0px;
   border-color: var(--color-white-gray) !important;
   border-style: solid;
   margin-left: -1px;
}
.mar-header figure img{
    width: 30px;
    height: 30px;
    display: inline;
}
.mar-header a figure img:first-child{
    display: none;
}
.mar-limpieza-rubro figcaption,
.mar-alimento-rubro figcaption{
    font-size: 0.60em;
    font-weight: 600;
    text-align: center;
    color: var(--color-white);
}
.mar-option figcaption {
    font-size: 0.80rem;
    font-weight: 600;
    color: var(--color-white);
}
.mar-option:hover{
    opacity: 0.80;
}

.mar-limpieza-rubro:hover,
.mar-alimento-rubro:hover {background-color: var(--color-white);}
.mar-limpieza-rubro:hover figcaption {color: var(--color-azul-dark)}
.mar-alimento-rubro:hover figcaption {color: var(--color-rojo-dark)}
.mar-header a:hover figure img:first-child{
    display: inline-block;
}
.mar-header a:hover figure img:last-child{
    display: none;
}

.mar-header-alimento{background: rgb(248, 248, 248); background: linear-gradient(180deg, rgba(255,69,88,1) 0%, rgba(184,33,51,1) 100%);}
.mar-header-limpieza{background: rgb(99,182,236); background: linear-gradient(180deg, rgba(99,182,236,1) 0%, rgba(0,79,159,1) 100%);}
.mar-alimento-header{background-color: var(--color-white);}
.mar-alimento-header figcaption {color: var(--color-rojo-dark)}
.mar-alimento-header figure img:first-child{ display: inline-block !important;}
.mar-alimento-header figure img:last-child{ display: none;}
.mar-limpieza-header{background-color: var(--color-white);}
.mar-limpieza-header figcaption {color: var(--color-azul-dark)}
.mar-limpieza-header figure img:first-child{ display: inline-block !important;}
.mar-limpieza-header figure img:last-child{ display: none;}

.mar-barra-top{
    width: 100%;
    height: 1px;
    background-color : var(--bs-secondary-border-subtle);
}
.mar-barra-buttom{
    width: 100%;
    height: 2px;
    background: rgb(99,182,236);
    background: linear-gradient(90deg, rgba(99,182,236,1) 0%, rgba(0,79,159,1) 100%);
}
.mar-title-rubro{
    margin: 0px auto;
    padding: 11px 20px;
    width: 100%;
    background: rgb(99,182,236);
    background: linear-gradient(180deg, rgba(99,182,236,1) 0%, rgba(0,79,159,1) 100%);
    text-decoration: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.mar-title-rubro h5{
    font-size: 1.10rem;
    color: var(--color-white);
    font-weight: 600;
    margin-bottom: 5px;
}
.mar-menu li a.nav-link{
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 0.90rem;
}
.mar-menu li a.nav-link:hover{
    color: var(--color-azul-dark);
    text-decoration: underline;
}
.mar-menu-icon{
    color: var(--color-gray-dark);
    font-size: 1.2rem;
    text-decoration: none;
    padding-left: 12px;
}
.mar-menu-icon span{
    font-size: 0.8rem;
    font-weight: 600;
}
.mar-promo{
    border-radius: 10px;
    font-size: 1.0rem;
    font-weight: 600;
    padding: 7px 20px;
    border: 0px;
    background: rgb(251,176,59);
    background: linear-gradient(180deg, rgba(251,176,59,1) 0%, rgba(255,147,30,1) 100%);
}
.mar-menu-category{
    background-color: var(--color-white);
    border: 1px solid var(--color-azul-light);
    margin-top: -1px;
}
.mar-menu-category ul li a.nav-link{
    font-size: 0.80rem;
    font-weight: 600;
    color: var(--color-gray-dark);
}
.mar-menu-category ul li a.nav-link:hover{
    color: var(--color-azul-dark);
}
.mar-menu-category ul li.nav-item {
    border-bottom: 1px dashed var(--color-gray-dark);
    margin: 0px 15px;
}
.mar-menu-category ul li.nav-item:last-child {
    border-bottom: none;
}
.mar-menu-category ul li a figure img{
    width: 30px;
    height: 30px;
    display: inline;
}
.mar-menu-category ul li a figure img:first-child{
    display: none;
}
.mar-menu-category ul li a:hover figure img:first-child{
    display: inline-block;
}
.mar-menu-category ul li a:hover figure img:last-child{
    display: none;
}
@media (max-width: 768px) {
    .mar-menu-category{
        display: none;
    }
}
.mar-filter{
    background-color: var(--color-white);
    margin-top: 15px;
    padding: 15px;
}
.mar-filter h5{
    font-size: 1.10rem;
    color: var(--color-gray-dark);
    margin-top: 15px
}
.mar-filter-row{
    border-bottom: 1px solid var(--color-azul-light);
}
.mar-filter h6,
.mar-filter ul li
{
    font-size: 0.87rem;
}
#searchInput{
    border: 1px solid var(--color-azul-light);
}
#searchResults .mar-search-item img{
    width: 45px;
    height: 45px;
}
#searchResults .mar-search-item span,
#searchResults .mar-search-item p{
    font-size: 0.6rem;
    font-weight: 600;
    color: var(--color-gray-dark);
    text-decoration: none;
}
#searchResults .mar-search-item span{
    color: var(--color-gray-light);
}
#searchResults .mar-search-item{
    border: 1px solid var(--color-azul-light);
    border-top: 0px;
}
#searchResults .mar-search-item:hover{
    background-color: var(--color-white-gray);
}
@media (max-width: 768px) {
    #searchResults{
        min-width: 310px;
    }
}

/* Mar - Access */

.mar-access .card{
    background: rgb(99,182,236);
    background: linear-gradient(-32deg, rgba(99,182,236,1) 0%, rgba(0,79,159,1) 100%);
    text-decoration: none;
}
.mar-access .card:hover{
    background: var(--color-azul-dark);
}
.mar-access .card h5.card-title{
    color: var(--color-white);
    font-size: 1.12rem;
    font-weight: 600;
}
.mar-access-client .modal-title{
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--color-gray-dark);
}
.mar-access-client .col-form-label,
.mar-access-client .form-control{
    font-size: 0.87rem;
    color: var(--color-gray-dark);
    font-weight: 600;
}
.mar-access-client .modal-footer .btn-primary{
    background-color: var(--color-azul-dark);
    border-color: var(--color-azul-dark);
    font-weight: 600;
}
.mar-access-client a{
    color: var(--color-azul-dark);
}

/* Mar - Products */

.mar-cart-items .cart-item .card-text,
.mar-card-products .card .card-text{
    font-size: 0.80rem;
    font-weight: 600;
    color: var(--color-gray-light);
}
.mar-cart-items .cart-item .card-title,
.mar-card-products .card .card-title,
.mar-card-products .card .card-subtitle{
    font-size: 1.00rem;
    font-weight: 600;
    color: var(--color-gray-dark);
}
.mar-card-products .card .card-subtitle{
    font-size: 1.25rem;
}
.mar-card-product-title{
  display: -webkit-box;
  height: 40px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.menu-container{
    display: none;
}
@media (max-width: 768px) {
    .mar-cart-items .cart-item .card-text,
    .mar-card-products .card .card-text{
        font-size: 0.70rem;
    }
    .mar-cart-items .cart-item .card-title,
    .mar-card-products .card .card-title,
    .mar-card-products .card .card-subtitle{
        font-size: 0.80rem;
        font-weight: 600;
        color: var(--color-gray-dark);
    }
    .mar-card-products .card .card-subtitle{
        font-size: 1.00rem;
    }
}
.mar-card-products .card .card-footer{
    border-top: 0px;
    min-height: 55px;
}
.mar-card-products .card .btn-primary{
    background-color: var(--color-azul-dark);
    border-color: var(--color-azul-dark);
    font-weight: 600;
}
.mar-card-products .card .btn{
    display: none;
}
.mar-card-products .card:hover .btn{
    display: block;
}
.mar-promos-price p{
    color: var(--color-rojo-dark) !important;
    font-size: 0.8rem;
}
.mar-promos-price p:last-child span{
    font-size: 1.25rem;
}
@media (max-width: 768px) {
    .mar-promos-price p:last-child span{
        font-size: 1.00rem;
    }
}
.mar-cart-items img{
    width: 80px;
    height: 80px;
}
.mar-product,
.mar-car{
    background-color: var(--color-white);
}
.mar-product .mar-product-head p,
.mar-product .mar-product-body p{
    font-size: 0.80rem;
    font-weight: 600;
    color: var(--color-gray-regular);
}
.mar-product .mar-product-body p{
    font-size: 0.80rem;
    font-weight: normal;
}
.mar-product .mar-product-head h4{
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-gray-dark);
}
.mar-product .mar-product-shop p{
    font-weight: 600;
    line-height: 1.2;
}
.mar-product .mar-product-shop p span{
    font-size: 2rem;
}
.mar-product .mar-product-shop p .mar-min-size{
    font-size: 1.6rem !important;
}
.mar-product .mar-product-shop .mar-promo-price{
    color: var(--color-rojo-dark)
}
.mar-summary .mar-price .btn-primary,
.mar-product .mar-product-shop .btn-primary,
.mar-data .btn-primary{
    background-color: var(--color-azul-dark);
    border-color: var(--color-azul-dark);
    font-weight: 600;
}
.mar-cart-items .cart-item .mar-price p{
    width: 150px;
    color: var(--color-gray-dark);
    font-size: 1.00rem;
    font-weight: 600;
}
.mar-summary .mar-price p{
    font-size: 1.00rem;
    font-weight: 600;
    color: var(--color-gray-dark);
}
.paginator p{
    font-size: 0.9em;
    font-style: italic;
    color: var(--color-gray-dark)
}
.mar-cart-items .cart-item .mar-cant{
    min-width: 124.6px;
}

/* Mar Checkout */

.mar-client-data label{
    font-size: 0.9em;
    font-weight: 600;
    color: var(--color-gray-dark);
}

.mar-client-data .mar-data-title{
    color: var(--color-gray-regular);
}

.mar-client-data .accordion .accordion-button{
    font-weight: 600;
}

/* Mar - Main */

.mar-title-main{
    background-color: var(--color-white);
}
.mar-title-main img{
    width: 30px;
    height: 30px;
    display: inline;
}
.mar-title-main h4{
   font-size: 1.25rem !important;
   font-weight: 600;
   color: var(--color-gray-dark);
}

/* Mar - Data */

.mar-data .form-label,
.mar-data .form-control,
.mar-data .form-check-label,
.mar-data .form-select{
    font-size: 0.9em;
    font-weight: 600;
    color: var(--color-gray-regular);
}

.mar-data .form-control,
.mar-data .form-select{
    border-color: var(--color-azul-light);
}

/* Mar - Info */

.mar-data-info,
.mar-data-info p{
    font-size: 0.8rem;
    color: var(--color-gray-dark);
}
.mar-data-info h4,
.mar-data-info h5,
.mar-data-info h6{
    font-weight: 600;
    color: var(--color-azul-dark);
}

/* Mar - Footer */

footer {
    background-color: var(--color-acero);
    color: var(--color-white);
}

footer h5 {
    font-size: 1.10rem;
    font-weight: 600;
}
footer p{
    font-size: 0.80rem;
}
footer .social-icons .icon {
    font-size: 2.4rem;
    color: var(--color-white);
}
footer .mar-bottom-bar {
    background-color: var(--color-acero-dark);
    padding: 12px 0;
    font-size: 0.75rem;
}
footer .mar-bottom-bar a {
    color: var(--color-white);
    margin: 0 12px;
}
footer .mar-bottom-bar a:hover {
    text-decoration: underline !important;
}

/* Mar - quitar flechas para los campos number*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}