/*!
Theme Name: remo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: remo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

remo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.custom-menu {
	display: flex;
    justify-content: flex-end;
	
}

.page-id-86 .entry-title {
	display: none;
}

.wp-singular .entry-title {
	display: flex;
	font-weight: bold;
	margin: 1rem 0;
	font-size: 1.5rem;
}

.site-main #post-60 {
	max-width: 50%;
	margin: 2rem auto;
}

.widget-area {
	display: none;
}

.flex.xl\:w-auto.flex-row.sm\:flex-col.xs\:flex-col.sm\:justify-between.sm\:items-center.gap-5.sm\:gap-10.top-icons-logo
{
    display: flex;
    flex-direction: row;
	justify-content: space-between;
    width: 100%;
}
input#search {
       position: relative;
    top: 27px;
    border: 1px solid #3b82f6;
    border-radius: 0.5em;
    left: 1px;
}
#search-btn {
    position: absolute;
    top: 50px;
}

.header-cont {
	max-height: 160px;
    height: auto;
}
.max-w-1170.flex.items-end.justify-between.pb-4.custom-menu
 {
    display: flex;
    justify-content: flex-end;
}
/*
.text-custom-1 { font-size: 1.125rem; } 
    .text-custom-sm { font-size: 0.875rem; } 
    .text-custom-xs { font-size: 0.75rem; }  
    .pt-17\.5 { padding-top: 4.375rem; }
    .pb-10 { padding-bottom: 2.5rem; }
    .pt-22\.5 { padding-top: 5.625rem; }
    .pb-15 { padding-bottom: 3.75rem; }
    .mb-7\.5 { margin-bottom: 1.875rem; }
    .gap-4\.5 { gap: 1.125rem; }
    .gap-7\.5 { gap: 1.875rem; }
    .pr-7\.5 { padding-right: 1.875rem; }
    .pr-8\.5 { padding-right: 2.125rem; }
*/




.woocommerce {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #333;
}

.woocommerce .columns-4 {
    display: flex;
/*     grid-template-columns: repeat(4, 1fr); */
    gap: 2rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 1200px) {
    .woocommerce .columns-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .woocommerce .columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
	
}

@media (max-width: 600px) {
    .woocommerce .columns-4 {
        grid-template-columns: 1fr;
    }
}

.woocommerce ul.products li.product {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.woocommerce ul.products li.product .product-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 1rem;
    max-height: 200px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    line-height: 1.4;
    text-align: center;
    flex-grow: 1;
}

.woocommerce ul.products li.product .price {
    font-size: 1rem;
    color: #333;
    margin: 0.5rem 0;
    text-align: center;
    font-weight: 600;
}

.woocommerce ul.products li.product .price ins {
    color: #c70039;
    font-weight: 700;
    text-decoration: none;
}

.woocommerce ul.products li.product .price del {
    color: #999;
    margin-right: 0.5rem;
}

.woocommerce ul.products li.product .button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.6rem 0.8rem;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    margin-top: auto;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #005a87;
}

.woocommerce ul.products li.product .onsale {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #c70039;
    color: #fff;
    padding: 0.4rem 0.6rem;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 4px;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}


.woocommerce ul.products li.product {
 	position: relative;
	min-width: 310px;
    width: 310px;
    margin: 1rem 1rem;
	height: 390px;
}


.woocommerce ul.products li.product .button.product_type_simple:not(.ajax_add_to_cart),
.woocommerce ul.products li.product .button[aria-label*="Leer más"] {
    background-color: #2c3e50;
}

.woocommerce ul.products li.product .button[aria-label*="Leer más"]:hover {
    background-color: #1a252f;
}
.woocommerce.columns-4 {
	display:contents;
	columns: auto;
}

.products.columns-4 {
    display: flex;
    align-items: center;
	justify-content: center;
	flex-flow: row wrap;
}

.woocommerce ul.products li.product .button {
	background: #3b82f6;
}

