.exp-invitation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px;color:#c9dce7}.exp-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:#81e0eb}.exp-invitation p{font-size:14px;margin-top:7px}.exp-review-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#abc4d3;max-width:215px;line-height:1.6}.exp-review-note i{font-size:18px;color:#74d7e3}
#comenta-experiencia{margin:0 0 34px;scroll-margin-top:120px;color:#dbeaf3}#comenta-experiencia>summary{display:inline-flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:48px;padding:13px 22px;border:1px solid #6bd9e5;border-radius:11px;background:#143443;color:#a0f0f5;font-size:13px;font-weight:800;transition:background .2s}#comenta-experiencia>summary::-webkit-details-marker{display:none}#comenta-experiencia>summary>span{font-size:19px;font-weight:400;transition:transform .2s}#comenta-experiencia[open]>summary>span{transform:rotate(45deg)}#comenta-experiencia>summary:hover{background:#204d60}#comenta-experiencia :focus-visible{outline:3px solid #9df0f7;outline-offset:4px}
.exp-form{margin-top:18px;border:1px solid #36566b;border-radius:18px;background:#122b3c;padding:28px;max-width:900px}.exp-form h3{font-size:23px;color:#f1fbff;margin:0 0 10px;letter-spacing:-.025em}.exp-form-intro{font-size:13px;color:#bad0dd;line-height:1.7;margin:0 0 22px}.exp-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.exp-form label,.exp-rating legend{font-size:12px;line-height:1.6;color:#def0f8;font-weight:600}.exp-form label>span,.exp-rating legend>span{color:#a2c3d5;font-weight:400}.exp-form input[type=text],.exp-form textarea{display:block;width:100%;padding:12px 14px;border:1px solid #7897a9;border-radius:9px;background:#f6fafc;color:#163448;font:inherit;font-size:14px;margin-top:7px;min-height:45px}.exp-form textarea{resize:vertical;min-height:120px;font-weight:400;line-height:1.7}.exp-form input::placeholder,.exp-form textarea::placeholder{color:#677d8c;font-size:12px}
.exp-rating{border:0;margin:21px 0;min-width:0}.exp-rating legend{margin:0 0 10px}.exp-rating>div{display:flex;flex-wrap:wrap;gap:9px}.exp-rating label{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #496a7e;border-radius:9px;background:#153547;cursor:pointer;min-width:60px;min-height:42px}.exp-rating label:has(input:checked){background:#285568;border-color:#81dfeb}.exp-rating input{accent-color:#77dfed;width:15px;height:15px}.exp-rating label>span{color:#eff9ff;font-weight:700}.exp-rating i{font-size:10px;color:#f3d181;margin-left:3px}
.exp-comment-help{display:flex;justify-content:space-between;gap:14px;align-items:start;font-size:10px;color:#a8c3d2;line-height:1.7;margin:9px 0 18px}.exp-comment-help #exp-count{white-space:nowrap;font-variant-numeric:tabular-nums}.exp-form .exp-consent{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.75;font-weight:400;color:#cfe2ed}.exp-consent input{margin-top:3px;width:17px;height:17px;flex-shrink:0;accent-color:#77dfed}.exp-form .exp-consent>span{color:#cfe2ed}.exp-form-footer{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:23px}.exp-submit{display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #72deeb;border-radius:10px;background:#71deeb;color:#092b3d;min-height:47px;padding:13px 20px;font-weight:800;font-size:13px;cursor:pointer}.exp-submit:disabled{opacity:.6;cursor:wait}.exp-form-footer>span{font-size:10px;color:#adc8d7}.exp-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.exp-feedback{padding:14px 18px;border:1px solid #569ca7;border-radius:10px;font-size:13px;line-height:1.7;margin:0 0 18px;background:#174550;color:#defff9}.exp-feedback.error{background:#572c29;border-color:#bd7f78;color:#ffe3df}
@media(max-width:600px){.exp-invitation{align-items:start;flex-direction:column;gap:13px}.exp-review-note{max-width:100%;font-size:10px}.exp-form{padding:22px 16px}.exp-form h3{font-size:21px}.exp-fields{grid-template-columns:1fr;gap:14px}.exp-rating>div{gap:6px}.exp-rating label{min-width:48px;padding:9px;gap:5px}.exp-comment-help{flex-direction:column;gap:4px}.exp-form-footer{align-items:stretch;flex-direction:column;gap:10px}.exp-submit{width:100%}}
@media(prefers-reduced-motion:reduce){#comenta-experiencia *{transition:none!important}}