.elementor-22051 .elementor-element.elementor-element-8afb76c{width:var( --container-widget-width, 728px );max-width:728px;--container-widget-width:728px;--container-widget-flex-grow:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-22051 .elementor-element.elementor-element-d4c4a23{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(42px/2);}.elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(42px/2);}.elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(42px/2);}.elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-42px/2);}.elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-42px/2);}.elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:0.7rem;font-weight:400;}.elementor-22051 .elementor-element.elementor-element-d4c4a23 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-22051 .elementor-element.elementor-element-bbe3094{--grid-columns:3;}.elementor-22051 .elementor-element.elementor-element-bbe3094 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-22051 .elementor-element.elementor-element-bbe3094 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-22051 .elementor-element.elementor-element-bbe3094 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-22051 .elementor-element.elementor-element-bbe3094 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-22051 .elementor-element.elementor-element-bbe3094 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22051 .elementor-element.elementor-element-3ead226{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-22051 .elementor-element.elementor-element-3ead226 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.15em;color:#AF8F52;}.elementor-22051 .elementor-element.elementor-element-1807cd7{width:var( --container-widget-width, 530px );max-width:530px;--container-widget-width:530px;--container-widget-flex-grow:0;text-align:center;}.elementor-22051 .elementor-element.elementor-element-1807cd7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.2rem;font-weight:600;line-height:1.25em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22051 .elementor-element.elementor-element-cab36f4{width:var( --container-widget-width, 530px );max-width:530px;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:530px;--container-widget-flex-grow:0;text-align:center;font-family:"Outfit", Sans-serif;font-size:0.95rem;font-weight:400;color:#FFFFFF75;}.elementor-22051 .elementor-element.elementor-element-66b22af{width:var( --container-widget-width, 728px );max-width:728px;--container-widget-width:728px;--container-widget-flex-grow:0;}.elementor-22051 .elementor-element.elementor-element-28da08f{width:var( --container-widget-width, 728px );max-width:728px;--container-widget-width:728px;--container-widget-flex-grow:0;}body.elementor-page-22051:not(.elementor-motion-effects-element-type-background), body.elementor-page-22051 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFBF7;}@media(max-width:1024px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-22051 .elementor-element.elementor-element-bbe3094{--grid-columns:2;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-22051 .elementor-element.elementor-element-bbe3094{--grid-columns:1;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* ==========================================================================
   SISTEMA DE DISEÑO - BLOG BORDADO EN PEDRERÍA
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {
    --bep-bg: #fdfbf7;
    --bep-card: #ffffff;
    --bep-text-main: #1c1a17;
    --bep-text-muted: #6e675f;
    --bep-primary: #af8f52;
    --bep-primary-hover: #8f723c;
    --bep-primary-light: #f5eedf;
    --bep-border: #eee7df;
    --bep-dark: #12110f;
    
    --bep-font-serif: 'Playfair Display', Georgia, serif;
    --bep-font-sans: 'Outfit', 'Inter', sans-serif;
    
    --bep-shadow-sm: 0 2px 8px rgba(28, 26, 23, 0.04);
    --bep-shadow-md: 0 8px 24px rgba(28, 26, 23, 0.06);
    --bep-radius-sm: 4px;
    --bep-radius-md: 12px;
    --bep-radius-lg: 20px;
}

/* === ENVOLTURA PRINCIPAL === */
.bep-blog-wrapper {
    background-color: var(--bep-bg);
    color: var(--bep-text-main);
    font-family: var(--bep-font-sans);
    line-height: 1.6;
    padding-bottom: 4rem;
}

.bep-blog-container {
    width: 90%;
    max-width: 1240px;
    margin: 0 auto;
}

/* === HERO SECTION === */
.bep-blog-hero {
    position: relative;
    height: 480px;
    border-radius: var(--bep-radius-lg);
    overflow: hidden;
    margin: 2rem 0;
    display: flex;
    align-items: flex-end;
    box-shadow: var(--bep-shadow-md);
}

.bep-blog-hero-bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover; filter: brightness(0.65) contrast(1.05);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 1;
}

.bep-blog-hero:hover .bep-blog-hero-bg { transform: scale(1.03); }

