/* Ocultar el título de la página solo en la portada */
.home .entry-title,
.home .page-title,
.home .wp-block-post-title {
    display: none !important;
}

/* Eliminar el espacio superior */
.home main,
.home .wp-site-blocks > main,
.home .wp-block-post-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* Tarjetas de servicios */
.service-card{
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
    transition: transform .35s ease, box-shadow .35s ease;
}

/* Línea superior */
.service-card::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: #d91f26;
    transition: width .35s ease;
}

/* Hover */
.service-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

.service-card:hover::before{
    width: 100%;
}
    cursor: pointer;
}.service-card h4{
    transition: color .35s ease;
}

.service-card:hover h4{
    color: #d91f26;
}.benefit-item{
    width: 180px !important;
    min-width: 180px;
    max-width: 180px;

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Mantener el icono con un tamaño fijo */
.benefit-item img{
    width: 80px !important;
    max-width: 80px !important;
    height: auto !important;
}
}.benefit-item{
    transition:.35s;
}

.benefit-item:hover{
    transform:translateY(-10px);
}

.benefit-item img{
    transition:.35s;
}

.benefit-item:hover img{
    transform:scale(1.18) rotate(-4deg);
    filter:
        drop-shadow(0 0 10px #ff0000)
        drop-shadow(0 0 20px rgba(255,0,0,.5));
}

.benefit-item h2{
    transition:.35s;
}

.benefit-item:hover h2{
    color:#ff0000;
}/* Contenedor de cada sistema */
.roofing-systems{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

/* Área reservada para el logo */
.roofing-systems .wp-block-image{
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
}

/* Tamaño por defecto */
.roofing-systems .wp-block-image img{
    max-width:85px;
    max-height:70px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:.35s;
}

/* Hover */
.roofing-systems:hover img{
    transform:scale(1.05);
}/* ===== Tarjetas de Roofing Systems ===== */

.roof-system-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

/* Contenedor de la imagen */
.roof-system-item .wp-block-image{
    height:95px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px;
}

/* Tamaño base */
.roof-system-item img{
    max-width:85px;
    max-height:70px;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:all .35s ease;
}

/* Versico */
.versico-logo img{
    max-width:165px !important;
    max-height:65px !important;
}

/* JM */
.jm-logo img{
    max-width:110px !important;
    max-height:65px !important;
}

/* Hover */
.roof-system-item:hover img{
    transform:translateY(-5px) scale(1.08);
}

/* Título */
.roof-system-item h2{
    transition:.3s;
}

.roof-system-item:hover h2{
    color:#d61f26;
}/* Sistemas de roofing */
.roof-system-item .wp-block-image{
    height:110px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Iconos */
.roof-system-item img{
    width:100px;
    height:auto;
    transition:all .3s ease;
}

.roof-system-item:hover img{
    transform:scale(1.08);
}/* ===== ROOFING SYSTEMS ===== */

.roof-system-item{
    width:180px !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
}

/* Contenedor del icono */
.roof-system-item figure{
    width:160px !important;
    height:140px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
}

/* Imagen */
.roof-system-item figure img{
    width:160px !important;
    max-width:160px !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain;
    transition:.35s ease;
}

/* Hover */
.roof-system-item:hover img{
    transform:scale(1.08);
}

.roof-system-item:hover h2{
    color:#d61f26;
}/* Estado inicial */
.hero-animate h1,
.hero-animate p,
.hero-animate .wp-block-buttons {
    opacity: 0;
    transform: translateY(35px);
}

/* Título */
.hero-animate h1{
    animation: heroFadeUp .8s ease forwards;
    animation-delay: .2s;
}

/* Subtítulo */
.hero-animate p{
    animation: heroFadeUp .8s ease forwards;
    animation-delay: .5s;
}

/* Botones */
.hero-animate .wp-block-buttons{
    animation: heroFadeUp .8s ease forwards;
    animation-delay: .8s;
}

/* Animación */
@keyframes heroFadeUp{
    from{
        opacity:0;
        transform:translateY(35px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}/* =========================
   MENÚ HEADER
========================= */

.wp-block-navigation a{
    position: relative;
    color:#fff;
    transition:
        color .30s ease,
        transform .30s ease;
}

/* Hover */

.wp-block-navigation a:hover{
    color:#d71f26 !important;
    transform:translateY(-2px);
}

/* Línea animada */

.wp-block-navigation a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-4px;
    width:0;
    height:2px;
    background:#d71f26;
    transform:translateX(-50%);
    transition:width .30s ease;
}

.wp-block-navigation a:hover::after{
    width:100%;
}.wp-block-navigation a:hover{
    color:#d71f26 !important;
    transform:translateY(-2px);
    text-shadow:0 0 10px rgba(215,31,38,.45);
}.custom-logo{
    transition:transform .35s ease;
}

.custom-logo:hover{
    transform:scale(1.08);
}/* ===========================================
   STICKY HEADER
   =========================================== */

.gapless-group{

    transition: all .35s ease;
    z-index: 9999;

}

/* Estado al hacer scroll */

.gapless-group.header-small{

    padding-top: 55px !important;
    padding-bottom: 55px !important;

    background: rgba(0,0,0,.95) !important;

    box-shadow: 0 10px 30px rgba(0,0,0,.30);

    transition: all .35s ease;

}

/* Logo */

.gapless-group.header-small img{

    transform: scale(.88);
    transition: transform .35s ease;

}

/* Menú */

.gapless-group.header-small .wp-block-navigation a{

    font-size: 28px;
    transition: .35s;

}

/* Teléfono */

.gapless-group.header-small p{

    font-size: 22px;
    transition: .35s;

}/* Tarjetas de proyectos */
.project-card{
    background: #fff;
    padding: 14px;
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(0,0,0,.10);
    transition: all .3s ease;
    max-width: 380px;
    margin: 0 auto;
}

/* Imagen */
.project-card img{
    width: 100%;
    display: block;
    border-radius: 8px;
}

/* Efecto al pasar el mouse */
.project-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 16px 35px rgba(0,0,0,.18);
}