/* =========================================================
   CATÁLOGO SANTO TORNILLO - DISEÑO HOMOLOGADO CON BUSCAR.PHP
========================================================= */
.st-catalog{max-width:1440px;margin:0 auto;padding:34px 26px 75px;color:#203d2d;box-sizing:border-box}
.st-catalog *{box-sizing:border-box}
.st-catalog-crumbs{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:0 0 28px;color:#819187;font-size:12px}
.st-catalog-crumbs a{color:#526f5c;text-decoration:none}
.st-catalog-crumbs i{font-size:9px;color:#a9b7ab}
.st-catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}
.st-catalog-eyebrow{display:block;color:#518164;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px}
.st-catalog-heading h1{font-family:var(--st-font-title);font-size:28px;line-height:1.25;margin:0 0 9px;font-family:'Inter',sans-serif;color:#203d2d}
.st-catalog-heading p{color:#6e7e71;font-size:14px;margin:0}
.st-catalog-reset{color:#245237;text-decoration:none;font-weight:700;font-size:12px;padding:10px 13px;background:#f0f6f0;border-radius:9px;white-space:nowrap}
.st-catalog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px;align-items:start}
.st-catalog-layout:not(:has(.st-catalog-sidebar)){display:block}
.st-catalog-sidebar{border:1px solid #e7ece8;border-radius:14px;background:#fff;padding:18px 13px;position:sticky;top:20px;min-width:0}
.st-catalog-filter-title{font-size:14px;font-weight:700;padding:3px 9px 14px;color:#203d2d;border-bottom:1px solid #edf1ee;margin-bottom:9px}
.st-catalog-filter-title i{margin-right:8px;color:#408055}
.st-catalog-filter-links{display:flex;flex-direction:column;gap:3px;max-height:65vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b1c2b5 transparent}
.st-catalog-filter-links a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;text-decoration:none;font-size:12px;color:#546b5b;line-height:1.45;border-radius:8px;transition:background .2s}
.st-catalog-filter-links a i{font-size:9px;flex:none;opacity:.5}
.st-catalog-filter-links a:hover,.st-catalog-filter-links a.is-active{background:#eaf4ec;color:#245237}
.st-catalog-filter-links a.is-active{font-weight:700}
.st-catalog-content{min-width:0}
/* Tarjetas: medidas y apariencia de buscar.php */
.st-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.st-product-card{border:1px solid #e7ece8;border-radius:14px;padding:15px;background:#fff;overflow:hidden;transition:box-shadow .2s,transform .2s}
.st-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #18392713}
.st-product-photo{aspect-ratio:1.2;display:grid;place-items:center;background:#f8faf8;border-radius:10px;margin-bottom:15px;overflow:hidden;color:#91a49a;font-size:32px}
.st-product-photo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.st-product-card small{display:block;color:#829087;font-size:11px;margin-bottom:8px}
.st-product-card h2{font-family:var(--st-font-title);font-weight:700;font-size:15px;line-height:1.5;margin:0 0 10px}
.st-product-card h2 a{color:inherit;text-decoration:none}
.st-product-card h2 a:hover{color:#245237}
.st-product-card .st-price{display:block;font-weight:bold;font-size:14px;color:#245237;margin-bottom:12px}
/* =========================================================
   BOTONES DE ACCIÓN POR PRODUCTO
========================================================= */
.st-product-card{display:flex;flex-direction:column}
.st-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:6px}
.st-product-card .st-product-actions a{min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:10px 8px;text-align:center;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;text-decoration:none;line-height:1.25;transition:background .2s,transform .2s}
.st-product-card .st-product-actions a:hover{transform:translateY(-1px)}
.st-product-card .st-product-actions .st-see{background:#244b35;color:#fff}
.st-product-card .st-product-actions .st-see:hover{background:#346c49;color:#fff}
.st-product-card .st-product-actions .st-whatsapp{background:#e7f7eb;color:#18783c;border:1px solid #ccebd5}
.st-product-card .st-product-actions .st-whatsapp:hover{background:#d7f1df}
.st-product-card .st-product-actions .st-whatsapp i{font-size:16px}
.st-pagination{display:flex;gap:10px;justify-content:center;margin-top:32px;align-items:center}
.st-pagination a{padding:10px 17px;border-radius:8px;background:#244b35;color:#fff;font-size:12px;text-decoration:none}
.st-pagination a:hover{background:#346c49}
.st-pagination span{font-size:12px;color:#66796b}
.st-catalog-empty{text-align:center;padding:65px 20px;color:#738477}
.st-catalog-empty>i{font-size:29px;color:#97b09e}
.st-catalog-empty h2{font-size:20px;color:#254836}
.st-catalog-empty p{font-size:14px}
.st-catalog-empty a{color:#245237;font-weight:700}
@media(min-width:1350px){.st-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.st-catalog-layout{grid-template-columns:1fr;gap:22px}.st-catalog-sidebar{position:static;padding:12px}.st-catalog-filter-links{flex-direction:row;overflow-x:auto;max-height:none;padding-bottom:5px}.st-catalog-filter-links a{flex:none;white-space:nowrap;background:#f6f8f6}.st-catalog-filter-links a i{display:none}.st-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.st-catalog{padding:27px 17px 55px}.st-catalog-heading{align-items:start;flex-direction:column}.st-products-grid{grid-template-columns:1fr}.st-catalog-heading h1{font-family:var(--st-font-title);font-size:25px}}

/* =========================================================
   TARJETAS CENTRADAS EN MÓVIL
========================================================= */
@media(max-width:520px){
    .st-product-card{text-align:center;align-items:stretch}
    .st-product-card small,.st-product-card h2,.st-product-card .st-price{text-align:center}
    .st-product-photo{width:100%}
    .st-product-actions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .st-product-card .st-product-actions a{min-height:46px;font-size:13px}
}
@media(max-width:350px){
    .st-product-actions{grid-template-columns:1fr}
}

/* =========================================================
   ACCIONES DE PRODUCTO: BOTONES COMPLETOS DE UNA SOLA LÍNEA
========================================================= */
.st-product-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 100%;
}
.st-product-card .st-product-actions a {
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    line-height: 1.3;
    min-height: 45px;
}
.st-product-card .st-product-actions a i {
    flex-shrink: 0;
}

/* =========================================================
   CENTRAR ENCABEZADO Y ACCIONES EN CELULAR
========================================================= */
@media (max-width: 520px) {
    .st-catalog-heading {
        align-items: center;
        text-align: center;
        width: 100%;
    }
    .st-catalog-heading > div {
        width: 100%;
        text-align: center;
    }
    .st-catalog-eyebrow,
    .st-catalog-heading h1,
    .st-catalog-heading p {
        text-align: center;
    }
    .st-catalog-reset {
        align-self: center;
    }
    .st-product-actions {
        display: flex;
        flex-direction: column;
        gap: 9px;
    }
}