/* Rounded action buttons, shared across all pages. */
body .btn{border-radius:12px;background:linear-gradient(120deg,#c82030,#e53947);border:1px solid #ef5260;color:#fff;min-height:48px;padding:14px 24px;font-size:12px;font-weight:600;line-height:1.4;text-transform:none;letter-spacing:.15px;box-shadow:0 5px 16px #c8203025;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
body .btn.line{background:#ffffff06;border-color:#ffffff60;color:#fff;box-shadow:none;backdrop-filter:blur(6px)}
body .btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(hover:hover){body .btn:hover{background:linear-gradient(120deg,#df2a3c,#ef4b59);border-color:#ff7984;color:#fff;transform:translateY(-2px);box-shadow:0 9px 22px #c8203035}body .btn.line:hover{background:#ffffff12;border-color:#fff;box-shadow:0 6px 18px #0002}}
body .btn:active{transform:translateY(1px);box-shadow:0 2px 6px #0002}
@media(min-width:801px){body .head nav>.btn{border-radius:12px;background:linear-gradient(120deg,#c82030,#e53947);border:1px solid #ef5260;padding:13px 19px;box-shadow:0 5px 16px #c8203025}}
@media(max-width:800px){body .hero .actions .btn{font-size:12px;padding:13px 17px}}
@media(prefers-reduced-motion:reduce){body .btn{transition:none}body .btn:hover,body .btn:active{transform:none}}

/* The mobile dropdown keeps Contactar as a navigation row. */
@media(max-width:800px){body .head nav>.btn{margin:0!important;padding:15px!important;min-height:47px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:400 12px 'Open Sans',Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:0!important}body .head nav>.btn:hover,body .head nav>.btn:focus-visible{background:#c82030!important}body .head nav>.btn:before,body .head nav>.btn:after{display:none!important}}
/* Bottom contact dock: two distinct, tactile actions. */
@media(max-width:800px){
body .mobile-contact{gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#101114f2;border-top:1px solid #ffffff13;box-shadow:0 -8px 30px #0005;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body .mobile-contact a{position:relative;gap:10px;min-height:52px;padding:12px 16px;border-radius:14px;border:1px solid #ffffff30;background:linear-gradient(145deg,#35383e,#202228);color:#fff;font-size:14px;font-weight:600;letter-spacing:.1px;box-shadow:inset 0 1px 0 #ffffff15,0 4px 10px #0003;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;text-decoration:none}
body .mobile-contact a:last-child{background:linear-gradient(135deg,#157a47,#0e6339);border-color:#56bf83;box-shadow:inset 0 1px 0 #ffffff24,0 4px 14px #063c2935}
body .mobile-contact a svg{width:22px;height:22px;flex-shrink:0;filter:drop-shadow(0 1px 1px #0002)}
body .mobile-contact a:active{transform:translateY(2px) scale(.98);filter:brightness(1.13);box-shadow:inset 0 2px 5px #0003}
body .mobile-contact a:focus-visible{outline:3px solid #fff;outline-offset:2px}
body{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){body .mobile-contact a{transition:none}body .mobile-contact a:active{transform:none}}