/* supplement.css — PolarGreen restore (Phase 1 baseline; Phase 4 QA patches specifics) */

/* Fix WF-0451: homepage flip-box product images overlap the "Despliega la
   electricidad" paragraph. The per-widget Elementor CSS (post-211.css) that sized
   these images was not archived (stub), so the "image-as-icon" renders at natural
   size and fills the column width (~347px), while the flip-box card is only 300px
   tall. The flip-box's translateZ(90px)/preserve-3d layer escapes the container's
   overflow:hidden, so the oversized image bleeds ~36px above the card onto the
   paragraph. Fix: flatten the 3D depth pop (flip rotation stays on the face
   containers) and cap the icon image to the card height so it stays inside the box. */
.eael-elements-flip-box-container{overflow:hidden;}
.eael-elements-flip-box-vertical-align{transform:none !important;}
.eael-elements-flip-box-icon-image img{max-height:240px;max-width:100%;width:auto;height:auto;object-fit:contain;}