/*
Template:       ciri
Theme Name:     Ciri Child
Theme URI:      https://themeforest.net/user/LaStudio/portfolio?ref=LaStudio
Author:         LA Studio
Author URI:     https://themeforest.net/user/LaStudio?ref=LaStudio
Description:    Ciri - Furniture & Interior WooCommerce Theme
Version:        1.0.0
Requires at least: 5.0
Requires PHP:   7.0
Tags:           catalog, ceramics, craftsman, decor, elementor, furniture, furniture catalog, furniture portfolio, furniture shop, furniture store, home decor, interior decoration, lighting, woocommerce, woodworker
License:        GNU General Public License
License URI:    licence/GPL.txt
Text Domain:    ciri
Domain Path:    /languages/
*/

/* PROYECTOS */

.page-header--default {
	display: none;
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px; /* Espacio entre las tarjetas */
    margin: 0 auto;
    max-width: 1440px; /* Ajusta el ancho máximo según tus necesidades */
    padding: 0px;
}

.project-card {
    border: 1px solid #DDD;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #FFF;
    transition: transform 0.3s, box-shadow 0.3s;
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.project-card img {
    display: block;
    width: 100%;
    height: auto;
}

.room-name {
	text-align: center;
	margin: 20px auto;
}

.btn-select-pack {
    display: block;
    text-align: center;
    background-color: #C3B8A5;
    color: #FFF;
    border: none;
    padding: 10px;
    margin: 20px auto;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
}

div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full .wpforms-page-button {
	border-radius: 0 !important;
}

.project-details-container {
    display: flex;
    margin: 20px auto;
    max-width: 1170px;
    padding: 20px;
}

.left-column {
    padding-right: 40px;
    border-right: 1px solid #DDD;
	width: 25% !important;
}

.right-column {
    flex: 2;
	padding-left: 40px;
}

div#datos {
    margin: 24px auto;
	padding: 15px 0;
}

.btn-back {
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #C3B8A5;
    color: #FFF;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
}

.btn-back:hover {
	color: #212121;
}

.menu {
    margin-top: 20px;
}

.menu-link {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    color: #C3B8A5;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.menu-link:hover {
    background-color: #f0f0f0;
}

.content-section {
    display: none;
}

.content-section.active {
    display: block;
}

.images-gallery, .colors-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.project-image, .color-image {
    max-width: 340px;
    height: auto;
    border: 1px solid #DDD;
    border-radius: 5px;
}


/* Estilos personalizados para WPForms */

.wpforms-field {
    margin-bottom: 20px;
}

.wpforms-field-file-upload {
    border: 2px dashed #CCC;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.wpforms-field-file-upload:hover {
    border-color: #C3B8A5;
}

.wpforms-field-file-upload input[type="file"] {
    display: none;
}

.wpforms-field-number input {
    width: 100px;
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.dimensions {
    display: flex;
    gap: 10px;
}

/* HOME */
.elementor-238 .elementor-element.elementor-element-898216b .lakit-pricing-table__features {
	text-align: justify;
}

/* MI CUENTA */
.elementor.elementor-2406.elementor-location-header {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.site-content--default>.page-content>.woocommerce {
    margin-bottom: 8em;
    margin-top: 8em !important;
}