/*
Theme Name: Konstruc Child
Theme URI: https://floka.casethemes.net/
Template: konstruc
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Description: Konstruc is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Tags: Blog,E-Commerce,Portfolio,Grid Layout,One Column,Two Columns,Three Columns,Four Columns,Left Sidebar,Right Sidebar,Custom Background,Custom Colors,Custom Header,Custom Logo,custom-menu,Editor Style,Featured Image Header,Featured Images,flexible-header,Footer Widgets,Full Width Template,microformats,Post Formats,Sticky Post,Theme Options,threaded-comments,translation-ready,Block Editor Styles,Wide Blocks
Version: 1.0.1.1768469665
Updated: 2026-01-15 10:34:25

*/

/* ARREGLOS GRID DE CARDS EN LA PAGINA SERVICIOS */

/* Hacer toda la card clickeable */
.pxl-post--inner {
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* Hover effect en toda la card */
.pxl-post--inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
/* Contenedor imagen */
.pxl-image--featured {
    overflow: hidden;
}
/* Stretch link technique - extiende el enlace a todo el contenedor padre */
.pxl-image--featured > a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
/* El contenedor padre (.pxl-post--inner) debe tener position relative */
.pxl-post--inner {
    position: relative;
}
/* Hacer que el pseudo-elemento cubra TODO el .pxl-post--inner */
.pxl-image--featured > a {
    position: static;
}
.pxl-image--featured > a::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    z-index: 1;
}
/* Mantener el botón clickeable */
.pxl-post--readmore,
.pxl-post--readmore a {
    position: relative;
    z-index: 10;
}
/* Efecto zoom */
.pxl-post--inner:hover .pxl-image--featured img {
    transform: scale(1.03);
    transition: transform 0.4s ease;
}

/* Poner el mismo tamaño de ls imagenes del card */
.pxl-image--featured img {
  width: 100% !important;
  height: 200px !important; 
  object-fit: cover !important;
  object-position: center !important;
}

/* CAMBIAR TEXTO DEL BUSCADOR */

.search-field::placeholder {
    content: "Buscar..." !important;
}