/* ========================================================== SLIDER CSS (RADIOS) - OPTIMITZAT ========================================================== */
.slider-css{max-width:900px;height:180px;margin:0 auto;position:relative;overflow:hidden;background:#f9f9f9;}
.slider-css input[type="radio"]{display:none;}
.slides{display:flex;height:100%;transition:transform .6s ease-in-out;}
.slide{min-width:100%;display:flex;justify-content:center;align-items:center;}
.slide img{width:100%;height:100%;object-fit:cover;}
/* Punts de navegació */
.navigation-manual{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;}
.manual-btn{width:12px;height:12px;border-radius:50%;background:#ccc;border:1px solid #fff;cursor:pointer;transition:background .3s;}
.manual-btn:hover{background:#999;}
/* Desplaçaments */
#s1:checked~.slides{transform:translateX(0);}
#s2:checked~.slides{transform:translateX(-100%);}
#s3:checked~.slides{transform:translateX(-200%);}
#s4:checked~.slides{transform:translateX(-300%);}
#s5:checked~.slides{transform:translateX(-400%);}
@media (max-width:768px){.slider-css{display:none;}}


/* targeta */
.boto-producte{display:flex;align-items:center;gap:16px;padding:16px;background:#f5f5f5;border-radius:12px;text-decoration:none;color:#333;box-shadow:0 1px 4px rgba(0,0,0,.1);transition:background .3s;}
.boto-producte:hover{background:#e9e9e9;}
.boto-producte img{width:80px;flex-shrink:0;}
.boto-producte .info{display:flex;flex-direction:column;}
.boto-producte .titol{font-weight:600;font-size:1.1em;margin-bottom:4px;}
.boto-producte .desc{font-size:.9em;color:#666;}
/* Responsive: 2 columnes */
@media (max-width:768px){.productes-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.boto-producte{flex-direction:column;text-align:center;}.boto-producte img{width:100px;margin-bottom:10px;}.boto-producte .info{align-items:center;}.boto-producte .titol{font-size:1em;}.boto-producte .desc{font-size:.85em;}}