/* Theme Name: Zuldek Theme URI: http://tusitio.com/zuldek 
Author: urano
Author URI: http://urano.mx
Description: Tema de WordPress básico llamado Zuldek 
Version: 1.0 License: GPL2 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain: zuldek */


.morado {
color:#713771;
}
.gris {
color:#5c5c5c!important;
}
.bold {
font-weight:800;
}
.italic {
font-style: italic !important;
}
.fdo-morado {
background-image:url(images/fdo-morado.png);
background-repeat: repeat;
}
.mlogo {
margin-top:2em;
}
.fdo-headerm {
background-image:url(images/fdo-headerm.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
min-height:500px;
text-align:center;
}
.fdo-headerm2 {
background-image:url(images/fdo-headerm2.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
min-height:200px;
text-align:center;
background-size:cover;
}
.productos {
    background-color:#fff;
}
.productosb {
    background-color:#fff;
}

#masde40 {
background-image:url(images/piso.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
background-position:bottom;
min-height:500px;
text-align:center;
color:#fff;
text-align:center;
margin-top:50px;
}
.tblanco{
color:#fff;
}
.mtop {
padding-top:100px;
padding-left:300px;
padding-right:300px;
padding-bottom:100px;
}
.mtop h3 {
padding-top:100px;
}
.position-relative {
position: relative;
}
.custom-button {
margin-top:1em;
margin-bottom:2em;
display: inline-block;
padding: 10px 20px;
font-size: 1.5em;
text-align: center;
text-decoration: none;
color: white;
border: 2px solid white;
background-color: transparent;
border-radius: 0;
transition: all 0.3s ease;
}
.custom-button:hover {
background-color: white;
color: #9d9391;
}
.gallery-container {
display: flex;
flex-wrap: wrap;
gap: 0px;
}
.gallery-item {
flex: 1 1 calc(25% - 15px);
height: 500px;
overflow: hidden;
position: relative;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease, filter 0.5s ease;
}
.gallery-item:hover img {
transform: scale(1.2);
filter: brightness(0.8);
}
#masproductos {
background-color: #f5f5f0;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;

}
.masproductos-title {
font-size: 3em;
margin-bottom: 50px;
color: #555;
}
.masproductos {
list-style: none;
padding: 0;
margin: 0;
}
.masproductos li {
position: relative;
font-size: 1.5em;
color: #555;
margin: 0;
padding: 15px 0;
cursor: pointer;
overflow: hidden;
text-align: center;
}
.masproductos a {
    color: #555;
    text-decoration:none;
}
.masproductos li::after {
content: '';
display: block;
width: 100%;
height: 2px;
background-color: #7a417a;
position: absolute;
bottom: 0;
left: 0;
}
.masproductos li .masproductos-bg {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background-color: #7a417a;
z-index: 0;
transition: top 0.4s ease;
}
.masproductos li:hover .masproductos-bg {
top: 0;
}
.masproductos li span {
position: relative;
z-index: 1;
transition: color 0.4s ease;
}
.masproductos li:hover span {
color: white;
}
.sombra-container {
display: flex;
justify-content: center;
margin-top: -10px;
}
.sombra-img {
width: 100%;
max-width: 1200px;
object-fit: cover;
}
#nuestrosclientes {
padding: 50px 50px 90px 20px;
background-color: #f9f9f9;
}
.titulo-clientes {
font-size: 3em;
color: #555;

}
.testimonios-container {
width: 100%;
max-width: 1200px;
margin: auto;
padding: 20px;
}
.swiper {
width: 100%;
overflow: hidden;
}
.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
width: auto;
}
.testimonio {
background: #444;
color: white;
padding: 20px;
border-radius: 10px;
max-width: 300px;
text-align: center;
}
@media (max-width: 768px) {
.swiper-slide {
width: 100% !important;
}
}
.swiper-button-next,
.swiper-button-prev {
color: #723771 !important;
}
.btn-cotiza {
display: inline-block;
font-size: 20px;
color: #888;
text-decoration: none;
border: 2px solid #888;
padding: 12px 24px;
border-radius: 5px;
transition: all 0.3s ease;
}
.btn-cotiza:hover {
color: #555;
border-color: #555;
}
.btn-container {
display: flex;
justify-content: center;
align-items: center;
}
.wpcf7 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 33%;
margin: 0 auto;
}
.wpcf7 label {
text-align: center;
width: 100%;
margin-bottom: 5px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
width: 100%;
padding: 10px;
background-color: #e9e9e9;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 15px;
text-align:center;
}
.wpcf7 input[type="submit"] {
background-color: transparent;
border: 1px solid #e9e9e9;
color: #e9e9e9;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
.wpcf7 input[type="submit"]:hover {
background-color: #e9e9e9;
color: #333;
}
@media (max-width: 768px) {
.wpcf7 {
width: 90%;
}
}
#formulario {
    background-color: #f5f5f5;
    padding-bottom: 50px;
}
.contenedor {
display: flex;
justify-content: center;
align-items: center;
height: 250px;
}
.contenedor img {
max-width: 100%;
height: auto;
}
.iconos .fa-solid {
color:#713771;
font-size:2em;
margin-right:1.2em;
}
.direccion {
padding-left:2em;
}
#footer {
background-color:#5d5d5d;
padding-top:25px;
color:#fff;
}
#footer .fa-location-dot {
font-size:2.5em;
float:left;
margin-right:15px;
}
#footer .fab {
font-size:3em;
}
ul.mfooter {
font-size:1.2em;
text-transform:uppercase;
list-style: none;
}
.productos h1 {
color:#5d5d5d;
text-transform:uppercase;
font-size:4em;
margin:1.2em 0;
}
.productos p {
color:#5d5d5d;
font-size:1.5em;
}
.productos ul {
color:#5d5d5d;
font-size:1.5em;
}
.productos h2 {
color:#5d5d5d;
font-size:1.6em;
}
.productos a {
color:#713771;
font-weight:bold;
text-decoration:none;
}
.productosb h1 {
color:#5d5d5d;
text-transform:uppercase;
font-size:4em;
margin:1.2em 0;
}
.productosb p {
color:#5d5d5d;
font-size:1.5em;
}
.productosb ul {
color:#5d5d5d;
font-size:1.5em;
}
.productosb h2 {
color:#5d5d5d;
font-size:1.6em;
}
.productosb a {
color:#713771;
font-weight:bold;
text-decoration:none;
}

