/* --- Variables de Color y Espaciado --- */
:root { --awr-primary: #2c3e50; --awr-secondary: #4a5d70; --awr-accent: #f0c14b; --awr-background: #fff; --awr-border: #e9ecef; --awr-light-bg: #f8f9fa; --space-xs: 8px; --space-s: 12px; --space-m: 20px; --space-l: 30px; --space-xl: 40px; }

/* ... (El resto del CSS de la versión anterior se mantiene igual) ... */
.awr-summary-wrapper{margin-bottom:var(--space-xl);padding:var(--space-l);background-color:var(--awr-light-bg);border:1px solid var(--awr-border);border-radius:12px}.awr-summary-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-s);margin-bottom:var(--space-l)}.awr-summary-title{font-size:22px;font-weight:700;color:var(--awr-primary)}.awr-summary-count{color:#6c757d}.awr-summary-bars{display:grid;grid-template-columns:1fr;gap:var(--space-m)}.awr-criterion-bar-item{display:flex;align-items:center;gap:var(--space-s)}.awr-criterion-label{flex-shrink:0;width:120px;font-size:14px;color:#343a40}.awr-progress-bar{flex-grow:1;height:12px;background-color:#e9ecef;border-radius:6px;overflow:hidden}.awr-progress-fill{height:100%;background-color:var(--awr-secondary);border-radius:6px;transition:width .5s ease}.awr-criterion-percentage{font-weight:600;font-size:14px;width:35px;text-align:right}#respond{background-color:var(--awr-background);border:1px solid var(--awr-border);border-radius:12px;padding:var(--space-l);margin-top:var(--space-xl);box-shadow:0 10px 30px rgba(0,0,0,.05)}#reply-title{font-size:22px;font-weight:700;color:var(--awr-primary);margin:0;margin-bottom:var(--space-l);padding-bottom:var(--space-m);border-bottom:2px solid var(--awr-accent);display:flex;align-items:center}#reply-title::before{content:'★';font-size:20px;color:var(--awr-accent);margin-right:var(--space-s)}.awr-criteria-group{margin-bottom:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-l)}.awr-criterion-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-s)}.awr-criterion-item label{font-weight:600;color:#343a40;margin:0}.awr-criterion-item .stars{direction:rtl}.awr-criterion-item .stars a{font-size:32px;color:#d3ced2;text-decoration:none;transition:color .2s,transform .2s;padding:0 var(--space-xs);display:inline-block}.awr-criterion-item .stars a:hover,.awr-criterion-item .stars a:hover~a,.awr-criterion-item .stars a.active,.awr-criterion-item .stars a.active~a{color:var(--awr-accent);transform:scale(1.1)}.comment-form-image{margin-top:var(--space-l);margin-bottom:var(--space-xl)}.comment-form-image>label{font-weight:600;color:var(--awr-primary);display:block;margin-bottom:var(--space-m);font-size:1.1em}.comment-form-image input[type=file]{display:none}.awr-file-input-label{display:block;padding:var(--space-l);border:2px dashed var(--awr-border);border-radius:8px;background-color:var(--awr-light-bg);cursor:pointer;transition:all .3s;text-align:center;width:100%;box-sizing:border-box;font-weight:500}.awr-file-input-label:hover{border-color:var(--awr-accent);background-color:#fff}.awr-file-list{margin-top:var(--space-m);font-size:.9em;color:#6c757d}.awr-file-list ul{list-style-type:none;padding:0;margin:0}.awr-file-list li{padding:var(--space-s) var(--space-m);background:var(--awr-light-bg);border-radius:5px;margin-top:var(--space-xs);border-left:4px solid var(--awr-accent)}#respond p.comment-form-comment,#respond p.comment-form-author,#respond p.comment-form-email{margin-bottom:var(--space-l)}#respond label{font-weight:600;margin-bottom:var(--space-s);display:block}#respond textarea,#respond input[type=text],#respond input[type=email]{width:100%;padding:var(--space-m);border:1px solid var(--awr-border);border-radius:8px;background-color:var(--awr-light-bg);transition:all .3s;font-size:16px;box-sizing:border-box}#respond textarea:focus,#respond input[type=text]:focus,#respond input[type=email]:focus{background-color:#fff;border-color:var(--awr-primary);box-shadow:0 0 0 3px rgba(44,62,80,.1)}#respond .form-submit{margin-top:var(--space-l)}#respond .form-submit input#submit{background:var(--awr-primary);color:#fff;border:none;border-radius:8px;padding:18px 30px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}#respond .form-submit input#submit:hover{background:var(--awr-accent);color:var(--awr-primary);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.15)}ol.commentlist li.comment{background:#fff;border:1px solid var(--awr-border);border-radius:12px;padding:var(--space-l);margin-bottom:var(--space-l)}.awr-comment-criteria{margin:var(--space-m) 0;padding-top:var(--space-m);border-top:1px solid var(--awr-border);display:flex;flex-direction:column;gap:var(--space-s)}.awr-comment-criterion-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);margin-bottom:12px}.awr-criterion-name{font-weight:600;color:var(--awr-primary)}.star-rating-display{display:inline-block;height:1em;position:relative;width:5.4em;font-size:16px}.star-rating-display::before{color:#d3ced2;content:"★★★★★";position:absolute;left:0;top:0}.star-rating-display span{display:block;height:100%;overflow:hidden;position:absolute;left:0;top:0}.star-rating-display span::before{color:var(--awr-accent);content:"★★★★★";position:absolute;left:0;top:0}

/*
 * --- ESTILOS PARA LIGHTBOX Y ZOOM ---
 * Eliminamos el zoom grande en hover para no entrar en conflicto con el clic del lightbox.
 */
.review-image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-s);
    margin-top: var(--space-m);
}
.review-image-gallery a {
    display: inline-block;
}
.review-image-gallery img {
    border-radius: 8px;
    border: 1px solid #ddd;
    max-width: 70px;
    height: auto;
    cursor: zoom-in; /* El cursor sigue indicando que se puede ampliar */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.review-image-gallery a:hover img {
    transform: scale(1.1); /* Efecto de "levantamiento" sutil al pasar el ratón */
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
}
/* --- FIN DE ESTILOS PARA LIGHTBOX --- */

@media (min-width:768px){#respond{padding:var(--space-xl) 50px}#reply-title{font-size:26px}.awr-summary-header{flex-direction:row;align-items:center}.awr-criterion-item{flex-direction:row;justify-content:space-between;align-items:center}.awr-comment-criterion-item{flex-direction:row;justify-content:space-between;align-items:center}.awr-summary-bars{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}