/*
Theme Name: Crane Child
Theme URI: http://crane.grooni.com/
Template: crane
Description: Multipurpose WordPress Theme
Author: Grooni
Author URI: http://grooni.com/
Version: 1
*/

/*
========================================
    Write your custom CSS rules here
========================================
*/

/* Fila superior */
.seccion-principal.vc_row {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}

/* Fila blanca completa */
.bloque-superpuesto.vc_row {
    position: relative !important;
    z-index: 9999 !important;
    transform: translateY(-70px) !important;
    margin-bottom: -70px !important;
    overflow: visible !important;
    isolation: isolate;
		top: 120px;
}

/* Contenedor blanco interior */
.bloque-superpuesto > .wpb_column {
    position: relative !important;
    z-index: 9999 !important;
}

.bloque-superpuesto > .wpb_column > .vc_column-inner {
    position: relative !important;
    z-index: 9999 !important;
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px;
    background: #ffffff !important;

}

/* Evita que una capa oscura de la imagen quede por encima */
.seccion-principal::before,
.seccion-principal::after {
    z-index: 0 !important;
    pointer-events: none;
}

.seccion-principal > * {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .bloque-superpuesto.vc_row {
        transform: translateY(-25px) !important;
        margin-bottom: -25px !important;
    }
}


/*blog*/ 

/* CUADRÍCULA */
.blog-cantiz {
    max-width: 1200px;
    margin: 0 auto;
}

.blog-cantiz .vc_grid-item {
    padding: 4px !important;
}

/* TARJETA COMPLETA */
.blog-cantiz .vc_grid-item-mini {
    position: relative !important;
    height: 355px !important;
    overflow: hidden !important;
    background: #222;
}

/* Imagen ocupando toda la tarjeta */
.blog-cantiz .vc_gitem-animated-block,
.blog-cantiz .vc_gitem-zone-a {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.blog-cantiz .vc_gitem-zone-a {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transition: transform 0.5s ease;
}

/* Bloque del título y botón superpuesto */
.blog-cantiz .vc_gitem-zone-c {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: flex-end !important;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 25%,
        rgba(0, 0, 0, 0.82) 100%
    ) !important;
}

.blog-cantiz .vc_gitem-zone-c .vc_gitem-zone-mini {
    width: 100% !important;
    padding: 30px 24px 22px !important;
    text-align: center !important;
}

/* Eliminar espacios de WPBakery */
.blog-cantiz .vc_gitem_row,
.blog-cantiz .vc_gitem-col {
    margin: 0 !important;
    padding: 0 !important;
}

/* Ocultar el resumen */
.blog-cantiz .vc_gitem-post-data-source-post_excerpt {
    display: none !important;
}

/* TÍTULO */
.blog-cantiz .vc_gitem-post-data-source-post_title {
    margin: 0 0 18px !important;
}

.blog-cantiz .vc_gitem-post-data-source-post_title h4 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

.blog-cantiz .vc_gitem-post-data-source-post_title a {
    color: #fff !important;
    text-decoration: none !important;
}

/* BOTÓN LEER MÁS */
.blog-cantiz .vc_btn3 {
    padding: 7px 22px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    background: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 30px !important;
    box-shadow: none !important;
}

.blog-cantiz .vc_btn3:hover {
    color: #174b2b !important;
    background: #fff !important;
}

/* Efecto sobre la imagen */
.blog-cantiz .vc_grid-item:hover .vc_gitem-zone-a {
    transform: scale(1.04);
}