.inpicture{border-radius:inherit;background:#cfd7ee;width:100%;position:relative;overflow:hidden}.inpicture--card{aspect-ratio:10/8;min-height:180px}.inpicture__viewport,.inpicture__container,.inpicture__slide{height:100%}.inpicture__viewport{overflow:hidden}.inpicture__container{will-change:transform;display:flex}.inpicture__slide{flex:0 0 100%;min-width:0;position:relative}.inpicture__img{object-fit:cover}.inpicture__dots{z-index:2;gap:6px;display:inline-flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.inpicture__dot{opacity:.85;background:#fff9;border:none;border-radius:999px;width:6px;height:6px;transition:transform .15s,opacity .15s}.inpicture__dot[aria-current=true]{opacity:1;background:#fffffff2;transform:scale(1.2)}
.compare-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.compare-modal{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:400px;padding:32px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}.compare-modal-icon{color:#fff;background:linear-gradient(135deg,#b4bd00 0%,#8a9400 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.compare-modal-title{color:var(--acrecer-azul);margin:0 0 12px;font-size:24px;font-weight:700}.compare-modal-message{color:#666;margin:0 0 24px;font-size:16px;line-height:1.5}.compare-modal-message strong{color:var(--acrecer-azul);font-weight:700}.compare-modal-button{background:var(--acrecer-verde);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s}.compare-modal-button:hover{background:#9aa800;transform:translateY(-2px);box-shadow:0 8px 20px #b4bd004d}.compare-modal-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.compare-modal{max-width:340px;padding:24px}.compare-modal-icon{width:56px;height:56px}.compare-modal-icon svg{width:40px;height:40px}.compare-modal-title{font-size:20px}.compare-modal-message{font-size:14px}.compare-modal-button{padding:12px 24px;font-size:14px}}