@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
body {background-color: black; font-family: "Raleway", sans-serif; text-align: center;}
header { width: 100%; text-align: center; color: white;font-size: 2rem; font-family: Raleway;}
header h3 { margin-bottom: 0px; margin-top: 0%; font-size: 2rem; font-family: "Raleway"; font-weight: normal;} 

header img { width:1280px ; height: 727px ; background: transparent; opacity: 1;}  
.section1 { display: flex; margin-top: 20px; width: 100%; justify-content: center;}
.texto1  { font-family: Raleway; color: white; text-align: left; font-size: 16px; letter-spacing: 0px; width: 475px;}
section img { flex: auto; width: 399px ; height: auto ; margin-left: 20px; }



.section2 {background-color: #1E1A13; display: flex ; justify-content: center ; margin-top: 50px; width: 100%; opacity: 0.96; padding: 1.5rem; }
.flex-container { display: flex; justify-content: space-evenly; flex-wrap: wrap; gap: 40px; font-family: "Raleway"; }
.flex-container h4 { color: white; font-size: 2rem; font-family: "Raleway"; font-weight: normal; width: 100%; text-align: center; }
.flex-container .iconos { color: white; } 


.padre {background-color: black;padding: 1.5rem; width: 100%; display: flex; justify-content: space-evenly; opacity: 0.96;}
.hijo { display: flex; padding: 20px; justify-content: center; }
.hijo img { flex: auto; width: 316px ; height: auto ; }  



footer { text-align: center; color: white; margin-top: 20px; background-color: #1E1A13; padding: 2rem; }
footer a { color: white; text-decoration: none; }