/*
Theme Name: WpRentals Child theme
Theme URI: http://themeforest.net/user/wpestate
Description: Ultimate WordPress Theme created by WpEstate for accommodation booking. WpRentals is clean, flexible, fully responsive and retina Ready. Its smart settings allow you to build outstanding renting websites easily and fast.
Version: 3.15.0
Author: wpestate.org
Author URI: http://themeforest.net/user/annapx
Tags: white, one-column, two-columns,left-sidebar, right-sidebar, fluid-layout , custom-menu, theme-options, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: wprentals

-------------------------------------------------------------- */

.id-experiencias-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin: 40px 0;
}

.id-experiencia-card {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.id-experiencia-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
}

.id-experiencia-image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f3f3f3;
}

.id-experiencia-image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.id-experiencia-placeholder {
    width: 100%;
    height: 100%;
    background: #e8e8e8;
}

.id-experiencia-content {
    padding: 22px;
}

.id-experiencia-title {
    font-size: 22px;
    line-height: 1.25;
    margin: 0 0 12px;
}

.id-experiencia-title a {
    color: inherit;
    text-decoration: none;
}

.id-experiencia-excerpt {
    font-size: 15px;
    line-height: 1.6;
    color: #555555;
    margin-bottom: 18px;
}

.id-experiencia-button {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 999px;
    background: #1f1f1f;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.id-experiencia-button:hover {
    background: #000000;
    color: #ffffff;
}

@media (max-width: 1024px) {
    .id-experiencias-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .id-experiencias-grid {
        grid-template-columns: 1fr;
    }
}