:root{
 --tariy-blue:#073b83; --tariy-blue2:#0867d8; --tariy-orange:#ff8a00;
 --tariy-yellow:#ffc928; --tariy-green:#258a31; --tariy-pink:#ee3d9a;
 --ink:#172033; --soft:#f7faff;
}
*{box-sizing:border-box} body{background:var(--soft);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{text-decoration:none}.navbar{box-shadow:0 4px 18px #073b8312}.brand-logo{height:62px;width:auto;max-width:180px;object-fit:contain}
.nav-link{font-weight:600;color:var(--tariy-blue)}.btn-primary{background:var(--tariy-blue2);border-color:var(--tariy-blue2)}
.btn-primary:hover{background:var(--tariy-blue);border-color:var(--tariy-blue)}
.btn-warning{background:var(--tariy-yellow);border-color:var(--tariy-yellow);color:#172033;font-weight:700}
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--tariy-blue) 0%,var(--tariy-blue2) 58%,#1496e8 100%);color:#fff;padding:78px 0 86px}
.hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:var(--tariy-orange);opacity:.18;right:-110px;top:-140px}
.hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:var(--tariy-pink);opacity:.12;left:-80px;bottom:-120px}
.hero .container{position:relative;z-index:2}.hero h1{font-weight:850;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-1px}
.hero-logo{max-width:320px;width:100%;filter:drop-shadow(0 14px 25px #001a4860)}
.searchbox,.cardx{background:#fff;border-radius:20px;box-shadow:0 10px 32px #073b8315}
.cardx{transition:.2s;border:1px solid #eaf0f8}.cardx:hover{transform:translateY(-4px);box-shadow:0 15px 35px #073b8322}
.category-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#fff2c2,#ffe08a);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:10px}
.ph{height:210px;background:linear-gradient(135deg,#eaf4ff,#fff1d2);display:flex;align-items:center;justify-content:center;font-size:3rem;border-radius:20px 20px 0 0}
.section-title{font-weight:850;color:var(--tariy-blue)}.category-name{font-weight:750}.text-primary{color:var(--tariy-blue2)!important}
.badge-tariy{background:var(--tariy-orange);color:#fff}.cta{background:linear-gradient(120deg,var(--tariy-blue),#06255a);color:#fff;border-radius:26px;position:relative;overflow:hidden}
.cta:after{content:"📣";font-size:7rem;position:absolute;right:28px;bottom:-30px;opacity:.12}
.footer-tariy{background:#061d45;color:#d9e8ff}.footer-logo{height:72px;width:auto;filter:drop-shadow(0 8px 18px #0005)}
.business-name{font-weight:800;color:var(--tariy-blue)}.featured-line{height:5px;background:linear-gradient(90deg,var(--tariy-pink),var(--tariy-orange),var(--tariy-yellow),var(--tariy-green),var(--tariy-blue2))}
@media(max-width:767px){.brand-logo{height:50px}.hero{text-align:center;padding-top:55px}.hero-logo{max-width:240px;margin-bottom:20px}}

.business-photo{width:100%;height:220px;object-fit:cover;border-radius:20px 20px 0 0}.detail-photo{width:100%;max-height:480px;object-fit:cover}.offer-card{border-left:5px solid var(--tariy-orange)}.admin-thumb{width:72px;height:52px;object-fit:cover;border-radius:10px}.upload-note{font-size:.85rem;color:#667085}

/* Tariy v6.3: nueva identidad visual */
.navbar-brand img, .brand-logo {max-height:58px;width:auto;object-fit:contain;}
.hero-portada{width:100%;max-width:460px;height:auto;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.16));}
@media(max-width:991.98px){.hero-portada{max-width:380px;margin-top:1rem;}}
@media(max-width:575.98px){.hero-portada{max-width:310px;}}

/* Tariy v6.4 - paginación */
.pagination .page-link{border-radius:10px;margin:3px;min-width:42px;text-align:center;font-weight:600}
.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{border-radius:10px}