/* MyC360+ — sitio vitrina */
html{-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0B2545;outline-offset:2px}
.site{font-family:'Figtree','Segoe UI',Helvetica,sans-serif;color:#0B2545;background:#FFF9EC;font-size:17px;line-height:1.55;overflow:hidden;min-height:100vh}
.form-msg{margin:0;font-weight:700;text-align:center;min-height:1.5em}
body{margin:0}
a{color:#00707A}a:hover{color:#00545C}
@keyframes orbit{
0%,11%{transform:translateX(0) scale(1);opacity:1;z-index:5}
16.67%,27.67%{transform:translateX(-64%) scale(.72);opacity:1;z-index:3}
33.33%,44.33%{transform:translateX(-34%) scale(.5);opacity:0;z-index:1}
50%,61%{transform:translateX(0) scale(.45);opacity:0;z-index:1}
66.67%,77.67%{transform:translateX(34%) scale(.5);opacity:0;z-index:1}
83.33%,94.33%{transform:translateX(64%) scale(.72);opacity:1;z-index:3}
100%{transform:translateX(0) scale(1);opacity:1;z-index:5}
}
.orbit{animation:orbit 24s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.orbit{animation-play-state:paused}}
.g5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width: 980px){.g5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 620px){.g5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width: 980px){.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 760px){.g2{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 620px){.g3{grid-template-columns:minmax(0,1fr)}}