/* ======================================== *//* CSS MODERNO Y LIMPIO PARA PROCARDS *//* ======================================== *//* Tipografía general */body, .ybc-widget-description, .ybc-widget-title {    font-family: 'Heebo', 'Roboto', sans-serif;    color: #333;}/* =============================== *//* WIDGETS: caja, sombra y hover   *//* =============================== */.ybc-widget-item {    background: #fff;    border-radius: 8px;    box-shadow: 0 4px 12px rgba(0,0,0,0.08);    overflow: hidden;    transition: all 0.3s ease;    margin-bottom: 20px;}.ybc-widget-item:hover {    transform: translateY(-4px);    box-shadow: 0 10px 20px rgba(0,0,0,0.12);}/* =============================== *//* Imagen de widget/productos      *//* =============================== */.ybc-widget-item img {    width: 100%;    height: auto;          /* Altura automática según proporción */    max-height: 250px;     /* Limita altura máxima en PC */    object-fit: contain;   /* Ajusta imagen dentro del marco sin recortar */    transition: transform 0.4s ease;}.ybc-widget-item:hover img {    transform: scale(1.05);}/* =============================== *//* Títulos y texto de widgets      *//* =============================== */.ybc-widget-title {    font-size: 16px;    font-weight: 600;    margin: 12px 15px 8px;    text-transform: uppercase;    letter-spacing: 1px;    color: #222;}.ybc-widget-description {    font-size: 14px;    line-height: 1.5;    padding: 0 15px 15px;}/* =============================== *//* Listas y enlaces internos       *//* =============================== */.ybc-widget-description li {    display: inline-block;    margin-right: 10px;    font-size: 14px;}.ybc-widget-description li a {    color: #555;    text-decoration: none;    transition: color 0.3s ease;}.ybc-widget-description li a:hover {    color: #fcd500;}/* =============================== *//* Botones modernos                *//* =============================== */.button_widget,.footer_links li a.button {    display: inline-block;    padding: 8px 18px;    border-radius: 6px;    background: #fcd500;    color: #222;    font-weight: 600;    text-transform: uppercase;    transition: all 0.3s ease;}.button_widget:hover,.footer_links li a.button:hover {    background: #e0b800;    transform: translateY(-2px);}/* =============================== *//* Menús desplegables internos     *//* =============================== */.ybc-widget-item li ul {    position: absolute;    top: 100%;    left: 50%;    transform: translateX(-50%);    background: #fff;    border: 1px solid #ddd;    border-radius: 6px;    opacity: 0;    visibility: hidden;    transition: all 0.3s ease;    z-index: 100;    min-width: 140px;}.ybc-widget-item li:hover > ul {    opacity: 1;    visibility: visible;}.ybc-widget-item li ul li a {    display: block;    padding: 10px 15px;    color: #333;    text-decoration: none;}.ybc-widget-item li ul li a:hover {    background: #fcd500;    color: #222;}/* =============================== *//* Responsive para móviles         *//* =============================== */@media (max-width: 767px) {    .ybc-widget-item {        margin-bottom: 15px;    }    .ybc-widget-item img {        height: 200px;        object-fit: cover;   /* cubre toda la caja en móvil */    }    .ybc-widget-title {        font-size: 14px;        margin: 10px 10px 6px;    }    .ybc-widget-description {        font-size: 13px;        padding: 0 10px 10px;    }    .ybc-widget-description li {        margin-right: 6px;    }}