/* ============================================================
   WINE RATING PRO - ESTILOS BASE Y FORMULARIO
   ============================================================ */

.wine-box {
    background: #ffffff;
    color: #2c2c2c;
    padding: 40px;
    border-radius: 2px;
    border: 1px solid #d4c4a8;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
    font-family: 'Georgia', serif;
    max-width: 600px;
    margin: 20px auto;
}

.wine-box h3 {
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    color: #630d16;
    border-bottom: 2px solid #630d16;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.wine-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 25px;
}

.wine-grid input {
    padding: 12px;
    border: 1px solid #e0dcd9;
    background: #fdfcf9;
}

/* Anillo de puntuación en Formulario */
.score-container {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 30px auto;
}
.score-ring-svg { transform: rotate(-90deg); }
.score-ring-bg { fill: none; stroke: #f0f0f0; stroke-width: 8; }
.score-ring-fill { fill: none; stroke: #630d16; stroke-width: 8; stroke-linecap: round; transition: stroke-dashoffset 0.8s; }
.score-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.score-text #total { font-size: 38px; font-weight: bold; color: #630d16; display: block; }

/* Sliders y Estrellas en Formulario */
.slider { margin-bottom: 20px; }
.slider label { display: flex; justify-content: space-between; font-weight: bold; font-size: 13px; text-transform: uppercase; color: #555; }
input[type=range] { -webkit-appearance: none; width: 100%; height: 4px; background: #e0dcd9; accent-color: #630d16; }
.stars { text-align: center; margin-bottom: 30px; }
.stars span { font-size: 30px; cursor: pointer; color: #e0dcd9; margin: 0 4px; }
.stars span.active { color: #630d16; }

button[type="submit"] { background: #630d16; color: white; padding: 16px; border: none; width: 100%; font-weight: bold; text-transform: uppercase; cursor: pointer; transition: 0.3s; }
button[type="submit"]:hover { background: #4a0a10; }

/* LISTADO DE RESEÑAS */
.wine-reviews-container { margin-top: 50px; border-top: 1px solid #eee; padding-top: 30px; }
.wine-review-item { border-bottom: 1px solid #f0f0f0; padding: 20px 0; position: relative; }
.review-stars { color: #b8860b; font-size: 18px; }
.verified-check { background: #4CAF50; color: white; font-size: 10px; padding: 2px 5px; border-radius: 50%; margin-left: 5px; }
.review-score-tag { position: absolute; right: 0; top: 20px; background: #f9f9f9; padding: 5px 10px; border: 1px solid #ddd; font-weight: bold; color: #630d16; }

/* ============================================================
   ESTILOS MEJORADOS - RESUMEN [wine_rating_summary]
   ============================================================ */

.wine-summary-card {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #ffffff;
    border: 1px solid #d4c4a8;
    padding: 25px;
    margin: 20px 0;
    border-radius: 8px;
    gap: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* 1. Círculo de puntaje */
.summary-score-circle {
    width: 85px;
    height: 85px;
    background: #630d16; /* Fondo del círculo */
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.score-val {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}

.score-unit {
    font-size: 11px;
    text-transform: uppercase;
    opacity: 0.8;
}

/* 2. Área de Estrellas */
.summary-stars-area {
    text-align: center;
}

.stars-row {
    color: #e0dcd9; /* Color para estrellas vacías */
    font-size: 26px;
    margin-bottom: 5px;
}

.stars-row .star.active {
    color: #b8860b; /* Dorado para estrellas pintadas */
}

.stars-label {
    font-family: sans-serif;
    font-size: 15px;
    color: #333;
    font-weight: bold;
}

.review-count {
    font-weight: normal;
    color: #888;
    font-size: 13px;
    display: block;
}

/* 3. Cuadrado Editorial (Badges) */
.editorial-box {
    padding: 12px 20px;
    border-radius: 4px;
    font-family: 'Georgia', serif;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    min-width: 140px;
}

/* Colores de las áreas editoriales */
.badge-excepcional { background: #b8860b; color: white; }
.badge-excelente   { background: #630d16; color: white; }
.badge-bueno       { background: #eef2f7; color: #333; border: 1px solid #d1d9e6; }
.badge-normal      { background: #f9f9f9; color: #666; border: 1px solid #eee; }

/* RESPONSIVE: De horizontal a vertical en móviles */
@media (max-width: 600px) {
    .wine-summary-card {
        flex-direction: column; /* Apilado vertical */
        text-align: center;
        gap: 25px;
    }
    
    .summary-badge-area {
        width: 100%;
    }
    
    .editorial-box {
        width: 100%;
    }
}