
.cks-flip{display:block;width:100%;min-width:0;border:0;background:transparent;padding:0;perspective:1100px;color:#34463b;font:inherit;cursor:pointer;text-align:center;border-radius:24px;-webkit-tap-highlight-color:transparent}
.cks-flip:focus-visible{outline:3px solid #537863;outline-offset:5px}
.cks-flip-inner{display:grid;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.cks-flip[aria-expanded="true"] .cks-flip-inner{transform:rotateY(180deg)}
.cks-flip-front,.cks-flip-back{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:210px;padding:24px 18px;border:1px solid #dce8de;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fbf6ee}
.cks-flip-back{transform:rotateY(180deg);background:#e8f0e8;gap:10px}
.cks-flip-title{font-size:15px;line-height:1.4;font-weight:700}
.cks-flip-copy{font-size:14px;line-height:1.6;font-weight:400}
.cks-flip-hint{font-size:11px;line-height:1.4;color:#637768}
@media(max-width:480px){.cks-flip-front,.cks-flip-back{min-height:290px;padding:20px 12px}.cks-flip-copy{font-size:13px;line-height:1.5}.cks-flip-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){.cks-flip-inner{transition:none}}

/* Contraste explícito frente a los estilos globales de botones. */
button.cks-flip .cks-flip-front,button.cks-flip .cks-flip-back,button.cks-flip .cks-flip-title,button.cks-flip .cks-flip-copy{color:#263e32!important}
button.cks-flip .cks-flip-hint{color:#4e6758!important}