.single h1 {
color:#5d5d5d;
text-transform:uppercase;
font-size:4em;
margin-top:1.2em;
}


.single p {
color:#5d5d5d;
font-size:1.5em;
}
.single ul {
color:#5d5d5d;
}
.single h2 {
color:#5d5d5d;
font-size:1.6em;
}
.single a {
color:#713771;
font-weight:bold;
text-decoration:none;
}


.subtitulo {
margin-top:-2.8em;
margin-bottom:2.8em;
}
.carousel-slider__item img{
width: 250px;
height: 250px;
border-radius: 50%;
object-fit: cover;
}

.casa {
font-size:3.5em;
color:#713771;
margin:0.5em 0px 1em 0px;
}

.leer-mas {
    font-size: 1.8em;
    font-size:normal;
}
.mblog {
    padding-top:35px;
}



/* Estilo del contenedor del widget */

.widget_categories {
    background-color: #e9e9e9;
    padding: 40px;
    margin-top: 33px;
}
.widget_categories {
    background-color: #e9e9e9;
    padding: 40px;
    margin-top: 30px;
}

/* Estilo del título "Categorías" */
.widget_categories .widget-title {
    color: #713771;
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 30px;
}

/* Elimina viñetas de la lista */
.widget_categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Estilo de los elementos de lista */
.widget_categories ul li {
    position: relative;
    padding-left: 0;
    transition: padding-left 0.3s ease;
}

/* Estilo de los enlaces */
.widget_categories ul li a {
    color: #5d5d5d;
    text-transform: uppercase;
    font-size: 0.7em;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    transition: color 0.3s ease;
    line-height:0.8em;
    font-weight:400;
}

/* Efecto hover: desplazar texto y agregar bullet */
.widget_categories ul li:hover {
    padding-left: 35px;
}

/* Agregar bullet al hacer hover */
.widget_categories ul li:hover::before {
    content: "●";
    color: #713771;
    font-size: 1.2em;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    z-index: 10; /* Asegura que esté visible */
}

/* Cambio de color en hover */
.widget_categories ul li a:hover {
    color: #713771;
}

.custom-html-widget{
    background-color:#5d5d5d;
    padding:1px;;
    padding:20px;
    margin-top:10px;
 }
 .custom-html-widget p {
     color:#fff;
    text-align:center;     
 }

.wpcf7-form-control-wrap {
    width:100%!important;
}
<!-- formulario -->
/* Hacer que el formulario ocupe el 100% del ancho */
.wpcf7-form {
    box-sizing: border-box; /* Asegura que el padding no afecte el ancho */
}

/* Hacer que el campo de correo electrónico ocupe el 100% */
.wpcf7-form-control.wpcf7-email {
    padding: 10px; /* Agregar algo de padding para que se vea bien */
    box-sizing: border-box;
    width:220px!important;
    font-size:0.9em;
}

/* Hacer que el botón de suscripción ocupe el 100% */
.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.custom-html-widget {
    color: #fff;
    text-align: center;
}
.widget_text widget widget_custom_html {
    max-width:100%;
}
.custom-html-widget{
    padding-bottom:150px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea {
    width: 100% !important;
    padding: 10px;
    background-color: #e9e9e9;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
    text-align: center;
}
.wpcf7-form-control.wpcf7-submit {
    color: #000!important;
    background-color: transparent;
    border: 1px solid  #333!important;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #6b3777!important;
    color: white!important;
    border-color: #6b3777;
}
.mapa {
    padding-top:50px!important;
    padding-bottom:50px!important;
    padding-left:50px!important;
}

.destacados img {
    object-fit: cover;
    margin-top:20px;
}

.destacados .row {
    margin-bottom: 10px; /* Espaciado entre filas */
}

.destacados {
    padding: 20px;
    background-color: #f9f9f9; /* Color de fondo opcional para destacar */
}

    top: 0;
}
#footer ul.mfooter {
    text-transform: uppercase;
    list-style: none;
    color: #fff!important;
}
#footer ul li {
    color: #fff!important;
}

.single #footer p {
    color: #fff;
    font-size: 1.2em;
}
.paginador a {
    margin: 0 15px;
    font-weight: bold;
}