@import url('https://fonts.googleapis.com/css2?family=Tomorrow:wght@400;700&display=swap'); /* NOTA: ya no tocamos el global Solo afectamos el contenedor popup y sus hijos */ .pop-encuesta-plc { font-family: 'Tomorrow', sans-serif; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); /* overlay oscuro */ display: flex; justify-content: center; align-items: center; z-index: 9999; animation: fadeIn 0.6s ease-out; } /* Caja blanca del popup */ .pop-encuesta-plc .popup { background: #fff; border-radius: 15px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); padding: 30px; width: 350px; text-align: center; position: relative; animation: scaleUp 0.4s ease-out; } .pop-encuesta-plc h3 { color: #c9184b; margin-bottom: 10px; } .pop-encuesta-plc p { font-size: 14px; margin-bottom: 20px; line-height: 1.5; } .pop-encuesta-plc form select, .pop-encuesta-plc form input { width: 100%; padding: 10px; margin: 8px 0; border-radius: 8px; border: 1px solid #ccc; font-size: 14px; } .pop-encuesta-plc form button { background: #c9184b; color: white; border: none; padding: 12px; width: 100%; border-radius: 8px; font-size: 16px; cursor: pointer; transition: background 0.3s ease; } .pop-encuesta-plc form button:hover { background: #a3153f; } .pop-encuesta-plc .mascota-svg { width: 100px; height: auto; margin: 0 auto 15px; display: block; } /* Animaciones */ @keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes scaleUp { from {transform: scale(0.9);} to {transform: scale(1);} }