/*
Theme Name: Kreatico 2026
Author: Victor Requejo
Description: Theme Kreatico Ecommerce 2026, optimizado y listo para Gutenberg y ACF.
Version: 1.0.2025
*/
/*----------------------------------BASICO--------------------------------------------*/
html {scroll-behavior: smooth;}
body {font-family: "Montserrat", sans-serif;margin: 0;font-size:var(--Tamano-fuente);line-height: 1.5;color:var(--ColorTexto);font-weight:500;width: var(--SizeGeneral);margin: var(--MarginAuto);}
body strong{font-weight:600}
.Custom{width: var(--SizeGeneral);} .MarginAuto{margin:0 auto!important;} .PRelative{position: relative;} .MarginAutoY{margin:3.5em auto;}
.header ul, footer ul{ margin:0; padding:0;} .header ul li, footer ul li { list-style:none;}
a{color: inherit;text-decoration: none;}
Figure{margin-bottom: 0!important}
.btn{display: inline-block;padding: 0.8rem 2rem;background-color:var(--ColorPrincipal);color:#000;font-weight:700;text-decoration: none;border-radius: 30px;transition: background 0.3s ease;letter-spacing: -0.025rem;}
.btn:hover{background-color:var(--ColorPrincipalHover);}
.go:after{content: "\e09f";font: var(--fa-font-solid);margin-left:10px;font-size:1.2em;vertical-align: middle;}
.w80{width: 80%;}.mx-auto{margin-left: auto;margin-right: auto;}.my-2 {margin-top: 2em;margin-bottom: 2em;}.le-sp-1{letter-spacing: -0.5px;} .mt-2-0{margin-top: 0rem!important;}
:root{ 
--ColorPrincipal:#87CF00;
--ColorPrincipalHover:#BFFF48;
--ColorSecundario:#000;
--ColorSecundarioHover:#383838;
--ColorTexto:#2b2b2b;
--SizeGeneral:1300px;
--MarginAuto:0 auto;
--B-radius:1rem;
--B-radius-Grande:1.6rem;
--Tamano-fuente:0.85rem;
--Tamano-fuente-dos:1.2rem;
}
#btn-top {position: fixed;right:2%;bottom:5%; width: 45px;height: 45px;border-radius: 50%;border: none;background:var(--ColorPrincipal);color:var(--ColorSecundario);font-size: 20px;cursor: pointer;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;z-index: 999;}
/* visible */
#btn-top.show {opacity: 1;visibility: visible;transform: translateY(0);}

/*---------------------------------------------------INICIO---------------------------------------------------*/
/* === HEADER === */
.site-header {position: relative;z-index: 1000;width: 100%; background: #fff;}
.container-header {display: flex;align-items: center;justify-content: space-between;padding: 1rem 0;gap: 1em;}
.container-header .btn-contacto {text-align: right;position: relative;flex: 1;}
/* LOGO */
.logo {position: relative;}
.logo img {max-height: 80px;width: auto;}
.site-title {font-weight: 700;font-size: 1.3rem;color: #000;text-transform: uppercase;}
/*Menu Navegacion*/
.header-nav{display: flex;gap:0.5rem;padding: 0;align-items: center;justify-content: center;}
.header-nav li{list-style: none;}
.header-nav .menu-item a{border: 1px solid #D9D9D9;border-radius: 50px;padding: 0.5rem 1rem;transition: all 0.3s ease;font-weight: 600;}
.header-nav .menu-item a:hover, .header-nav .current-menu-item a{border: 1px solid var(--ColorPrincipal);background: var(--ColorPrincipal);color: #fff;}
/* === BOTÓN HAMBURGUESA === */
.hamburguesa {display: none;position: relative;	z-index: 1001;}
.menu-toggle {background: none;border: none;cursor: pointer;display: flex;flex-direction: column;justify-content: space-between;width: 35px;height: 20px;}
.menu-toggle .bar {display: block;height: 3px;width: 100%;background-color: var(--ColorPrincipal, #e63946);border-radius: 2px;transition: all 0.3s ease;}
/* Animación cuando se abre */
.menu-toggle.open .top {transform: rotate(45deg) translate(5px, 5px);}
.menu-toggle.open .middle {opacity: 0;}
.menu-toggle.open .bottom {transform: rotate(-45deg) translate(5px, -5px);}
/* === MENÚ RESPONSIVE === */
#mobile-menu {position: fixed;top:0%;bottom: 0;left: 0;width: 65%;height:100%;background-color: #fff;box-shadow: 3px 0 12px rgba(0,0,0,0.15);transform: translateX(-100%);transition: transform 0.4s ease;z-index: 1000;padding: 2rem 1.5rem;overflow-y: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3rem;}
/* Estado visible */
#mobile-menu.active {transform: translateX(0);}
/* Navegación interna */
#mobile-menu .mobile-nav ul {list-style: none;padding: 0;margin: 0;}
#mobile-menu .mobile-nav li {padding: 1rem 0;text-align: center;border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
#mobile-menu .mobile-nav li.current-menu-item a{color: var(--ColorPrincipal);}
#mobile-menu .mobile-nav a {color: var(--ColorTexto, #222);font-size: 1.1rem;font-weight: 600;text-decoration: none;transition: color 0.2s;}
#mobile-menu .mobile-nav a:hover {color: var(--ColorPrincipal, #e63946);}
/*== FOOTER ==*/
.site-footer {padding: 60px 0;}
.site-footer p{padding: 0;margin:10px 0;}
.footer-container {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;}
.footer-col {flex: 1;min-width: 250px;} .footer-col1{text-align:start;}
.footer-logo img {width:250px;height: auto;}
.footer-col2{display: flex;gap: 2em;}
.footer-col3{text-align:right}
.footer-menu h4{color: var(--ColorSecundario);}
.footer-contact a {color:var(--ColorSecundario);text-decoration: none;display: flex;align-items: center;gap: 8px;justify-content: end;font-size: 35px;font-weight: 800;transition: all 0.2s ease-in-out;}
.footer-contact a:hover {color:var(--ColorPrincipal);}
.footer-location {display: flex;align-items: center;gap: 8px;font-size: 25px; font-weight: 700;justify-content: end;color:var(--ColorSecundario);}
.footer-location img{font-size: 30px;}
/*Slider*/
.slide-item{display: flex!important;flex-direction:row-reverse;gap:1em;}
.slide-image, .slide-content{flex: 1;}
.slide-image{position: relative;overflow: hidden;border-radius: 25px;height:700px;}
.slide-image img{width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%; transition: transform .4s; }
.slide-flecha{display: flex;align-items: center;gap: 2em;justify-content: end;flex-direction: column;}
.slide-flecha .fa-arrow-down{font-size:35px;}
.slide-flecha .fa-computer-mouse-scrollwheel{font-size:35px;}
.slide-content{display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
span.slide-categoria{font-size: 30px;text-transform: uppercase;font-weight:600;line-height: 35px;color: var(--ColorSecundario);}
h2.slide-titulo{font-size:4.5rem;line-height:1;margin:15px 0;font-weight: 900;letter-spacing: -1px;color: var(--ColorSecundario);}
.slider-wrap {position: relative;max-width: 100%;overflow: hidden;}
.slider-arrows {display: flex;justify-content: flex-start;gap: 15px;position:absolute;left: 0;bottom: 5%;}
.slick-prev,
.slick-next {background: #fff;border: 2px solid #000;border-radius: 50%;width: 45px;height: 45px;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.slick-prev:hover,
.slick-next:hover {background: #000;color: #fff;}
/* ===========================
   SECCIÓN: Últimos Proyectos
   =========================== */
.ultimos-proyectos {width: 100%;margin: 80px auto;}
.ultimos-proyectos__header {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 2rem;}
.ultimos-proyectos__titulo {font-size: 2.2rem;font-weight: 300;letter-spacing: -1px;color: var(--ColorSecundario);}
/* === GRID === */
.ultimos-proyectos__grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 24px;}
/* Los ítems "grandes" ocuparán el doble de ancho */
.item2, .item4 {  grid-column: span 2;}
/* === ITEM === */
.proyecto-item {border-radius: 15px;overflow: hidden;background: #fff;transition: transform 0.3s ease, box-shadow 0.3s ease;position: relative;}
.proyecto-item:hover {transform: translateY(-8px); box-shadow: 0 6px 18px rgba(0,0,0,0.1);}
.proyecto-item__imagen {overflow: hidden;height:400px;background: #000;}
.proyecto-item .proyecto-item__imagen img {width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%;transition: opacity 0.8s ease, transform 0.8s ease;mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.05))}
.proyecto-item img.lazy-placeholder {width: 100%;display: block;filter: blur(8px);transition: filter 0.8s ease, opacity 0.8s ease;}
.proyecto-item img.fade-in {filter: blur(0);opacity: 1;}
/* === Fade-in === */
.proyecto-item img.fade-in {opacity: 1;transform: scale(1);}
/* === CONTENIDO === */
.proyecto-item__contenido { padding: 1rem 1.2rem;position: absolute;bottom: 0;left: 0;display: flex;gap:10px;right: 0;align-items: center;}
.proyecto-item .icono-ir i{background: var(--ColorTexto);color: var(--ColorPrincipal);height: 60px;width: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;transition: all 0.3s ease;}
.proyecto-item:hover .icono-ir i{background: var(--ColorPrincipal);color: var(--ColorTexto);transform: scale(1.1);}
.proyecto-item__tituloh3{font-size:var(--Tamano-fuente-dos);color:var(--ColorPrincipal);margin-bottom: 0rem;margin-top: 0;line-height: 1;}
.proyecto-item__categoria {color: #fff;font-weight: 300;font-size: 0.8rem;}
/* === Formulario y Video === */
.zona-contacto {display: flex;justify-content: center;padding: 30px 0;}
.zona-contacto__contenedor {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 40px;align-items: center;width: 100%;}
.zona-contacto__formulario {background:var(--ColorTexto);padding: 30px;border-radius:20px;color: #fff;}
.zona-contacto__formulario .contenido_zona-contacto__formulario > h2{font-size: 2.2rem;letter-spacing: -0.03em; /* mejor práctica */;font-weight:300;line-height: 1.3;margin: 0;}
.zona-contacto__formulario h2 span{font-weight:600;}
#wpforms-78-field_11 {display: grid; grid-template-columns: repeat(2, auto)!important; padding: 0;gap: var(--wpforms-field-size-input-spacing);}
.contenido_zona-contacto__formulario{width:85%;margin-left: 5%;}
label.wpforms-field-label-inline, .wpforms-field-medium::placeholder{font-weight: 300!important;font-size:0.9rem!important;}
#wpforms-form-78 .wpforms-submit{font-weight:700;padding: 0 35px!important;}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {padding:10px 0!important; position: relative;}
/*Formulario 7*/
#wpcf7-f367-p2-o1{font-size: 16px;}
#wpcf7-f367-p2-o1 p{margin: 0;padding: 0;}
._nombre, ._email, ._telefono, ._mensaje{background-color: #000;border-radius: 5px;line-height: 100%;box-shadow: none;padding:14px;color: #fff;border: 0;font-family: "Montserrat", sans-serif;font-size: 16px;letter-spacing: -1px;width: 95%;}
.servicios-list{display: grid;grid-template-columns: repeat(2, auto) !important;padding: 0;gap:0.5rem;margin-top: 1rem;}
.wpcf7-list-item {margin: 0 0 0 0em;}
.servicios-list label > span{font-weight: 300;font-size: 14px;}
.btn_go{display: inline-block;padding: 0.8rem 2rem;background-color:var(--ColorPrincipal);color:#000;font-weight:700;text-decoration: none;border-radius: 30px;transition: background 0.3s ease;letter-spacing: -0.025rem;border: none;font-family: "Montserrat", sans-serif;font-size: 16px;}
.btn_go:hover{background-color:var(--ColorPrincipalHover);}
.btn_go:after{content: "\e09f";font: var(--fa-font-solid);margin-left:10px;font-size:1.2em;vertical-align: middle;}
.wpcf7-not-valid-tip{font-size: 13px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: var(--ColorPrincipal);color: var(--ColorPrincipal);}
.zona-contacto__video {text-align: center;background: var(--ColorPrincipal);border-radius: 20px;padding:50px 25px; margin-left: -60px;}
.video-lightbox {position: relative;display: inline-block;cursor: pointer;}
.video-lightbox__imagen {width: 100%;;height: 300px;border-radius: 16px;object-fit: cover;}
.video-lightbox__play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0,0,0,0.6);width: 70px;height: 70px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 28px;transition: 0.3s ease;}
.video-lightbox__enlace:hover .video-lightbox__play {background: rgba(0,0,0,0.8);transform: translate(-50%, -50%) scale(1.05);}
.zona-contacto__texto {margin: auto; display: flex;gap: 25px; max-width:90%;align-items: center;line-height: 1.3;margin-top: 15px;}
.zona-contacto__texto span {font-weight:700;	color: var(--ColorTexto);}
.zona-contacto__texto > *{flex: 1;}
.zona-contacto__texto > h2{text-align: right;margin: 0;font-size: 1.6rem;letter-spacing: -0.03rem;font-weight: 300;color: var(--ColorTexto);}
.zona-contacto__redes {	display: flex;gap:7px;}
.zona-contacto__redes a {color:var(--ColorPrincipal);font-size: 20px;transition: color 0.3s;background: #fff;display: flex;height: 42px;width: 42px;align-items: center;justify-content: center;border-radius: 50%;}
.zona-contacto__redes a:hover {color: var(--ColorTexto);}
/* === Estadisticas === */
.estadisticas{background: rgba(0,0,0,0.1);padding: 30px;border-radius: 20px;margin-top: 35px;}
.estadisticas > *{border-radius: 20px;padding:30px;background: #fff;}
.estadisticas .numero{font-size:3.8rem;font-weight: 800;letter-spacing: -0.03em;margin: 0;line-height: 1;color: var(--ColorSecundario); }
.estadisticas .titulo{margin: 0;}
.estadisticas .verde{background:var(--ColorPrincipal);display: flex;justify-content: space-between;color: #000;}
.estadisticas .verde .fa-arrow-up-right{background:#fff;color: var(--ColorPrincipal);height: 60px;width: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;transition: all 0.3s ease;}
.estadisticas .verde:hover .fa-arrow-up-right{background: var(--ColorTexto);color:#fff;transform: scale(1.1);}
/*== BREADCRUMBS ==*/
.kreatico-breadcrumbs { margin:0; font-size: 0.9rem; }
.kreatico-breadcrumbs .k-bc-list { list-style: none; margin:0; padding:0; display:flex; gap:8px; flex-wrap:wrap; }
.kreatico-breadcrumbs .k-bc-item {color: #9C9A9A;}
.kreatico-breadcrumbs .k-bc-item a { text-decoration: none; color:var(--ColorPrincipal); }
.kreatico-breadcrumbs .k-bc-item::after { content: "›"; margin-left:8px; color:#777; }
.kreatico-breadcrumbs .k-bc-item:last-child::after { content: ""; }
/*== CONTENIDO ==*/
.site-main .container .page-header h1.page-title{font-size: 5rem;line-height: 1;font-weight: 800;letter-spacing: -0.03em;margin: 0;}
.page-content, .archive-content{margin-top: 2em;margin-bottom: 2em;}
/*Nosotros*/
header.page-header{display: flex;align-items: center;justify-content: center;flex-direction: column;}
header.page-header h1.page-title{margin-bottom: 0;margin-top: 0;font-size: 2.5rem;font-weight: 800;line-height: 1;}
header.page-header h1.page-title span{color: var(--ColorPrincipal);}
.page-id-44 .numerico{justify-content: flex-end;align-items: center;display: flex;}
.page-id-44 .numero{background: var(--ColorPrincipal);color: var(--ColorTexto);font-size:2.5rem;font-weight: 800;height: 80px;width: 80px;border-radius: 50%;display: flex; align-items: center;justify-content: center;}
.page-id-44 .titulo{font-size: 1.5rem;font-weight:300;}
.page-id-44 .subtitulo{font-size: 2.5rem;font-weight:800;margin: 0;line-height: 1;}
/*== PORTAFOLIO ==*/
.portafolio-sinproyectos{text-align: center;font-weight: 800;} .emoji{font-size:35px;} .portafolio-sinproyectos span{color:var(--ColorPrincipal);}
header.archive-header{display: flex;align-items: center;justify-content: center;flex-direction: column;}
header.archive-header h1.archive-title{margin-bottom: 0;margin-top: 0; font-size: 4.5rem;letter-spacing: -0.20rem;font-weight: 800;}
.portfolio-categories-grid {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap:24px;grid-row-gap:24px;height:850px;}
.articulo-1 { grid-area: 1 / 1 / 2 / 3; }
.articulo-2 { grid-area: 1 / 3 / 2 / 6; }
.articulo-3 { grid-area: 2 / 1 / 3 / 4; }
.articulo-4 { grid-area: 2 / 4 / 3 / 6; }

.cat_portafolio-item{border-radius: 15px;overflow: hidden;position: relative;background: #000;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.cat_portfolio-thumb img{width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%;transition: opacity 0.8s ease, transform 0.8s ease;mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.25))}
.cat_portfolio-contenido{padding: 1rem 1.2rem; position: absolute; bottom: 0; left: 0; display: flex;gap: 10px;right: 0;align-items: center;}
.cat_portfolio-titulo h2{color:var(--ColorPrincipal);margin: 0;letter-spacing: -0.025rem;font-size:var(--Tamano-fuente-dos);}
.cat_portfolio-contenido .icono-ir i{background: var(--ColorTexto);color: var(--ColorPrincipal);height: 60px;width: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;transition: all 0.3s ease;}
.cat_portafolio-item:hover .icono-ir i{background: var(--ColorPrincipal);color: var(--ColorTexto);transform: scale(1.1);}
/*Taxonomia Categoria*/
header.taxonomy-header{display: flex;gap:4rem;align-items: center;}
.frase_categoria{font-size: 4.5rem;letter-spacing: -0.20rem;font-weight: 800;text-align: right;line-height: 1;}
h1.taxonomy-title{font-weight: 300;color: var(--ColorPrincipal);font-size: 2.2rem;text-transform: uppercase;margin: 0;}
header.taxonomy-header .kreatico-breadcrumbs .k-bc-item a {text-decoration: none;color: var(--ColorSecundario);}
.taxonomy-description{margin-top: 2rem;}
.portfolio-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 24px;}
.proyecto-2, .proyecto-4 {  grid-column: span 2;}
.portfolio-item {border-radius: 15px;overflow: hidden;background: #fff;transition: transform 0.3s ease, box-shadow 0.3s ease;position: relative;}
.portfolio-item:hover {transform: translateY(-8px); box-shadow: 0 6px 18px rgba(0,0,0,0.1);}
.portfolio-thumb {position: relative;overflow: hidden;height:400px;background: #000;}
.portfolio-thumb img {width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%;transition: opacity 0.8s ease, transform 0.8s ease;mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.15))}
.portfolio-item:hover .icono-ir{background: var(--ColorPrincipal);color: var(--ColorTexto);transform: scale(1.1);}

/*== BLOG ==*/
.site-main .container .blog-section{margin-top:50px;}
.site-main .container h2.section-title{font-size: 3.1rem;font-weight: 400;line-height: 1.2;margin:0 0 15px 0;letter-spacing: -0.03em;}
.site-main .container .recientes .posts-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;}
.site-main .container .recientes .posts-grid .post-item{border-radius: 15px;overflow: hidden;background: #fff;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.site-main .container .recientes .posts-grid .post-item:hover {transform: translateY(-4px); box-shadow: 0 6px 18px rgba(0,0,0,0.1);}
.site-main .container .recientes .posts-grid .post-item {position: relative;overflow: hidden;height:450px;background: #000;}
.site-main .container .recientes .posts-grid .post-item .post-thumb img{width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%;transition: opacity 0.8s ease, transform 0.8s ease;opacity: 0.50;}
.site-main .container .recientes .posts-grid .post-item:hover .post-thumb img{opacity: 1;}
.site-main .container .recientes .posts-grid .post-item .post-contenido{padding: 1rem 1.2rem;position: absolute;bottom: 0;left: 0;right: 0;color: #fff;}
.site-main .container .recientes .posts-grid .post-item .post-contenido h3{font-size: 1.2rem;line-height: 1.3;font-weight: 500;margin: 0 0 10px 0;}
.site-main .container .recientes .posts-grid .post-item .post-contenido .post-add{border-top: 1px solid rgba(250, 250, 250, 0.25);padding: 10px 0;display: flex;gap: 20px;font-size: 0.7rem;}
.post-date:before{content: "\e472";font: var(--fa-font-light);margin-right:5px;font-size:1em;vertical-align: middle;}
.post-category:before{content: "\f5fd";font: var(--fa-font-light);margin-right:5px;font-size:1em;vertical-align: middle;}
.site-main .container .destacado .post-destacado{display:flex; gap:5rem;}
.site-main .container .destacado .post-destacado > *{flex: 1;}
.site-main .container .destacado .post-thumb {position: relative;overflow: hidden;height:520px;border-radius: 15px;}
.site-main .container .destacado .post-thumb img{width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%;transition: opacity 0.8s ease, transform 0.8s ease;}
.site-main .container .destacado .post-contenido{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.site-main .container .destacado .post-contenido h2{font-size: 1.2rem;margin: 0;font-weight: 400;}
.site-main .container .destacado .post-contenido h3.post-title {font-size: 1.4rem;letter-spacing: -0.03em;line-height: 1.1;font-weight:700;}
.site-main .container .destacado .post-contenido .post-add {display: flex;gap: 20px;font-size: 0.9rem;}
.site-main .container .categorias ul.category-list{display: flex;flex-direction: row;flex-wrap: wrap;gap: 15px;margin: 0;padding: 0;}
.site-main .container .categorias ul.category-list li{list-style: none;padding:15px;border-radius: 15px;background: #fff;box-shadow:  0 2px 12px rgba(0, 0, 0, 0.15);display: flex;align-items: center;gap: 15px;}
.site-main .container .categorias ul.category-list li span{opacity: 0.5;}
.site-main .container .categorias ul.category-list li .fa-arrow-up-right{background:var(--ColorPrincipal);color: var(--ColorTexto);height:35px;width:35px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.7rem;transition: all 0.3s ease;}
.site-main .container .articulosgenerales .posts-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;}
.site-main .container .articulosgenerales .posts-grid .post-item_1{grid-column: 1;}
.site-main .container .articulosgenerales .posts-grid .post-item_agrupado {grid-column: 2;display: flex;flex-direction: column;gap: 1.5rem;justify-content: space-around;}
.site-main .container .articulosgenerales .posts-grid .post-item_1{position: relative;overflow: hidden;height:560px;border-radius: 15px;}
.site-main .container .articulosgenerales .posts-grid .post-thumb img{width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%;transition: opacity 0.8s ease, transform 0.8s ease;}
.site-main .container .articulosgenerales .posts-grid .post-item_1 .post-contenido{padding: 1rem 1.2rem;position: absolute;bottom: 0;left: 0;right: 0;color: #fff;}
.site-main .container .articulosgenerales .posts-grid .post-item_1 .post-contenido h3.post-title{font-size: 1.4rem;letter-spacing: -0.03em;line-height: 1.1;font-weight: 500;margin: 0 0 10px 0;}
.site-main .container .articulosgenerales .posts-grid .post-item_1 .post-contenido .post-add{border-top: 1px solid rgba(250, 250, 250, 0.25);padding: 10px 0;display: flex;gap: 20px;font-size: 0.9rem;}
.site-main .container .articulosgenerales .posts-grid .post-item_agrupado .post-thumb{position: relative;overflow: hidden;height:160px;border-radius: 15px;}
.site-main .container .articulosgenerales .posts-grid .post-item_agrupado .post-item {display: flex; align-items: flex-start;gap: 20px;}
.site-main .container .articulosgenerales .posts-grid .post-item_agrupado .post-thumb {flex: 0 0 35%; /* ancho fijo del 35% del artículo */}
.site-main .container .articulosgenerales .posts-grid .post-item_agrupado .post-contenido {flex: 1; /* ocupa el resto del espacio disponible */display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.site-main .container .articulosgenerales .posts-grid .post-item_agrupado .post-contenido h3.post-title{font-size: 1rem;letter-spacing: -0.03em;line-height: 1.4;font-weight:700;margin-top: 0;}
.site-main .container .articulosgenerales .posts-grid .post-item_agrupado .post-contenido .post-add{border-top: 1px solid rgba(0, 0, 0, 0.15);padding: 10px 0;display: flex;gap: 20px;font-size: 0.7rem;width: 100%;}
/*Search result*/
.search-results .posts-grid, .tag .posts-grid{display: grid;grid-template-columns: repeat(2, 1fr)!important;gap: 2rem;padding: 2rem 0;}
/*Archive*/
.archive .posts-grid{display: grid;grid-template-columns: repeat(3, 1fr); /* 3 columnas iguales */gap: 2rem; /* espacio entre los elementos */padding: 2rem 0;}
.blog-item{box-shadow: 0 8px 32px 0 rgba(22,22,22, .07);border-radius: 20px;overflow: hidden;transition: box-shadow 0.35s ease, transform 0.35s ease;}
.blog-item .post-thumbnail{position: relative;height: 250px;overflow: hidden;}
.blog-item .post-thumbnail img{width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%; transition: transform 0.4s ease, filter 0.4s ease;}
.blog-item .entry-content{padding: 2rem;}
.posts-grid .blog-item .entry-content .entry-title{font-size: 1.2rem;line-height: 1.3;font-weight:600;margin: 0 0 10px 0;}
.posts-grid .blog-item .entry-content .entry-meta{border-top: 1px solid rgba(0, 0, 0, 0.05);padding: 10px 0;display: flex;gap: 20px;font-size: 0.8rem;color: var(--ColorPrincipal);}
.posts-grid .blog-item .entry-content .entry-meta .entry-category:before{content: "\f5fd";font: var(--fa-font-light);margin-right:5px;font-size:1em;vertical-align: middle;}
.posts-grid .blog-item .entry-content .entry-excerpt{opacity: 0.7;}
.posts-grid .blog-item:hover .post-thumbnail img{transform: scale(1.2);filter: brightness(0.9);}
.posts-grid .blog-item:hover{box-shadow: 0 8px 32px 0 rgba(22,22,22, .15);transform: translateY(-8px);}
/*Paginacion*/
.pagination{margin: 25px 0;}
.pagination .nav-links{display: flex;gap:0.5rem;align-items: center;justify-content:center;flex-wrap: wrap;background: rgba(0, 0, 0, 0.05);border-radius: 50px;padding: 0.5rem;}
.page-numbers{font-weight: 500;color: var(--ColorTexto);display: flex;align-items: center;justify-content: center;border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 100px;transition: all 0.4s ease;width: 40px;height: 40px;}
.prev i, .next i{margin: 0 5px;}
.page-numbers:hover{background: var(--ColorPrincipal);border-color:var(--ColorPrincipal);color: #fff;}
.mav-link-numeros{display: flex;gap: 1rem;}
.mav-link-numeros > *{font-weight: 500; width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;background: #f0f0f0; border-radius: 50%;font-weight: 700;transition: all 0.4s ease;}
span.current{background: var(--ColorPrincipal);border-color:var(--ColorPrincipal);color: #fff;}
.disabled{ opacity: 0.5;}
.disabled:hover{background: #fff;border: 1px solid rgba(0, 0, 0, 0.15);}
/*Post Navigation*/
.post-navigation{display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;}
.post-navigation .nav-next{text-align: right;}
.post-navigation .nav-thumb img{border-radius: 20px;}
.post-navigation .nav-text{    display: inline-block;}
.post-navigation .nav-text span{font-weight: 700;color: var(--ColorTexto);display: flex;align-items: center;border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 100px;padding: 10px 17px;transition: all 0.4s ease;font-size: 0.8rem;gap: 10px;}
.post-navigation .botonlink:hover .nav-text span {background: var(--ColorPrincipal);}
/*Single Blog*/
.container .row{display: flex;gap: 5rem;}
.col-8{flex: 2;} .col-4{flex: 1;}
.blog-single{position: relative;}
.blog-single .post-thumbnail{position: relative;height:500px;overflow: hidden;border-radius: 20px;}
.blog-single .post-thumbnail img{width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%; transition: transform 0.4s ease, filter 0.4s ease;}
.blog-single .entry-header{padding: 25px 0;}
.blog-single .entry-header .entry-title{letter-spacing: -0.03em;font-size: 2.5rem;line-height: 3rem;}
.blog-single .entry-header .entry-meta{ border: 1px solid #eee;border-radius: 10px;display: flex;justify-content: space-between;padding: 15px 25px;flex-wrap: wrap;align-items: center;font-size: 0.9rem;}
.blog-single .entry-header .entry-meta .author{display: flex;gap: 15px;align-items: center;}
.blog-single .entry-header .entry-meta .author .author-name{display: flex;flex-direction: column;gap: 5px;}
.blog-single .entry-header .entry-meta .author .author-name time{font-size: 0.75rem;}
.blog-single .entry-header .entry-meta .cat-links:before{content: "\f5fd";font: var(--fa-font-light);margin-right:5px;font-size:1em;vertical-align: middle;}
.blog-single .entry-header .entry-meta .post-share ul.share-list{margin: 0;padding:0; display: flex;gap:10px}
.blog-single .entry-header .entry-meta .post-share ul.share-list li{list-style: none;}
.blog-single .entry-header .entry-meta .post-share ul.share-list li a{ display: flex;width: 30px;height: 30px;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #cfcfcf;transition: all 0.4s ease;}
.blog-single .entry-header .entry-meta .post-share ul.share-list li a:hover{background: var(--ColorTexto);color: #fff;border-color: var(--ColorTexto);}
.blog-single .entry-content img{border-radius: 20px;}
.blog-single footer .tags-list{margin:35px 0;display: flex;gap: 10px;flex-wrap: wrap;}
.blog-single footer .tags-list a {border: 1px solid #eee;border-radius: 100px;display: inline-block;padding: 11px 17px;line-height: 1;color: #9b9b9b;}
.blog-single footer .tags-list a:before{content: "\f02b";font: var(--fa-font-light);margin-right:5px;font-size:1em;vertical-align: middle;}
.reading-time {position: absolute;top: 15px;right: 15px;box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, .0588235294);background: #fff;border-radius:50px;padding: 10px 15px;font-size: 0.75rem;}
/*Sidebar*/
/*Formulario de buscador*/
aside .Buscador{background: #fff;box-shadow: 0px 0px 15px rgba(5, 5, 15, 0.1);border-radius: 20px;padding: 30px 20px; margin-bottom: 30px;}
aside .CajaSearch{background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.05);border-radius: 80px;border:1px solid rgba(0,0,0,0.1);padding: 18px 6px 18px 30px;position: relative;max-width: 100%;}
aside .search-field{border: none;background: 0 0;height: 26px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 26px;color: var(--grey-color, #5E6D77);padding: 0;}
aside .search-submit{position: absolute;width: 50px;height: 50px;margin: 0;background:var(--ColorPrincipal);border-radius: 50px;top: 6px;right: 6px;font-size: 0;line-height: 50px;text-align: center;border: none;color: #fff;}
aside .search-submit svg {fill: currentColor;min-height: 24px;min-width: 24px;vertical-align:middle;}
/*Post Destacados por Categoria*/
aside .destacados .content-item-destacados{display: grid;row-gap: 1.25rem;}
aside .destacados .destacado-item{padding-bottom: 1.25rem;border-bottom: 1px solid #e7e7e7;}
aside .destacados .destacado-item .destacado-categoria{font-weight: 400;font-size: 0.9rem;border: 1px solid #eee;border-radius: 100px;    display: inline-block;padding: 5px 16px;line-height: 1;color: var(--ColorPrincipal);}
aside .destacados .destacado-item .col{display: grid;grid-template-columns: 1fr 84px;gap:1rem;}
aside .destacados .destacado-item .col h4.destacado-titulo{ margin-top: .5rem;padding: 0;margin-bottom: 0;}
aside .destacados .destacado-item .col .destacado-thumb img{width: 85px;height: 85px;border-radius: 10px;}
aside .destacados .destacado-item time.destacado-fecha{margin-top: 10px;font-size: 0.8rem;display: inline-block;}
/*Etiquetas populares*/
.etiquetas-populares ul.tag-list{margin: 0;padding: 0;display: flex;gap: 10px;flex-wrap: wrap;}
.etiquetas-populares ul.tag-list li{list-style: none;background: #fff;box-shadow: 0px 0px 15px rgba(5, 5, 15, 0.1);border-radius: 20px;padding: 7px 15px;font-size: 0.80rem;transition: all 0.4s ease;}
.etiquetas-populares ul.tag-list li:hover{background-color: var(--ColorTexto);color: #fff;}
/* 🔁 Responsive Archive*/
@media (max-width: 1024px) {
  .blog-grid { grid-template-columns: repeat(2, 1fr); /* 2 columnas en tablets */  }
}
@media (max-width: 640px) {
  .blog-grid { grid-template-columns: 1fr; /* 1 columna en móviles */ }
}

/*Portafolio Item*/
.pd_web-top{border-radius: 25px 25px 0 0;color:#fff;position: relative;overflow: hidden;}
.pd_top-contenedor{padding: 25px 50px 0 50px;border-radius: 25px;z-index: 1;position: relative;}
.pd_header{display: flex;flex-direction: row;gap:1rem;align-items: center;}
.pd_header > div{flex:auto}
h1.pd_titlepage{margin:0;}
.pd_header .kreatico-breadcrumbs .k-bc-item{color:rgba(250,250,250,0.35);}
.pd_header .kreatico-breadcrumbs .k-bc-item a { color:rgba(250,250,250,0.75);}
.pd_header .kreatico-breadcrumbs .k-bc-item::after{color:rgba(250,250,250,0.35);}
.pd_enlaces{display: flex;flex-direction: row;gap:1.5rem;align-items: center;justify-content: flex-end;}
.portafolio-categoria{background: #fff;padding:0.25rem 1rem;border-radius: 10px;color:var(--ColorSecundario);display: flex;align-items: center;gap: 0.5rem;font-weight: 600;}
.portafolio-categoria i{position: relative;width: 40px;height: 40px;border-radius: 50%;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;background:var(--ColorPrincipal);color:var(--ColorSecundario);}
.portafolio-share {display: flex; gap:0.5rem; align-items: center;background: rgba(250, 250, 250, 0.35);padding: 0.5rem; border-radius: 50px;}
.share-btn {position: relative;width: 40px;height: 40px;border-radius: 50%;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;background:var(--ColorPrincipal);color:var(--ColorSecundario);}
i.elemento { font-size: 1rem}
.copy-message {position: absolute;bottom: -28px;background: #000;color: #fff;font-size: 12px;padding: 4px 8px;border-radius: 4px; opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
.copy-link.copied .copy-message {opacity: 1;}
.pd_imagenes{display: flex;gap:2rem;align-items: center;margin-top:50px;}
.pd_imagenes > *{flex: auto;}
.pd_imagenes img{line-height: 0;}
.pd_imagen-web{text-align: left;line-height: 0;}
.pd_imagen-movil{text-align: center;}
.pd_top-descripcion{padding: 25px;display: flex;gap:2rem;align-items: center;text-align: center;}
.pd_web-info{margin-bottom:50px;text-align: center;}
.pd_web-info figure{margin: 2rem 0;}
/*Grafico*/
.portafolio-thumbnail img{width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 0; height: 100%; transition: transform 0.4s ease, filter 0.4s ease;mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.15))}
.grafico .pd_web-top {border-radius: 25px;height:750px;background: #000;}
.grafico .pd_web-info {margin-top: 50px;}
/*Branding*/
.branding .pd_web-top{border-radius:0;height: auto;}
.branding .pd_top-contenedor {padding: 2rem;border-radius: 25px;z-index: 1;position: relative;background: #000;margin-bottom: 2rem;}
.branding .portafolio-thumbnail img{position: relative;mask-image: none;}
.branding .pd_web-top {border-radius: 25px;height:auto;background: #fff;}
.branding .pd_web-info {margin-top: 50px;}
.branding .pd_web-info figure { margin: 0;}
.branding .my-2 {margin-top: 2em!important;margin-bottom: 2em!important;}

/* =========================
   RESPONSIVE BREAKPOINTS
   (customized)
   ========================= */

  /* 1350px - laptops slightly smaller than your content width */
@media (max-width: 1350px) {
  :root { --SizeGeneral: 1150px; }
  /*Estadisticias*/
  .estadisticas .verde > a { display: none;}
  /*Nosotros*/
  .page-id-44 .numerico {justify-content: center;}
}
/* 1024px - tablets landscape */
@media (max-width: 1024px) {
  :root { --SizeGeneral:100%; }
  .site-main, #site-content{padding: 0.5rem;}
  .header-nav {display: none;}
  .hamburguesa { display: flex;align-items: center;justify-content: center; }
  .btn {
    display: inline-flex;
    padding: 1.3rem 2.5rem;
    letter-spacing: 0rem;
    min-height: 1.5rem;
}
  /*Slide*/
  h2.slide-titulo {font-size: 3rem;}
  .slide-image { height: 500px;}
  /*Estadistica*/
  .estadisticas .numero {font-size:2.5rem;}
  /*Modulos*/
  .ultimos-proyectos { margin: 10px auto;}
  .item2, .item4 {grid-column: span 1;}
  /*Zona de Contacto*/
  .contenido_zona-contacto__formulario {width: 90%;}
  /*Footer*/
  .site-footer {padding: 10px 0;}
  .site-footer a{line-height: 1.4;}
  .footer-col {min-width: auto;font-size: 1rem;}
  .footer-container {align-items: center;flex-wrap: nowrap;}
  .footer-contact a {font-size: 1.8rem;}
  .footer-logo img {width: 150px;}
  
  /*Extra*/
  .page-content, .archive-content {margin-bottom: 0;}
  
}
/* 820px - mobile large */
@media (max-width: 820px) {
  .footer-contact a {font-size: 1.55rem;}
}
  /* 768px - tablet portrait / large phones */
@media (max-width: 768px) {
  .ultimos-proyectos__titulo {font-size: 1.5rem;}
  .ultimos-proyectos__grid {gap: 16px;}
  .item2, .item4 {  grid-column: span 1;}
  /*Slide*/
  span.slide-categoria {font-size: 1rem;line-height: 1;}
  h2.slide-titulo {font-size: 2rem;line-height: 1;}
   /*Estadisticas*/
  .estadisticas {border-radius: 0;flex-wrap: nowrap!important;padding: 30px 5px;margin-top: 0;gap: 0.5em !important;}
  .estadisticas .numero {font-size:1.5rem;}
  .estadisticas > *{border-radius: 10px;padding: 1rem 0.3rem;text-align: center;}
  .estadisticas .titulo {margin: 5px 0;line-height: 1;font-size: 0.8rem;}
  /*Zona de contacto*/
  .zona-contacto__contenedor {grid-template-columns: 1fr;gap: 0;}
  .zona-contacto__contenedor > div:first-child { order: 2;}
  .zona-contacto__contenedor > div:last-child { order: 1;}
  .zona-contacto__video {margin-left: 0;border-radius: 20px 20px 0 0;}
  .zona-contacto__formulario {border-radius:0 0 20px 20px;}
  /*Footer*/
  .footer-logo img {width: 150px;}
  .footer-col1 {text-align: center;flex: 0;}
  .footer-contact a {font-size: 1.5rem;}
}
/* 576px - mobile large */
@media (max-width: 576px) {

}

/* === 480px - móviles pequeños === */
@media (max-width: 480px) {
  :root { --SizeGeneral:100%; }
  .container-header {padding: 0.25rem 0;gap: 0.5em;}
  .container-header .btn-contacto {text-align: center; flex: auto;}
  .page-content, .archive-content {margin-top: 0;margin-bottom: 0;}
  .btn {padding: 0.8rem 1rem;}
  a.celular {font-size: 1.7rem!important;}
  a.email {font-size: 1rem!important;font-weight: 500!important;}
  /*Slide*/
  .slick-prev, .slick-next {position: absolute; z-index: 2;top: 45%;}
  .slick-prev{left: 15px;} .slick-next{right: 15px;}
  .slide-item {position: relative;}
  .slide-image, .slide-content {flex: auto;}
  .slide-image { height: 700px;}
  .slide-item {flex-direction: column; }
  .slide-image{background:#000;}
  .slide-image img {mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.1));}
  .slide-content {position: absolute;bottom:0%;padding: 1.5rem 1.5rem;color: #fff;}
  span.slide-categoria {line-height: 1;color: #fff;font-size: 1.2rem;}
  h2.slide-titulo {margin: 5px 0 0 0;letter-spacing: 0;color: #fff;}
  .slide-flecha {display: none;}
  /*Proyectos*/
  .ultimos-proyectos {margin: auto;}
  .ultimos-proyectos__header {flex-direction: column;}
  /*Contacto*/
  .zona-contacto__contenedor > div:first-child { order: 2;}
  .zona-contacto__contenedor > div:last-child { order: 1;}
  .contenido_zona-contacto__formulario {width: 100%;margin-left: 0;}
  #wpforms-form-78 .wpforms-submit {padding: 0 15px !important;}
  .zona-contacto__texto {max-width: 100%;align-items: center;line-height: 1;margin-top: 15px;flex-direction: column;}
  .zona-contacto__texto > h2 { text-align: center;}
  .servicios-list {grid-template-columns: repeat(1, auto) !important;}
  /*Footer*/
  .footer-col {min-width:250px;}
  .footer-logo img {width:250px;}
  .footer-col1 {text-align: center;flex:auto;}
  .footer-contact a {font-size:2rem;}
  .site-footer { padding: 10px 0;}
  .footer-container {gap: 1rem;flex-wrap:wrap;}
  .footer-col1, .footer-col2, .footer-col3 {text-align: center;}
  .footer-col2 > * {flex: 1;}
  .footer-location, .footer-contact a {justify-content: center;}
  /*Portafoloo*/
  .portfolio-categories-grid {grid-template-columns: 1fr;grid-template-rows: auto;height: auto;}
  .cat_portafolio-item{grid-area: auto;height: 400px;}
  /*Taxonomia*/
  header.taxonomy-header {flex-direction: column;gap: 1rem;margin: 1rem 0;}
  .frase_categoria {font-size: 3rem;letter-spacing: 0;text-align: center;line-height: 1;margin: 0;}
  .content_taxonomy-header{text-align: center;}
  h1.taxonomy-title {font-weight: 600;font-size: 1.2rem;}
  .kreatico-breadcrumbs .k-bc-list {justify-content: center;}
  .taxonomy-description {margin-top: 0;}
  .proyecto-2, .proyecto-4 { grid-column: span 1;}
  /*Detalle web*/
  .pd_top-contenedor {padding: 15px;}
  .pd_header {flex-direction: column;}
  .pd_header > div {text-align: center;}
  .pd_imagenes {margin-top: 20px;flex-direction: column;}
  .pd_imagenes img {max-width: 100%;}
  .pd_top-descripcion {flex-direction: column;gap: 0;}
  /*Detalle Grafico*/
  .grafico .pd_web-top {height: auto;}
  .grafico .portafolio-thumbnail img {position: relative; mask-image: inherit;}
  /*Nosotros*/
  header.page-header h1.page-title {margin-bottom: 0;margin-top: 0;font-size: 2rem;letter-spacing: 0;line-height: 1;font-weight: 800;text-align: center;}
  header.page-header h1.page-title span{color: var(--ColorPrincipal);}
  .page-id-44 .numerico {justify-content: center;}
  .page-id-44 .numero{margin: 0;}
  .textual{text-align: center;}
  .page-id-44 .subtitulo {font-size: 2rem;}
  /*Blog*/
  .site-main .container .blog-section {margin-top: 10px;}
  .site-main .container h2.section-title {font-size: 2rem;text-align: center;}
  .site-main .container .recientes .posts-grid {grid-template-columns: repeat(1, 1fr);}
  .site-main .container .destacado .post-destacado {flex-direction: column-reverse; gap: 1rem;}
  .site-main .container .destacado .post-thumb { flex: auto;height: 350px;}
  .site-main .container .destacado .post-contenido h2 { font-size: 2rem;margin: auto;}
  .site-main .container .articulosgenerales .posts-grid {grid-template-columns: 1fr;}
  .site-main .container .articulosgenerales .posts-grid .post-item_agrupado {grid-column: auto;}

  .archive .posts-grid {grid-template-columns: 1fr;}
  .container .row {gap: 1rem;flex-direction: column;}
  .blog-single .post-thumbnail {height: 300px;}
  .blog-single .entry-header .entry-title {letter-spacing: 0;font-size: 2rem;line-height: 1;text-align: center;}
  .blog-single .entry-header .entry-meta {justify-content: center;}

  .search-results .posts-grid, .tag .posts-grid {grid-template-columns: 1fr!important;}
}