.elementor-326 .elementor-element.elementor-element-429fd8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.75;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-326 .elementor-element.elementor-element-429fd8d:not(.elementor-motion-effects-element-type-background), .elementor-326 .elementor-element.elementor-element-429fd8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://serviciosjyh.es/wp-content/uploads/2025/05/serviciosjyh_obra_superwash_reforma_negocio_segunda_resultado.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-326 .elementor-element.elementor-element-429fd8d::before, .elementor-326 .elementor-element.elementor-element-429fd8d > .elementor-background-video-container::before, .elementor-326 .elementor-element.elementor-element-429fd8d > .e-con-inner > .elementor-background-video-container::before, .elementor-326 .elementor-element.elementor-element-429fd8d > .elementor-background-slideshow::before, .elementor-326 .elementor-element.elementor-element-429fd8d > .e-con-inner > .elementor-background-slideshow::before, .elementor-326 .elementor-element.elementor-element-429fd8d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-326 .elementor-element.elementor-element-8ac15f0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-326 .elementor-element.elementor-element-8141639{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-326 .elementor-element.elementor-element-70b1c3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-326 .elementor-element.elementor-element-94d921f img{height:402px;}@media(min-width:768px){.elementor-326 .elementor-element.elementor-element-8141639{--width:50%;}.elementor-326 .elementor-element.elementor-element-70b1c3e{--width:50%;}}/* Start custom CSS *//* Estilos Generales */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #000000; /* bg-black */
       
            min-height: 100vh; /* min-h-screen */
            margin: 0;
            line-height: 1.5;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .container {
                 color: #FFFFFF; /* text-white */
            max-width: 1280px; /* Ancho máximo para el contenedor principal */
            margin-left: auto;
            margin-right: auto;
            padding-left: 1rem; /* px-4 */
            padding-right: 1rem; /* px-4 */
            padding-top: 3rem; /* py-12 */
            padding-bottom: 3rem; /* py-12 */
        }

        @media (min-width: 768px) { /* md */
            .container {
                padding-top: 6rem; /* md:py-24 */
                padding-bottom: 6rem; /* md:py-24 */
            }
        }

        @media (min-width: 1024px) { /* lg */
            .container {
                padding-top: 8rem; /* lg:py-32 */
                padding-bottom: 8rem; /* lg:py-32 */
            }
        }

        /* Sección de Encabezado */
        .text-center {
            text-align: center;
        }

        .mb-16 {
            margin-bottom: 4rem; /* mb-16 */
        }

        .text-4xl {
            font-size: 2.25rem; /* text-4xl (36px) */
            line-height: 2.5rem; /* 40px */
        }

        @media (min-width: 768px) { /* md */
            .md\:text-5xl {
                font-size: 3rem; /* md:text-5xl (48px) */
                line-height: 1;
            }
        }

        @media (min-width: 1024px) { /* lg */
            .lg\:text-6xl {
                font-size: 3.75rem; /* lg:text-6xl (60px) */
                line-height: 1;
            }
      
        }

        .font-bold {
            font-weight: 700;
        }

        .tracking-tighter {
            letter-spacing: -0.05em;
        }

        .mb-4 {
            margin-bottom: 1rem; /* mb-4 (16px) */
        }

        .max-w-3xl {
            max-width: 48rem; /* max-w-3xl (768px) */
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        .text-lg {
            font-size: 1.125rem; /* text-lg (18px) */
            line-height: 1.75rem; /* 28px */
        }

        @media (min-width: 768px) { /* md */
            .md\:text-xl {
                font-size: 1.25rem; /* md:text-xl (20px) */
                line-height: 1.75rem; /* 28px */
            }
        }

        .text-gray-300 {
            color: #D1D5DB; /* text-gray-300 */
        }

        /* Sección de Servicios (Acordeón) */
        .max-w-4xl {
            max-width: 56rem; /* max-w-4xl (896px) */
        }

        .w-full {
            width: 100%;
        }

        .accordion-item {
            border-bottom: 1px solid #1F2937; /* border-b border-gray-800 */
        }

        .accordion-trigger {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding-top: 1rem; /* py-4 (16px) */
            padding-bottom: 1rem; /* py-4 (16px) */
            font-size: 1.25rem; /* text-xl (20px) */
            line-height: 1.75rem; /* 28px */
            font-weight: 600; /* font-semibold */
            text-align: left; /* text-left */
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            transition: color 0.2s ease-in-out;
        }

        .accordion-trigger:hover {
            color: #9CA3AF; /* Un gris ligeramente más claro para el hover */
        }

        @media (min-width: 768px) { /* md */
            .md\:text-2xl {
                font-size: 1.5rem; /* md:text-2xl (24px) */
                line-height: 2rem; /* 32px */
            }
        }

        .accordion-icon {
            transition: transform 0.2s ease-in-out;
            width: 1.25rem; /* w-5 (20px) */
            height: 1.25rem; /* h-5 (20px) */
            flex-shrink: 0; /* Evita que el icono se encoja */
        }

        .accordion-item.is-active .accordion-icon {
            transform: rotate(90deg); /* Rotar el icono cuando está activo */
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding-bottom 0.3s ease-out;
            padding-bottom: 0;
        }

        .accordion-item.is-active .accordion-content {
            padding-bottom: 1rem; /* pb-4 (16px) */
        }

        .list-disc {
            list-style-type: disc;
        }

        .pl-5 {
            padding-left: 1.25rem; /* pl-5 (20px) */
        }

        .space-y-2 > li + li {
            margin-top: 0.5rem; /* space-y-2 (8px) */
        }

        .mb-4 {
            margin-bottom: 1rem; /* mb-4 (16px) */
        }

        /* Sección de Llamada a la Acción */
        .mt-16 {
            margin-top: 4rem; /* mt-16 (64px) */
        }

        .text-3xl {
            font-size: 1.875rem; /* text-3xl (30px) */
            line-height: 2.25rem; /* 36px */
        }

        @media (min-width: 768px) { /* md */
            .md\:text-4xl {
                font-size: 2.25rem; /* md:text-4xl (36px) */
                line-height: 2.5rem; /* 40px */
            }
        }

        .mb-6 {
            margin-bottom: 1.5rem; /* mb-6 (24px) */
        }

        .max-w-2xl {
            max-width: 42rem; /* max-w-2xl (672px) */
        }

        .mb-8 {
            margin-bottom: 2rem; /* mb-8 (32px) */
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding-left: 2rem; /* px-8 (32px) */
            padding-right: 2rem; /* px-8 (32px) */
            padding-top: 1.5rem; /* py-6 (24px) */
            padding-bottom: 1.5rem; /* py-6 (24px) */
            font-size: 1.125rem; /* text-lg (18px) */
            line-height: 1.75rem; /* 28px */
            border: 2px solid #FFFFFF; /* border-white */
            color: #FFFFFF; /* text-white */
            background-color: #000000; /* bg-black */
            transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; /* transition-colors duration-200 */
            text-decoration: none;
            cursor: pointer;
            border-radius: 0.375rem; /* rounded-md (6px) */
        }

        .btn:hover {
            background-color: #FFFFFF; /* hover:bg-white */
            color: #000000; /* hover:text-black */
        }

        .ml-2 {
            margin-left: 0.5rem; /* ml-2 (8px) */
        }

        /* Estilos específicos para iconos de Font Awesome */
        .fa-solid.fa-chevron-right {
            font-size: 1.25rem; /* w-5 h-5 */
            line-height: 1; /* Asegura que el icono no añada espacio extra */
        }
        
        
        [type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
}


.page-header {
  display: none;
}

elemento {
  max-height: 132px;
}

i.fa-solid.fa-envelope.mr-2 {
    padding-right: 10px;
}
.flex.flex-col.md\:flex-row.gap-6.mt-4 {
   flex-direction: row!important;
    display: flex;
   
    column-gap: 25px;
}

img.w-full.md\:w-1\/2.rounded.shadow-md
 {
    max-width: 56%;
}

h1, h2 {
    color: #ffffff!important;
}

a.inline-block.bg-yellow-500.hover\:bg-yellow-600.text-black.font-semibold.px-6.py-3.rounded-full.transition

 {
    color: white;
}

 @media (max-width: 1024px) { /* lg */
      .flex.flex-col.md\:flex-row.gap-6.mt-4 {
    flex-direction: column !important;
    align-items: center;
    text-align: center;
}
}

h1.text-4xl.md\:text-5xl.lg\:text-6xl.font-bold.tracking-tighter.mb-4 {
    font-family: urbanist;
}

.text-gray-300 {
    color: #D1D5DB;
    font-family: urbanist;
}

button.accordion-trigger.w-full.text-left.text-xl.font-semibold.flex.items-center.justify-between.text-yellow-400 span {
    font-family: urbanist;
}/* End custom CSS */