/*
Theme Name: blogintro
Theme URI: https://luzenmente.com/
Author: the cristianos team
Author URI: https://luzenmente.com/
Description: blogintro es un tema especializao en blogs intiutivo y muy llamativo que te encantara usarlo ademas se adaptara a tus necesidades.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luzenmente
Tags: custom-menu, custom-logo, editor-style, featured-images, sticky-post, threaded-comments, style-variations, accessibility-ready, blog, portfolio, news
*/

body{font-family:Poppins,sans-serif!important;background:#f0f1f4;color:#14212a;text-decoration:none;font-size:16px;line-height:1.6}
h1{font-size:2rem!important;line-height:2rem!important}
h2{font-size:1.5rem!important;line-height:1.8rem!important}
h3{font-size:1.25rem!important;line-height:1.40rem!important}
h4{font-size:1.125rem!important;line-height:1.2rem!important}
h5{font-size:1rem!important;line-height:1.05rem!important}
h6{font-size:.875rem!important;line-height:1rem!important}
::selection{background-color:#2e2c2c;color:#fff}
.hover-none:hover{color: white!important;}
/* root */
:root{
    --color-osucuro-1: #393e46;
    --letra-xs: clamp(0.7rem, 0.13vw + 0.62rem, 0.79rem);
    --color-danger: #dc3545;
    --color-texto-1: #393e46;
}
.header-top{ background: var(--color-osucuro-1); color: white;}



.header-top-contenido{
    display: flex;
    flex-direction:row;
    align-items:center;
    font-size: calc(var(--letra-xs) + 1px);
    gap: 10px;
}
.header-top-contenido>div {display: flex; flex: 0 0 auto; align-items:center;height: 100%;}
.header-top-contenido .top-slidertexto {gap:10px; flex: 1; position: relative;align-items:center;}
.slidertexto-titulo{white-space:nowrap;}
.slidertexto-post{position: relative; width: 100%; }
.slidertexto-post>div{position: absolute;width: 100%;overflow: hidden; top: 50%;transform:translateY(-50%);}

.top-slidertexto ul{ display: flex; list-style:none; white-space:nowrap; padding: 0 10px; margin: 0;}
.top-slidertexto ul li{ padding: 0 10px; }
.top-slidertexto ul li a{ text-decoration:none; color: #fff; transition: .2s ease; }
.top-slidertexto ul li a:hover{ color: var(--color-danger); }
.top-slidertexto ul li a::before {content: "";display: inline-block;width: 6px;height: 6px;background-color: var(--color-danger); transform: rotate(45deg);margin: 0 5px 0 0;position: relative;top: -1px;}
.top-sociales{ display: flex; gap:5px; }
.top-sociales a{ background: #e6e6e61c; color: white; transition: 2s ease; text-decoration: none;}
.top-sociales a:hover{ color:#1b1b1b69; }








.site-identidad {
    gap: 5px;
}

.site-title a {
    /* color: #ff4d4d; */ /* Color rojizo */
    font-family: 'Poppins', sans-serif; /* Fuente moderna */
    /* font-size: 2.5rem; */ /* Tamaño del texto */
    /* font-weight: 600;  *//* Grosor de la fuente */
   /*  text-decoration: none; */ /* Sin subrayado */
    text-shadow: 0 0 2px rgba(255, 77, 77, 0.212), 0 0 10px rgba(255, 77, 77, 0.151); /* Sombra suave rojiza */
    transition: all 0.3s ease-in-out; /* Transición suave */
}

.site-title a:hover {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.4); /* Efecto de iluminación */
    transform: scale(1.05); /* Ligero aumento de tamaño */
}


.center-adds{display: flex;/* justify-content: flex-end; */}
.center-adds .site-banner{display: flex;justify-content: center;align-items: center;height: 100px; width: 100%;overflow: hidden;    box-shadow: -1px 0px 3px 0px #6c757d; border-radius: 2px;}
.center-adds .site-banner img { width: 100%; object-fit: contain;}

/* Estilos menu navbar*/
.navbar{box-shadow:0 2px 4px rgba(0,0,0,.2)!important}
.navbar .btnsuscribirme {display: flex;align-items: center;}
.navbar .navbar-suscribirme{display: none;} 
.navbar-nav{padding: .5rem;}
.navbar-nav >li >a{color:#dee2e6!important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover{color:var(--color-danger)!important}
.nav-link{font-weight:400;color:#fff;transition:color .3s ease;position:relative}
.nav-link::before{content:"";position:absolute;bottom:5px;left:0;width:100%;height:2px;background-color:var(--color-danger);transform:scaleX(0);transition:transform .3s ease}
.nav-link:hover::before{transform:scaleX(1)}
@media (max-width:767px){.navbar-nav{flex-direction:column;align-items:flex-start}.nav-link{margin-bottom:.5rem}}
/* Estilos para subniveles */
/* .dropdown-menu{background-color:#333;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:0;border-radius:0;margin-top:.5rem;min-width:200px}
.dropdown-item{color:#fff;padding:.75rem 1.5rem;transition:background-color .3s ease,color .3s ease;position:relative}
.dropdown-item:hover{background-color:#444;color:var(--color-danger)}
// .dropdown-menu{left:100%;top:0;margin-top:0;border-radius:0} //
.dropdown-item.dropdown-toggle::after{display:inline-block;margin-left:.5rem;vertical-align:.255em;position:relative;bottom:-5px;content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;border:none;transition:transform .3s ease}
.dropdown-item.dropdown-toggle:hover::after{transform:translateX(5px)}
.dropdown-menu.show{animation:slideIn .3s ease}
@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}
.dropdown-item.active,.dropdown-item:active{background-color:#444}
.dropdown-item:focus,.dropdown-item:hover{background-color:#444}
@media (max-width:767px){.dropdown-menu{margin-top:0;border-radius:0;box-shadow:none}.dropdown-menu .dropdown-menu{left:0;top:auto;margin-top:0}.dropdown-item.dropdown-toggle::after{content:"\f107"}}
 */
/* --- Dropdown multinivel --- */

/* ======== Dropdown multinivel ======== */
.dropdown-menu .dropdown-menu{top:0;left:100%;margin-top:-1px;position:absolute;display:none}
/* Cuando hay hover en un padre, mostrar su hijo */
.dropdown-menu>.dropdown:hover>.dropdown-menu{display:block}
/* Si el dropdown va a abrir hacia la izquierda */
.dropdown-menu.dropdown-menu-end{left:auto;right:100%}
/* Transición suave */
.dropdown-menu{transition:all .15s ease-in-out}
  
/* ======== Indicadores visuales ======== */
.dropdown>a::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:6px;font-size:.7rem}
/* Para los subniveles (flecha lateral) */
.dropdown-menu .dropdown>a::after{content:" \f105"}
/* Flecha izquierda cuando el menú abre al otro lado */
.dropdown-menu.dropdown-menu-end .dropdown>a::after{content:" \f104"}

  



/* searchform en navbar */
#btnbuscar{color: #fff;padding: 13px 18px;margin: 0; cursor: pointer;display: flex;align-items: center;}
#btnbuscar:hover{color: var(--color-danger);}
/* #searchform{width: 350px;padding: 7px;background: #fefef3;box-shadow: 2px 1px 10px 1px #49505757;} */

#searchform{max-width:350px;width:100%;padding:0 7px;background:#fefef3;box-shadow:2px 1px 10px 1px #49505757;display:flex;justify-content:center;flex-direction:column}

#searchform div{border: 1px solid #eeeeee;border-radius: 20px; overflow: hidden;}
#searchform div input{border:none;outline: none;}
#searchform div input:focus{border:none;box-shadow:none;}
#searchform div:hover{border: 1px solid var(--color-osucuro-1);}
/* breadcrumb */
.navegacion-box {background: white;padding: .375rem;border-radius: .375rem;border: 1px solid #dee2e6;}
.navegacion span{color: #949494;font-weight: 300;font-size: .875rem;}
.navegacion span a{text-decoration: none;color: var(--color-texto-1);transition: .2s;}
.navegacion span a:hover{color: var(--color-danger);}
/* listado de articulos */
.post-grid ul{margin: 0;padding: 0;display: flex; flex-direction: column; gap: 3px;}
.post-grid ul li{padding: 0;margin: 0;}
.post-grid ul li h3, .post-grid ul li p {margin: 0;}
.post-grid a{text-decoration: none; color: inherit;transition: .2s ease;}
.post-grid .titulo a:hover, .post-grid .metadatos a:hover{color: var(--color-danger);}
.post-grid .metadatos a, .post-grid .metadatos i{font-size: .775rem;} 



/* listado de articulos */
.post-list a{text-decoration: none;color: inherit;transition: .2s ease-in;}
.post-list .titulo a:hover, .post-list .metadatos a:hover{color: var(--color-danger)!important;}
.post-list .card img{ transform: scale(1.02);   transition: all 0.3s ease; aspect-ratio: 1 / 0.7;}
.post-list .card:hover img{transform: scale(1.05);}
.post-list .titulo a{color:#343a40!important;}
.post-list .extracto{color:#495057;}
@media (max-width:768px){.post-list .col-md-4{height:auto!important}.post-list .col-md-4 .imagen{padding-top:56%}}

/* slider cards 4 3 2 1*/
/* .slider-list .slick-prev{left:25px;z-index:1}
.slider-list .slick-next{right:25px}
.slider-list a{text-decoration: none; color: inherit;}
.slider-list .metadatos a:hover{color: var(--color-danger)}
.slider-list .titulo a:hover{text-shadow: 1px 1px 3px silver;} */

/* Slider swipercards */
.swipercards a{text-decoration: none;color: inherit;transition: .2s ease;}
.swipercards .titulo a:hover, .swipercards .metadatos a:hover{color:var(--color-danger)!important;}
.swiper-pagination{pointer-events: none;}
.swiper-pagination span{pointer-events:auto}

/* single */
.articulo-metadatos a{color: var(--color-texto-1);text-decoration: none;margin-right: 1rem;transition: .2s;}
.articulo-metadatos a:hover{color: var(--color-danger);}
.articulo-metadatos i{margin-right: .3rem;}

.articulo-taxonomia a{color: var(--color-texto-1);text-decoration: none;transition: .2s;}
.articulo-taxonomia a:hover{color: var(--color-danger);}

.articulo-navegacion{display: flex;justify-content: space-between;}
.articulo-navegacion div{padding: .5rem;width: 50%;}
.articulo-navegacion div div{text-align: center;background: #f0f1f4;width: 100%;;height: 100%;}
.articulo-navegacion div div a{width: 100%;color: var(--color-texto-1);text-decoration: none;transition: .2s ease;}
.articulo-navegacion div div a:hover{color: var(--color-danger);}
.articulo-navegacion div div a img{width: 100%;height: 240px;    object-fit: cover;}
/* sidebar  */
.sidebar .widget_block .wp-block-heading{text-wrap: nowrap;position: relative;}
.sidebar .widget_block .wp-block-heading::before{content:"";position:absolute;top:0;inset-inline-start:-1rem;width:5px;height:100%;border-start-start-radius:0;border-start-end-radius:4px;border-end-end-radius:4px;border-end-start-radius:0;background-color:var(--color-danger)}
.sidebar .widget_archive,.sidebar .widget_calendar,.sidebar .widget_categories,.sidebar .widget_recent_comments,.sidebar .widget_recent_entries,.sidebar .widget_search,.sidebar .widget_tag_cloud{padding-bottom:1rem}
.sidebar aside div figure,.sidebar aside div ul{margin:0}
.sidebar .wp-block-embed__wrapper {background: black;}
.sidebar .wp-block-categories {list-style: none;padding: 0;}
.sidebar .widget_block .wp-block-group {box-sizing: border-box;background: white;padding: 1rem;margin-bottom: 1rem; border: 1px solid #dee2e6;border-radius: 0.375rem;}
.sidebar .widget_block a{text-decoration: none;color:initial;transition: .2s;}
.sidebar .widget_block a:hover{color:var(--color-danger);}
/* paginacion */
.comment-meta a{text-decoration: none;color: initial;}
.pagination.pagination-danger .page-link { color: #721c24; border-color: #f5c6cb; }
.pagination.pagination-danger .page-item.active .page-link, 
.pagination.pagination-danger .page-link:hover { color: #fff; background: #dc3545; border-color: #dc3545; }
.pagination.pagination-danger .page-link .page-numbers{text-decoration: none;color: var(--color-danger);}
.pagination.pagination-danger .page-item.active  .page-numbers,
.pagination.pagination-danger .page-item:hover  .page-numbers{color: white}
/*  */
.ellipsis-1,.ellipsis-2,.ellipsis-3,.ellipsis-4,.ellipsis-5,.ellipsis-6 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.ellipsis-1 { -webkit-line-clamp: 1; }
.ellipsis-2 { -webkit-line-clamp: 2; }
.ellipsis-3 { -webkit-line-clamp: 3; }
.ellipsis-4 { -webkit-line-clamp: 4; }
.ellipsis-5 { -webkit-line-clamp: 5; }
.ellipsis-6 { -webkit-line-clamp: 6; }

/* 
.ellipsis-1,.ellipsis-2,.ellipsis-3,.ellipsis-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-clamp:1;overflow: hidden;text-overflow: ellipsis;}
.ellipsis-2{-webkit-line-clamp: 2;line-clamp:2}
.ellipsis-3{-webkit-line-clamp: 3;line-clamp:3}
.ellipsis-4{-webkit-line-clamp: 4;line-clamp:4}
 */
/*  */
/* Botones compartir post */
.btn-compartir{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:20px}
.btn-compartir .btn{flex:1;min-width:120px;padding:5px 12px;font-size:16px;color:#fff;background:#333;border:none;border-radius:2px;cursor:pointer;transition:transform .2s,box-shadow .3s}
.btn-compartir .btn:hover{transform:translateY(-3px);box-shadow:0 4px 6px rgba(0,0,0,.2)}
.btn-compartir .btn i{margin-right:4px}
.btn-facebook:hover { background: #3b5998; }
.btn-twitter:hover { background: #1da1f2; }
.btn-linkedin:hover { background: #0077b5; }
.btn-pinterest:hover { background: #bd081c; }
.btn-whatsapp:hover { background: #25d366; }
.btn-print:hover { background: #5a5a5a; }
@media (max-width:992px){.btn-compartir .btn{flex-basis:calc(25% - 7.5px)}.btn:nth-child(n+5){flex-basis:calc(50% - 5px)}}
@media (max-width:576px){.btn-compartir .btn{flex-basis:calc(33.33% - 6.66px)}}

/* media query */
@media (max-width: 992px) {
    .navbar ul ul ul {position: relative;left: 0; top: 0;background: #424142;padding-left: 15px;}
    .navbar ul li a{color:#1b1919;}
    .navbar{padding: 4px !important;}
    .navbar-toggler{background-color: #454545cf;}
    .navbar .btnsuscribirme{margin: 1rem 0 0 0;}
    .navbar-suscribirme{display: block;}
    .site-identidad{display: flex; justify-content: center;margin-bottom: 1rem;}
    .site-identidad div p{display: flex; justify-content: center;}
    #btnbuscar{display: none;}
    #searchform{display: flex;width: 100%;}
}




 /* Estilo profesional y elegante para lista de categorías */
.wp-block-categories-list { list-style: none; max-height: 500px; overflow-y: auto; padding: 0; margin: 0; font-family: poppins, Arial, sans-serif; }
.wp-block-categories-list li {width: 100% ;display: flex; flex-wrap: wrap;list-style: none;position: relative;transition: all 0.3s ease;}
.wp-block-categories-list li a { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); width:100%;padding:16px; color: #ffffff; text-decoration: none; font-weight: 400; font-size: 15px; letter-spacing: 0.3px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.wp-block-categories-list > li { margin-bottom: 8px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.27); }
.wp-block-categories-list > li > a::before { content: ''; position: absolute; top: 0; left: 0; width: 0px; height: 100%; background: rgba(255, 255, 255, 0.5); transition: width 0.3s ease; }
.wp-block-categories-list > li > a:hover::before { width: 100%; opacity: 0.1; }
.wp-block-categories-list > li > a:hover { padding-left: 28px; box-shadow: 0 6px 20px rgba(102, 126, 234, 0.25); }

/* Numeración de entradas - estilo badge */
.numeracion-entradas { position: absolute; right: 12px; top: 0; transform: translateY(50%);display: flex; align-items: center; justify-content: center; min-width: 32px; height: 24px; padding: 0 8px; background: rgba(255, 255, 255, 0.25); border-radius: 12px; font-size: 12px; transition: all 0.3s ease; }
.wp-block-categories-list ul{width: 100%;padding: 0;}
.wp-block-categories-list > li.cat-padre > a { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); font-size: 16px; font-weight: 700; box-shadow: 0 4px 15px rgba(245, 87, 108, 0.2); }
.wp-block-categories-list .children li a::before { content: '→'; position: absolute; left: 20px; opacity: 0; transition: all 0.3s ease; color: #667eea; font-weight: bold; }
.wp-block-categories-list .children li a:hover { background: #ffffff; color: #667eea; padding-left: 45px; box-shadow: inset 3px 0 0 #667eea; }
.wp-block-categories-list .children li a:hover::before { opacity: 1; left: 22px; }
/* ===================================== */
.wp-block-archives-list li::marker { content: "→ "; }
/* ===================================== */
.wp-block-latest-posts { padding-left: 1.2em; } .wp-block-latest-posts li::marker { content: "→ "; color: #999; } .wp-block-latest-posts li { margin-bottom: .6em; } .wp-block-latest-posts__post-title { text-decoration: none; color: #333; transition: color .2s ease; } .wp-block-latest-posts li:hover::marker { color: var(--color-danger); }
/* ===================================== */
.wp-block-latest-comments__comment-meta { font-size: .9rem; color: #666; line-height: 1.4; } .wp-block-latest-comments__comment-author { font-weight: 600; color: #222; text-decoration: none; } .wp-block-latest-comments__comment-link:hover { text-decoration: underline!important; }



.sidebar-inner.is-sticky {
    position: sticky;
    top: 1rem; /* o 70px si hay navbar */
}









/*  */
#progress-bar{position:fixed;top:0;left:0;height:4px;background-color:var(--color-danger);width:0%;z-index:9999;transition:width .2s ease-out}
.scroll-top-btn{position:fixed;bottom:20px;right:20px;background-color:var(--color-danger);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.scroll-top-btn:hover{background-color:var(--color-danger)}
.scroll-top-btn.show{opacity:1;visibility:visible}


.footer{ background: #172133;color:#ffffff}
.color-ffffffb3{color:#ffffffb3}
.footer ul li a{text-decoration: none;font-size: .875em;}
.footer ul li a:hover{color:#ffffffb3!important;transition: .2s;}
.ffffff1f{border-color: #ffffff1f!important;}
.error404 img{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));}