/* ============================================ TESTIMONIOS.CSS ============================================ */
.testimonios-hero { background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%); color: #fff; padding: 5rem 1.5rem 4rem; text-align: center; position: relative; overflow: hidden; }
.testimonios-hero::before { content: ''; position: absolute; top: -20%; right: -10%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,130,10,0.12) 0%, transparent 70%); }
.testimonios-hero h1 { color: #fff; margin-bottom: 0.75rem; } .testimonios-hero h1 span { color: var(--orange); }
.testimonios-hero p { color: rgba(255,255,255,0.8); max-width: 520px; margin: 0 auto; }
.rating-summary { background: var(--bg-warm); border-bottom: 1px solid var(--orange-mid); padding: 2.5rem 1.5rem; }
.rating-inner { max-width: var(--max-w); margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 4rem; flex-wrap: wrap; }
.rating-big { text-align: center; }
.rating-big-num { font-size: 5rem; font-weight: 800; color: var(--orange); line-height: 1; }
.rating-stars { font-size: 1.5rem; color: var(--orange); margin: 0.25rem 0; }
.rating-big-label { font-size: 0.82rem; color: var(--muted); }
.rating-bars { flex: 1; max-width: 320px; display: flex; flex-direction: column; gap: 0.5rem; }
.rating-bar-row { display: flex; align-items: center; gap: 0.75rem; font-size: 0.78rem; color: var(--muted); }
.rating-bar-row span:first-child { width: 28px; text-align: right; flex-shrink: 0; }
.rating-bar-track { flex: 1; height: 8px; background: var(--border); border-radius: 100px; overflow: hidden; }
.rating-bar-fill { height: 100%; background: var(--orange); border-radius: 100px; transition: width 1s ease; }
.rating-bar-count { width: 24px; flex-shrink: 0; }
.testimonios-section { padding: 5rem 1.5rem; }
.testimonios-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; max-width: var(--max-w); margin: 0 auto; }
.testimonio-card { background: #fff; border: 1.5px solid var(--border); border-radius: var(--radius-xl); padding: 1.75rem; transition: all 0.25s; position: relative; }
.testimonio-card:hover { border-color: var(--orange); box-shadow: var(--shadow-orange); transform: translateY(-4px); }
.testimonio-card::before { content: '"'; position: absolute; top: 1rem; right: 1.5rem; font-size: 4rem; color: var(--orange-mid); font-family: Georgia, serif; line-height: 1; }
.testimonio-stars { color: var(--orange); font-size: 1rem; margin-bottom: 0.75rem; }
.testimonio-text { font-size: 0.92rem; color: var(--text-soft); line-height: 1.7; margin-bottom: 1.25rem; font-style: italic; }
.testimonio-author { display: flex; align-items: center; gap: 0.75rem; }
.testimonio-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--orange), var(--orange-dark)); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 1.1rem; flex-shrink: 0; }
.testimonio-name { font-weight: 700; font-size: 0.9rem; color: var(--navy); }
.testimonio-origin { font-size: 0.75rem; color: var(--muted); }
.leave-review { background: var(--navy); padding: 4rem 1.5rem; text-align: center; }
.leave-review .section-title { color: #fff; } .leave-review .section-label { color: var(--orange); }
.leave-review p { color: rgba(255,255,255,0.7); margin-bottom: 2rem; }
@media (max-width: 768px) { .testimonios-grid { grid-template-columns: 1fr; } .rating-inner { gap: 2rem; } .rating-big-num { font-size: 4rem; } }