/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

/* GLOBAL */
@import url('https://fonts.googleapis.com/css2?family=Anek+Malayalam:wght@100..800&display=swap');

.h1, .h2, h1, h2 {
	line-height: 1;
}
p {
	line-height: 1.2;
}
ul {
	line-height: 1.3;
}
.button, button, input[type=button], input[type=submit] {
	padding: 0 2.2em;
}
.fw-600 {
	font-weight: 600;
}

@keyframes infiniteScrollLogos {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-1200px * 1)); /* tamaño de img (width) x cant única de logos */
    }
}
/* contenedor global */
.slider-logos {
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;
}
.slider-logos:before { /* gradient corte izq */
    content: '';
    width: 10%;
    height: 100%;
    background: linear-gradient(90deg, #f5f5f5, transparent);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
.slider-logos:after { /* gradient corte der */
    content: '';
    width: 10%;
    height: 100%;
    background: linear-gradient(270deg, #f5f5f5, transparent);
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}
.slider-logos .slider-logos-row {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: infiniteScrollLogos 20s linear infinite;
    width: calc(1200px * 2); /* tamaño de img (width) x cant total (el doble) de logos */
}
.slider-logos .slider-logos-img {
    width: 1200px;
    height: auto;
    padding: 0 1px;
}
.slider-logos .slider-logos-img img {
    width: 100%;
    height: auto;
}

/* Form */
form, button, .button {
	font-family: "Anek Malayalam", sans-serif;
	font-weight: 500;
}
input[type=submit], input[type=submit].button {
    background-color: var(--fs-color-secondary);
	border-radius: 5px;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border-radius: 5px;
	background-color: #f5f5f5;
	border: none;
	box-shadow: none;
	height: 2.8em;
}
input::placeholder,
textarea::placeholder {
	color: #999;
	font-weight: 400;
}

/* HEADER */
.header-main .nav > li:not(.menu-item-68) > a {
	font-size: 19px;
}
.header-main .nav > li.menu-item-68 {
	border: 1px solid #D9D9D9;
	border-radius: 4px;
}
.nav .nav-dropdown {
    min-width: -webkit-fill-available;
}
.nav .nav-dropdown {
    min-width: max-content;
}

/* FOOTER */
footer a:hover {
	color: var(--fs-color-secondary) !important;
}
.logo-footer img {
	position: relative;
	z-index: 1;
}

/* Home */
section.home_intro .row.home_intro-slider .slider-wrapper {
	border-radius: 20px;
	overflow: hidden;
}
section.home_intro .row.home_intro-txt {
	position: absolute;
    top: 0;
    z-index: 2;
	left: 0;
    margin-left: 0px;
	/* left: 50%;
    margin-left: -625px;*/
}
section.home_intro .row.home_intro-circle svg {
	position: absolute;
    right: 25px;
    top: -115px;
	z-index: 2;
}

section.home_soluciones .col.img-soluciones > .col-inner {
	min-height: 310px;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
	background: url(/wp-content/uploads/2024/11/bg-cat.svg) no-repeat center / cover;
}
section.home_soluciones .col.img-soluciones:after {
	content: '';
	width: 40px;
	height: 40px;
	background: url(/wp-content/uploads/2024/10/icon-box.svg) no-repeat center / contain;
	position: absolute;
    top: 10px;
    right: 10px;
}

section.home_embalajes {
	background: url(/wp-content/uploads/2024/10/Group-574.svg) no-repeat center bottom / contain;
}
section.home_embalajes .row.soluciones-items > .col > .col-inner {
	min-height: 330px;
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
	padding: 0 3px 10px 3px;
	overflow: hidden;
}
section.home_embalajes .row.soluciones-items > .col > .col-inner a.button {
	margin-bottom: 0;
	font-weight: 600;
	transition: all .5s;
}
section.home_embalajes .row.soluciones-items > .col > .col-inner:hover a.button {
	color: var(--fs-color-secondary);
	background-color: #fff;
}
section.home_embalajes .row.soluciones-items > .col > .col-inner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	filter: grayscale(1);
	z-index: 0;
	pointer-events: none;
	transition: all .5s;
}
section.home_embalajes .row.soluciones-items > .col > .col-inner:hover:before {
	filter: grayscale(0);
	transform: scale(1.15);
}
section.home_embalajes .row.soluciones-items > .col.item-automotriz > .col-inner:before { background-image: url(/wp-content/uploads/2024/10/automotriz.jpg); }
section.home_embalajes .row.soluciones-items > .col.item-construccion > .col-inner:before { background-image: url(/wp-content/uploads/2024/10/construccion.jpg); }
section.home_embalajes .row.soluciones-items > .col.item-avicola > .col-inner:before { background-image: url(/wp-content/uploads/2024/10/avicola.jpg); }
section.home_embalajes .row.soluciones-items > .col.item-frigorificos > .col-inner:before { background-image: url(/wp-content/uploads/2024/10/frigorificos.jpg); }

section.home_embalajes .row.soluciones-items > .col.item-industria > .col-inner:before { background-image: url(/wp-content/uploads/2024/11/industria.jpg); }
section.home_embalajes .row.soluciones-items > .col.item-panificados > .col-inner:before { background-image: url(/wp-content/uploads/2024/11/panificados.jpg); }
section.home_embalajes .row.soluciones-items > .col.item-pesqueras > .col-inner:before { background-image: url(/wp-content/uploads/2024/11/pesquera.jpg); }
section.home_embalajes .row.soluciones-items > .col.item-electrodomesticos > .col-inner:before { background-image: url(/wp-content/uploads/2024/11/electrodomesticos.jpg); }

section.home_embalajes .row.soluciones-items > .col:before {
	content: '';
	position: absolute;
	background: #581d1e;
	width: 42px;
	height: 42px;
	top: 0;
    right: 15px;
	border-radius: 7px;
	outline: 6px solid #f5f5f5;
	z-index: 1;
}
section.home_embalajes .row.soluciones-items > .col:after {
	content: '';
	background: url(/wp-content/uploads/2024/10/icon-arrow-2.svg) no-repeat center / 27px;
	position: absolute;
    top: 0;
    right: 14px;
	width: 42px;
	height: 42px;
	transform: rotate(-45deg);
	transition: all .5s;
	z-index: 1;
}
section.home_embalajes .row.soluciones-items > .col:hover:after {
	transform: rotate(145deg);
}
section.home_embalajes .flickity-page-dots {
	bottom: -15px;
}

/* Contacto */
section.contacto_form .social-icons {
	display: flex;
    justify-content: flex-start;
	width: 100%;
    gap: 20px;
}
section.contacto_form .social-icons a.icon.primary.button {
	background-color: var(--primary-color) !important;
	border-color: var(--fs-color-secondary) !important;
}
section.contacto_form .social-icons a.icon.primary.button i {
	color: var(--fs-color-secondary) !important;
}
section.contacto_map iframe {
	filter: grayscale(1);
}

/* Empresa */
section.empresa_intro .row.empresa_intro-bg {
	background: url(/wp-content/uploads/2024/10/empresa-intro.png) no-repeat center / cover;
	border-radius: 20px;
	min-height: 300px;
}
section.empresa_intro .row.empresa_intro-circle svg {
	position: absolute;
    right: 20px;
    top: -80px;
}
section.empresa_form form input:not([type="submit"]) {
	background-color: #E6E4E4;
}
.col.estandares-calidad {
	z-index: -1;
}

/* Blog */
section.blog_intro .row.blog_intro-bg {
	background: url(/wp-content/uploads/2024/10/Group-543.jpg) no-repeat center / cover;
	border-radius: 20px;
}
section.blog_intro .row.blog_intro-circle svg {
	position: absolute;
    right: 20px;
    top: -115px;
	max-width: 35%;
}

/* Tienda */
.shop-page-title.category-page-title.page-title,
.term-cintas-adhesivas .woocommerce-pagination,
.archive.term-cintas-adhesivas.woocommerce .products.row,
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal,
.woocommerce-cart .product-quantity,
.cart_totals .cart-subtotal,
.checkout-sidebar .product-total,
.checkout-sidebar .cart-subtotal,
.woocommerce-checkout-payment .message-container,
.woocommerce-order-details .product-total,
.woocommerce-order-details table tfoot,
.woocommerce-order-overview .woocommerce-order-overview__total,
.woocommerce-order-overview .woocommerce-order-overview__payment-method,
.woocommerce-customer-details {
    display: none;
}
.single_add_to_cart_button.button,
.product-short-description a.button.secondary {
	width: 100%;
	max-width: 300px;
}
.product-footer {
	margin-top: 60px;
}
.shop_table thead th.product-name {
	font-family: Lexend, sans-serif;
}
.archive.woocommerce-shop .box-image {
	background: #581d1e;
}
.related.related-products-wrapper .product .col-inner {
	border: 1px solid #ececec;
}
h1.product-title.product_title.entry-title {
	font-weight: 700;
}
.products.row .product > .col-inner,
.related-products-wrapper .product > .col-inner,
.product-small.product > .col-inner {
	border-radius: 15px;
	overflow: hidden;
	height: 100%;
}



/* Media */

@media only screen and (max-width: 549px) {
	section.home_intro {
		padding: 0 15px;
	}
	section.home_soluciones .col.img-soluciones > .col-inner {
		min-height: 250px;
	}
}

@media only screen and (min-width: 1280px) {
	section.home_intro .row.home_intro-txt {
		left: 50%;
    	margin-left: -625px;
		top: 13%;
	}
}