.popup-resenas-overlay{
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,0.7);
 display:flex;
 justify-content:center;
 align-items:center;
 z-index:999999;
 opacity:0;
 visibility:hidden;
 transition:opacity 0.3s ease,visibility 0.3s ease;
}
.popup-resenas-overlay.activo{
 opacity:1;
 visibility:visible;
}
.popup-resenas-contenedor{
 background:white;
 border-radius:10px;
 width:90%;
 max-width:500px;
 position:relative;
 box-shadow:0 5px 30px rgba(0,0,0,0.3);
 transform:translateY(-20px);
 transition:transform 0.3s ease;
}
.popup-resenas-overlay.activo .popup-resenas-contenedor{
 transform:translateY(0);
}
.popup-resenas-cerrar{
 position:absolute;
 top:10px;
 right:15px;
 font-size:24px;
 background:none;
 border:none;
 cursor:pointer;
 color:#999;
 transition:color 0.3s;
 z-index:2;
}
.popup-resenas-cerrar:hover{
 color:#333;
}
.popup-resenas-header{
 padding:30px 30px 20px;
 text-align:center;
 border-bottom:1px solid #eee;
}
.popup-resenas-header h2{
 margin:0 0 10px;
 color:#333;
 font-size:24px;
}
.popup-resenas-header p{
 margin:0;
 color:#666;
 font-size:16px;
 line-height:1.3em;
}
.popup-resenas-body{
 padding:30px;
}
.popup-resenas-opciones{
 display:flex;
 flex-direction:column;
 gap:15px;
}
.popup-resenas-btn{
 padding:12px 24px;
 border:none;
 border-radius:5px;
 font-size:16px;
 font-weight:600;
 cursor:pointer;
 transition:all 0.3s ease;
 width:100%;
}
.popup-resenas-btn-primario{
 background-color:#4CAF50;
 color:white;
}
.popup-resenas-btn-primario:hover{
 background-color:#45a049;
 transform:translateY(-2px);
 box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.popup-resenas-btn-secundario{
 background-color:#f8f9fa;
 color:#333;
 border:1px solid #ddd;
}
.popup-resenas-btn-secundario:hover{
 background-color:#e9ecef;
 transform:translateY(-2px);
 box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.popup-resenas-email-form{
 animation:slideDown 0.3s ease;
}
.popup-resenas-email-form h3{
 margin:0 0 10px;
 color:#333;
 font-size:18px;
}
.popup-resenas-email-form p{
 margin:0;
 color:#666;
 font-size:16px;
 line-height:1.5;
}
.popup-resenas-email-form input{
 width:100%;
 padding:12px;
 border:2px solid #ddd;
 border-radius:5px;
 font-size:16px;
 margin-bottom:15px;
 transition:border-color 0.3s;
 box-sizing:border-box;
}
.popup-resenas-email-form input:focus{
 outline:none;
 border-color:#4CAF50;
}
.popup-resenas-email-form .popup-resenas-btn{
 margin-bottom:10px;
}
.popup-resenas-mensaje{
 margin-top:15px;
 padding:10px;
 border-radius:5px;
 font-size:14px;
 text-align:center;
}
.popup-resenas-mensaje.success{
 background-color:#d4edda;
 color:#155724;
 border:1px solid #c3e6cb;
}
.popup-resenas-mensaje.error{
 background-color:#f8d7da;
 color:#721c24;
 border:1px solid #f5c6cb;
}
.popup-resenas-mensaje.info{
 background-color:#d1ecf1;
 color:#0c5460;
 border:1px solid #bee5eb;
}
@keyframes slideDown{
 from{
 opacity:0;
 transform:translateY(-20px);
}
 to{
 opacity:1;
 transform:translateY(0);
}
}
@media (max-width:768px){
 .popup-resenas-contenedor{
 width:98%;
 margin:0px;
}
 .popup-resenas-header{
 padding:20px 20px 15px;
 margin-top:3em;
}
 .popup-resenas-header h2{
 font-size:20px;
}
 .popup-resenas-body{
 padding:20px;
}
}
.popup-resenas-aviso-duplicado{
 background-color:#fff3cd;
 border:1px solid #ffc107;
 color:#856404;
 padding:12px 15px;
 border-radius:5px;
 font-size:15px;
 line-height:1.5;
 margin-bottom:15px;
 text-align:center;
}
p.estrellas-wf{
 font-size:24px;
}