*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;font-family:'Poppins',system-ui,sans-serif;}
a{color:inherit;text-decoration:none;}
.wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;}
@media (max-width:820px){ .wrap{grid-template-columns:1fr;} }

.panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:80px 56px;}
@media (max-width:820px){ .panel{padding:60px 32px;min-height:50vh;} }

.bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.32;mix-blend-mode:luminosity;}
.tint{position:absolute;inset:0;pointer-events:none;}
.shard{position:absolute;pointer-events:none;}

.content{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:28px;width:100%;max-width:460px;}
.content img.logo{display:block;height:62px;width:auto;}
.content p{margin:0;font-weight:500;font-size:19px;line-height:1.45;}

.cta{display:inline-flex;align-items:center;gap:12px;padding:16px 34px;border-radius:6px;font-weight:700;font-size:17px;transition:background .14s cubic-bezier(.2,0,.2,1),color .14s cubic-bezier(.2,0,.2,1);}
.cta:active{transform:scale(0.98);}
.cta:focus-visible{outline:3px solid currentColor;outline-offset:3px;}

/* UNO panel */
.panel-uno{background:#002E6D;}
.panel-uno .bg{background-image:url('../img/landing-uno-bg.jpg');}
.panel-uno .tint{background:#002E6D;opacity:.5;}
.panel-uno .shard{top:0;left:0;width:46%;height:34%;background:#0087CC;opacity:.45;clip-path:polygon(0 0,100% 0,0 100%);}
.panel-uno p{color:#FFFFFF;}
.panel-uno .cta{background:#FFFFFF;color:#002E6D;}
.panel-uno .cta:hover{background:#FFD305;color:#000000;}

/* Pronto panel */
.panel-pronto{background:#FFD305;}
.panel-pronto .bg{background-image:url('../img/landing-pronto-bg.jpg');}
.panel-pronto .tint{background:#FFD305;opacity:.6;}
.panel-pronto .shard{top:0;right:0;width:26%;height:40%;background:#FFE45C;opacity:.75;clip-path:polygon(100% 0,100% 100%,0 0);}
.panel-pronto p{color:#000000;font-weight:600;}
.panel-pronto .cta{background:#000000;color:#FFD305;font-family:'Baloo Bhai 2',system-ui,sans-serif;}
.panel-pronto .cta:hover{background:#323E48;color:#FFFFFF;}