* {box-sizing: border-box; margin: 0; padding: 0;}

header {padding-top: 2%;}
.espaciado {padding-bottom: 5%;}
h3 {font-family: Arial, Helvetica, sans-serif; color: #FFC926; font-size: 3.4vmin; text-align: center; padding-bottom: 2%;}

.textUtil {color: white; font-family: Arial, Helvetica, sans-serif; font-size: 2.8vmin; background-color: #222222; width: 94%;
            text-align: justify; padding: 2%; border-style: none; border-radius: 10px; }
.textResul {color: white; font-family: Arial, Helvetica, sans-serif; font-size: 2.8vmin; background-color: #222222; width: 94%;
                text-align:center; padding: 2%; border-style: none; border-radius: 10px; }           
.padre {display: flex; flex-direction: column; align-items: center; margin-bottom: 4%;}
.subtitulo {font-weight: 700; color: #FFC926;}
.recomendacion {color: wheat;}

.backInicio {display: flex; justify-content: center;}
.botonInicio {cursor: pointer; background-color: #222222; padding: 1vmax; border-style: groove; border-radius: 7px; border-color: skyblue; color:skyblue; border-width: 1px; font-size: 70%;}

.logoFFsec {display: flex; justify-content: center; padding: 20px;}
.logoFF {width: 210px; }

.piePagina {background-color: #222222; padding-top: 2%; padding-bottom: 3%; display: flex; flex-wrap: wrap; justify-content:center;}
.textPie {color: skyblue; font-family: Arial, Helvetica, sans-serif; font-size: 95%; margin-bottom: 3%; margin-top: 2%;}
.textPie2 {color: white; font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
.pieSegmento {display: flex; flex-direction: column; align-items: initial; padding-left: 3%; padding-right: 3%; padding-bottom: 2%; padding-top: 3%;}
a {color: skyblue;}