@charset 'UTF-8';
@import url('error_web.basics.css');


body {display:grid;grid-template-rows:14rem auto 8rem;height:100vh;}
main {display:flex;align-items:center;}
.container {width:100%;padding:2.4rem;max-width:96rem;}

header,header .logo,header h2 {display:flex;align-items:center;justify-content:center;}
header {flex-wrap:wrap;}
header .logo {height:6rem;width:100%;border-bottom:0.1rem solid var(--rtveorange_oscuro);}
header .logo svg {height:4rem;}
header h2 {height:auto;min-height:5.4rem;font-size:3.2rem;line-height:4rem;font-weight:300;text-align:center;color:var(--gris_medio);padding:0 2.4rem;}

.adviceBox {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;column-gap:6.4rem;}
.adviceBox .ima {width:100%;}
.adviceBox .txtBox > * {padding:0.8rem 0;}
.adviceBox .txtBox {font-size:1.6rem;line-height:2rem;color:var(--gris_oscuro);display:flex;flex-direction:column;justify-content:center;}
.adviceBox .txtBox h1 {font-weight:100;font-size:4.2rem;line-height:5rem;}
.adviceBox .txtBox strong {font-weight:700;font-size:2.4rem;line-height:3rem;color:var(--gris_medio);}

footer {display:flex;padding:0 4.8rem;align-items:center;justify-content:center;column-gap:1.2rem;}