/* ==========================================================================
   Opiniones de la web (plugin editorial). Slider en la portada + modal de
   registro/acceso/opinion. Autocontenido: la portada no carga site-pages.css,
   por lo que la paleta se define aqui.
   ========================================================================== */
.arenace-opinions{--aw-green:#2f6f45;--aw-green-dark:#194b32;--aw-lime:#a9c26b;--aw-sand:#f4efe3;--aw-paper:#fffdf8;--aw-ink:#203329;--aw-muted:#627065;--aw-line:rgba(32,51,41,.14);--aw-shadow:0 18px 50px rgba(41,52,43,.09);
  width:min(1180px,calc(100% - 40px));margin:70px auto;color:var(--aw-ink);font-family:inherit}
.arenace-opinions *{box-sizing:border-box}
.arenace-opinions__heading{display:grid;gap:10px;margin-bottom:26px;text-align:center;justify-items:center}
.arenace-opinions__heading p{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:800;color:var(--aw-green)}
.arenace-opinions__heading h2{margin:0;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.08;color:var(--aw-green-dark)}
.arenace-opinions__heading span{max-width:640px;color:var(--aw-muted);line-height:1.55}

.arenace-opinions__viewport{position:relative;overflow:hidden;border-radius:24px}
.arenace-opinions__track{display:flex;transition:transform .55s cubic-bezier(.3,.7,.2,1);will-change:transform}
.arenace-opinions__slide{flex:0 0 33.3333%;padding:12px}
@media(max-width:900px){.arenace-opinions__slide{flex-basis:50%}}
@media(max-width:620px){.arenace-opinions__slide{flex-basis:100%}}
.arenace-opinions__card{height:100%;display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:22px;background:var(--aw-paper);border:1px solid var(--aw-line);box-shadow:var(--aw-shadow)}
.arenace-opinions__card-top{display:flex;align-items:center;gap:14px}
.arenace-opinions__avatar{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:50%;background:#eaf1d7;font-size:26px;line-height:1}
.arenace-opinions__who{display:grid;gap:3px}
.arenace-opinions__name{font-weight:800;color:var(--aw-ink)}
.arenace-opinions__place{font-size:.8rem;color:var(--aw-muted)}
.arenace-opinions__stars{color:#e6a817;font-size:1rem;letter-spacing:2px}
.arenace-opinions__text{margin:0;color:#35473d;line-height:1.6;font-size:.98rem}
.arenace-opinions__empty{padding:34px;text-align:center;color:var(--aw-muted)}

.arenace-opinions__controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.arenace-opinions__arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--aw-line);background:var(--aw-paper);color:var(--aw-green-dark);font-size:20px;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}
.arenace-opinions__arrow:hover{background:#eef2df;transform:translateY(-1px)}
.arenace-opinions__arrow:disabled{opacity:.35;cursor:default;transform:none}
.arenace-opinions__dots{display:flex;gap:8px}
.arenace-opinions__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(47,111,69,.25);cursor:pointer}
.arenace-opinions__dot.is-active{background:var(--aw-green)}
.arenace-opinions__cta{display:flex;justify-content:center;margin-top:30px}
.arenace-opinions__cta button{appearance:none;border:0;cursor:pointer;padding:15px 30px;border-radius:999px;background:var(--aw-green);color:#fff;font-weight:800;font-size:1rem;box-shadow:0 12px 30px rgba(47,111,69,.28);transition:background .2s,transform .2s}
.arenace-opinions__cta button:hover{background:var(--aw-green-dark);transform:translateY(-1px)}

/* ------- Modal ------- */
.arenace-op-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(17,39,25,.55);backdrop-filter:blur(6px)}
.arenace-op-modal.is-open{display:flex}
.arenace-op-modal__dialog{position:relative;width:min(560px,100%);max-height:92vh;overflow:auto;padding:30px 30px 34px;border-radius:22px;background:var(--aw-paper,#fffdf8);color:#203329;box-shadow:0 28px 80px rgba(0,0,0,.3);font-family:inherit}
.arenace-op-modal__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#eef2df;color:#194b32;font-size:26px;line-height:1;cursor:pointer}
.arenace-op-modal__close:hover{background:#dfe9ce}
.arenace-op-modal h3{margin:0 0 6px;color:#194b32;font-size:1.5rem}
.arenace-op-modal p.arenace-op-lead{margin:0 0 20px;color:#627065;line-height:1.5}
.arenace-op-tabs{display:flex;gap:8px;margin-bottom:22px;background:#eef2df;padding:5px;border-radius:14px}
.arenace-op-tabs button{flex:1;appearance:none;border:0;cursor:pointer;padding:11px;border-radius:10px;background:transparent;color:#3a5443;font-weight:700}
.arenace-op-tabs button.is-active{background:#fff;color:#194b32;box-shadow:0 6px 16px rgba(41,52,43,.08)}
.arenace-op-step{display:none}
.arenace-op-step.is-active{display:block}
.arenace-op-modal label{display:block;margin:0 0 13px;font-size:.86rem;font-weight:700;color:#2c4133}
.arenace-op-modal input,.arenace-op-modal select,.arenace-op-modal textarea{width:100%;margin-top:5px;padding:11px 13px;border:1px solid #d4d9c8;border-radius:11px;background:#fff;font:inherit;color:#203329}
.arenace-op-modal textarea{resize:vertical;min-height:96px}
.arenace-op-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media(max-width:480px){.arenace-op-grid2{grid-template-columns:1fr}}
.arenace-op-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:6px 0 14px;max-height:150px;overflow:auto;padding:6px;border:1px solid #e2e6d6;border-radius:12px;background:#fff}
@media(max-width:480px){.arenace-op-icons{grid-template-columns:repeat(6,1fr)}}
.arenace-op-icons button{appearance:none;border:2px solid transparent;background:#f3f6ea;border-radius:10px;font-size:20px;line-height:1;padding:7px 0;cursor:pointer}
.arenace-op-icons button.is-active{border-color:#2f6f45;background:#e2eecd}
.arenace-op-consent{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:.82rem;font-weight:600;color:#3a5443}
.arenace-op-consent input{width:auto;margin:3px 0 0}
.arenace-op-consent a{color:#2f6f45;font-weight:700}
.arenace-op-stars-input{display:flex;gap:6px;margin:6px 0 16px;font-size:2rem;color:#d6dccb}
.arenace-op-stars-input span{cursor:pointer;transition:color .15s,transform .15s}
.arenace-op-stars-input span.is-on{color:#e6a817}
.arenace-op-stars-input span:hover{transform:scale(1.12)}
.arenace-op-submit{width:100%;appearance:none;border:0;cursor:pointer;margin-top:6px;padding:14px;border-radius:12px;background:#2f6f45;color:#fff;font-weight:800;font-size:1rem}
.arenace-op-submit:hover{background:#194b32}
.arenace-op-submit:disabled{opacity:.6;cursor:default}
.arenace-op-link{display:inline-block;margin-top:12px;background:none;border:0;color:#2f6f45;font-weight:700;cursor:pointer;padding:0;font-size:.86rem}
.arenace-op-msg{margin:14px 0 0;padding:12px 14px;border-radius:11px;font-size:.9rem;line-height:1.45;display:none}
.arenace-op-msg.is-error{display:block;background:#fdecea;color:#a5342b;border:1px solid #f3c9c3}
.arenace-op-msg.is-ok{display:block;background:#e7f4ec;color:#1f5a37;border:1px solid #bfe0cb}
.arenace-op-code-input{letter-spacing:12px;text-align:center;font-size:1.6rem;font-weight:800}
.arenace-op-note{margin:16px 0 0;font-size:.78rem;color:#7a8578;line-height:1.5}