.bep-blog-hero-overlay {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 70%;
    background: linear-gradient(to top, rgba(18, 17, 15, 0.9) 0%, rgba(18, 17, 15, 0) 100%); z-index: 2;
}

.bep-blog-hero-content {
    position: relative; z-index: 3; padding: 3rem; color: #ffffff; max-width: 750px;
}

.bep-blog-hero-tag {
    display: inline-block; background-color: var(--bep-primary); color: var(--bep-dark);
    font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 2px;
    text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.15em; margin-bottom: 1rem;
}

.bep-blog-hero-title {
    font-family: var(--bep-font-serif); font-size: 2.8rem; margin-bottom: 1rem; line-height: 1.15; font-weight: 600;
}

.bep-blog-hero-meta { font-size: 0.85rem; opacity: 0.85; display: flex; gap: 1.5rem; }

/* === FILTROS (TABS) === */
.bep-blog-tabs {
    display: flex; justify-content: center; gap: 1.5rem; margin: 3rem 0 2rem 0;
    border-bottom: 1px solid var(--bep-border); padding-bottom: 1rem;
    overflow-x: auto; white-space: nowrap;
}

.bep-blog-tab-btn {
    font-family: var(--bep-font-sans); font-size: 0.85rem; font-weight: 600;
    color: var(--bep-text-muted); padding: 0.5rem 1rem; border-radius: var(--bep-radius-sm);
    text-transform: uppercase; letter-spacing: 0.08em; background: none; border: none; cursor: pointer; transition: 0.3s;
}

.bep-blog-tab-btn:hover { color: var(--bep-text-main); }
.bep-blog-tab-btn.active { color: var(--bep-primary); background-color: var(--bep-primary-light); }

/* === TARJETA DE POST (LOOP ITEM) === */
.bep-blog-card {
    background-color: var(--bep-card); border-radius: var(--bep-radius-md);
    overflow: hidden; box-shadow: var(--bep-shadow-sm); border: 1px solid var(--bep-border);
    display: flex; flex-direction: column; height: 100%; transition: all 0.4s ease;
}

.bep-blog-card:hover { transform: translateY(-6px); box-shadow: var(--bep-shadow-md); }
.bep-blog-card-img-wrap { position: relative; height: 220px; overflow: hidden; }
.bep-blog-card-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.bep-blog-card:hover .bep-blog-card-img { transform: scale(1.05); }

.bep-blog-card-tag {
    position: absolute; top: 15px; left: 15px; background-color: rgba(253, 251, 247, 0.9);
    color: var(--bep-text-main); font-weight: 600; font-size: 0.65rem; padding: 0.25rem 0.6rem;
    border-radius: 2px; text-transform: uppercase; letter-spacing: 0.1em; backdrop-filter: blur(4px);
}

.bep-blog-card-content { padding: 1.5rem; display: flex; flex-direction: column; flex-grow: 1; }
.bep-blog-card-meta { font-size: 0.75rem; color: var(--bep-text-muted); margin-bottom: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; display: flex; gap: 1rem; }
.bep-blog-card-title { font-family: var(--bep-font-serif); font-size: 1.25rem; margin-bottom: 0.75rem; color: var(--bep-text-main); line-height: 1.3; font-weight: 600; }
.bep-blog-card-title a { color: inherit; text-decoration: none; transition: 0.3s; }
.bep-blog-card-title a:hover { color: var(--bep-primary); }

.bep-blog-card-excerpt { font-size: 0.9rem; color: var(--bep-text-muted); margin-bottom: 1.5rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; }

.bep-blog-card-footer { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--bep-border); display: flex; justify-content: space-between; align-items: center; }
.bep-blog-card-author { font-size: 0.8rem; font-weight: 500; display: flex; align-items: center; gap: 0.5rem; }
.bep-blog-author-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; background-color: var(--bep-primary-light); }
.bep-blog-card-readmore { font-size: 0.8rem; font-weight: 600; color: var(--bep-primary); display: flex; align-items: center; gap: 3px; text-decoration: none; }
.bep-blog-card-readmore:hover { color: var(--bep-primary-hover); }

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .bep-blog-hero { height: 400px; }
    .bep-blog-hero-title { font-size: 2rem; }
    .bep-blog-hero-content { padding: 1.5rem; }
}/* End custom CSS */