39 lines
1.2 KiB
CSS
39 lines
1.2 KiB
CSS
/* static/css/styles.css */
|
||
:root{
|
||
--brand-blue:#002e5d;
|
||
--brand-yellow:#f4b400;
|
||
--brand-orange:#ffa94d;
|
||
}
|
||
|
||
body{background:var(--brand-blue);color:#fff;font-family:Inter,system-ui,sans-serif}
|
||
|
||
/*–– Botones ––*/
|
||
.btn{
|
||
@apply inline-block px-6 py-3 rounded-xl font-medium transition transform;
|
||
}
|
||
.btn-primary{
|
||
background:var(--brand-orange);color:#222;
|
||
}
|
||
.btn-primary:hover{filter:brightness(1.1) scale(1.02)}
|
||
.btn-secondary{
|
||
background:transparent;border:2px solid var(--brand-orange);color:var(--brand-orange);
|
||
}
|
||
.btn-secondary:hover{background:var(--brand-orange);color:#222}
|
||
|
||
/*–– Animaciones hero ––*/
|
||
@keyframes scaleFade{
|
||
0%{opacity:0;transform:scale(.7)}
|
||
100%{opacity:1;transform:scale(1)}
|
||
}
|
||
.hero-appear{animation:scaleFade .6s ease-out both}
|
||
|
||
/*–– Transición logo grande→pequeño ––*/
|
||
.logo-big {width: 60%}
|
||
.logo-small {width:48px}
|
||
|
||
/*–– Table ––*/
|
||
table{border-collapse:collapse;width:100%;max-width:640px;margin-inline:auto}
|
||
th,td{padding:.6rem 1rem;border-bottom:1px solid #ffffff33}
|
||
thead{background:#ffffff11}
|
||
tbody tr:nth-child(even){background:#ffffff08}
|
||
|