.suscribe-form form.wpcf7-form.init {
	display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.woocommerce ul.products li.product .onsale {
	max-width: 4rem;
    max-height: 2rem;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-us {
	max-width: 70%;
	margin: 5rem auto;
}
body.wp-singular.page-template-default.page.page-id-213.logged-in.admin-bar.wp-theme-remo.theme-remo.woocommerce-js.customize-support .entry-title,
body.wp-singular.page-template-default.page.page-id-86.logged-in.admin-bar.wp-theme-remo.theme-remo.woocommerce-js.customize-support .entry-title,
body.wp-singular.page-template-default.page.page-id-67.logged-in.admin-bar.wp-theme-remo.theme-remo.woocommerce-js.customize-support  .entry-title,
body.wp-singular.page-template-default.page.page-id-224.logged-in.admin-bar.wp-theme-remo.theme-remo.woocommerce-js.customize-support .entry-title {
	display: none !important;
}
.whatsapp-icon{
	z-index:99999;
}

.maps {
	width:220px;
	height:220px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {

    max-width: fit-content;
}
form.cart {
    visibility: hidden;
}
.wp-singular .entry-title{
	justify-content:center;
	margin-top:0.5rem;
}
.summary.entry-summary {
    margin-top: 10rem;
}
span.posted_in {
    text-transform: uppercase;
    font-weight: bold;
}

.woocommerce div.product {
  
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    
    /* Bordes redondeados para un aspecto más moderno */
    border-radius: 12px;
    
    /* Fondo blanco para destacar sobre el fondo de la página */
    background-color: #ffffff;
    
    padding: 20px;
    
 
    transition: all 0.3s ease;
    

    border: 1px solid #e0e0e0;
}

.woocommerce div.product:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.woocommerce div.product h1,
.woocommerce div.product h2,
.woocommerce div.product h3 {
    font-weight: 600;
    color: #2c3e50;
    line-height: 1.3;
}

.woocommerce div.product p {
    color: #555;
    font-size: 1rem;
    line-height: 1.6;
}


.woocommerce div.product img {
    border-radius: 8px;
}
.nav-links {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 40px 0;
        padding: 20px;
        background-color: #f8f9fa;
        border-radius: 12px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        gap: 15px;
        flex-wrap: wrap;
    }

    .nav-previous,
    .nav-next {
        flex: 1;
        text-align: center;
    }

    .nav-previous a,
    .nav-next a {
        color: #2c3e50;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: color 0.3s ease, transform 0.2s ease;
        gap: 6px;
    }

    .nav-previous a:hover,
    .nav-next a:hover {
        color: #3498db;
        transform: translateY(-2px);
    }

    .nav-subtitle {
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #7f8c8d;
    }

    .nav-title {
        font-size: 1rem;
        font-weight: 600;
        color: #2c3e50;
        max-width: 220px;
        word-wrap: break-word;
        text-align: center;
    }


    .nav-previous a::before {
        content: "←";
        margin-right: 8px;
        font-weight: bold;
        color: #3498db;
    }

    .nav-next a::after {
        content: "→";
        margin-left: 8px;
        font-weight: bold;
        color: #3498db;
    }
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce .checkout-button {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: white !important;
    border-radius: 8px;
    padding: 12px 24px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce .checkout-button:hover {
    background-color: #2563eb !important; 
    border-color: #2563eb !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}


.woocommerce-checkout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px;
}


.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
    box-sizing: border-box;
}


@media (min-width: 993px) {
    .woocommerce-checkout > form {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 40px;
        align-items: start;
    }

 
    .woocommerce-checkout #order_review_heading,
    .woocommerce-checkout #order_review {
        grid-column: 2;
        position: sticky;
        top: 30px;
        max-height: 85vh;
        overflow-y: auto;
        padding-left: 20px;
    }

  
    .woocommerce-checkout #customer_details {
        grid-column: 1;
    }

   
    .woocommerce-checkout .form-row.place-order {
        grid-column: 2;
        margin-top: 20px;
    }
}


.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
    background: #f8fafc;
    padding: 16px 20px;
    margin: 0 -20px 20px;
    border-left: 4px solid #3b82f6;
    font-weight: 600;
    font-size: 1.1em;
    border-radius: 8px 8px 0 0;
}


.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    width: 100%;
    padding: 14px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
    background: white;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    outline: none;
}


#order_review {
    background: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
}

#order_review table {
    margin-bottom: 25px;
}

#order_review table td,
#order_review table th {
    padding: 10px 12px;
    vertical-align: middle;
}


.woocommerce-checkout button.button,
.woocommerce-checkout input.button,
.woocommerce-checkout .checkout-button {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: white !important;
    border-radius: 10px !important;
    padding: 16px 24px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    width: 100%;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25) !important;
}

.woocommerce-checkout button.button:hover,
.woocommerce-checkout input.button:hover,
.woocommerce-checkout .checkout-button:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.35) !important;
}

.woocommerce-checkout #terms,
.woocommerce-checkout .form-row.terms {
    margin: 20px 0;
}

.woocommerce-checkout .form-row.terms label {
    padding: 10px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s;
}

.woocommerce-checkout .form-row.terms input:checked + label {
    border-color: #3b82f6;
    background-color: #f0f9ff;
}

.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message {
    padding: 20px !important;
    border-radius: 10px !important;
    margin: 20px 0 !important;
    border-left: 4px solid #3b82f6 !important;
}


@media (max-width: 992px) {
    .woocommerce-checkout > form {
        display: block;
    }

    #order_review {
        margin-top: 30px;
        position: static;
        max-height: none;
        overflow-y: visible;
        padding-left: 0;
    }

    .woocommerce-checkout .form-row.place-order {
        grid-column: auto;
    }
}

    @media (max-width: 576px) {
        .nav-links {
            flex-direction: column;
            padding: 15px;
        }

        .nav-previous, .nav-next {
            text-align: center;
        }
    }
@media(min-width: 1081px){
/* 		ul.products.columns-4 {
			width: 70%;
			margin: 0 auto;
		} */
}


@media(max-width: 1080px){
 	.whatsapp-icon {
    	position: fixed;
    	bottom: 0;
    	right: 4%;
	}
	.site-main #post-60 {
		max-width: 90%;
	} 
	.woocommerce.columns-4,
	.products.columns-4 {
		display:flex !important;
		flex-flow: column nowrap !important;
		align-items: center;
	}
	
	.about-us {
		max-width:90%;
	}
}