@charset "UTF-8";
/* CSS Document */


       

        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; max-width: 900px; margin: 0 auto; padding: 20px; background: #fff; }
img.scala { 
 max-width:99%; 
	height:auto; 
}
        h1, h2 { color: #2d3436; }
        .attraction-card { border: 1px solid #eee; border-radius: 15px; padding: 10px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
        .attraction-img { width: 100%; border-radius: 10px; height: 350px; object-fit: cover; margin-bottom: 10px; }
       
        .list-pro { border-left: 5px solid var(--pro); background: #f0fdf4; padding: 15px; list-style: none; margin: 0; }
        .list-contra { border-left: 5px solid var(--contra); background: #fef2f2; padding: 15px; list-style: none; margin: 0; }
        .express-tip { background: #fff3e0; border: 2px solid #ff9800; padding: 15px; border-radius: 8px;  margin-top: 15px;  }
.come-prenotare { background: #ffffff; border: 2px solid #ff9800; padding: 15px; border-radius: 8px; margin-top: 0px; margin-bottom: 10px }
        table { width: 100%; border-collapse: collapse; margin: 30px 0; background: white; }
        th, td { padding: 15px; border: 1px solid #eee; text-align: left; }
        th { background: var(--primary); color: white; }
        .rating-widget { background: var(--bg); border: 2px solid var(--primary); border-radius: 15px; padding: 30px; text-align: center; margin: 50px 0; }
        .star { font-size: 35px; color: #ddd; cursor: pointer; transition: 0.2s; }
        .star.active { color: #f59e0b; }
        .widget-link { display: block; margin-top: 40px; padding: 20px; background: #eee; border-radius: 10px; text-decoration: none; color: #333; font-weight: bold; }
a { color: #333; }

@media only screen and (max-width:600px) {
	h1, h2 { font-size: 18px; 
}
		p { font-size: 13px; 
}
}