/*Estructura básica*/
body {
  background-color: #290024;
  background-size: cover;             
  background-repeat: no-repeat;       
  background-position: top;
  text-align: center;}
header {
  text-align: right;}

/*Menú*/
.mini-nav ul {
  list-style-type: none; 
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 15px;}
  
.mini-nav li {
  position: relative;}
  
.mini-nav a {
  background-color: #6D7D3E;
  color: #EFB232;
  padding: 12px 20px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 18px;}
  
.mini-nav a:hover {
  text-decoration: underline;}
  
.submenu {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%; 
  left: 0;
  background-color: #303722;
  padding: 10px;
  border-radius: 8px;
  flex-direction: column;
  gap: 10px;
  min-width: 150px;
  z-index: 1000;}
  
.mini-nav li:hover .submenu {
  display: flex;
   visibility: visible;
  opacity: 1;}
  
.submenu a {
  background-color: #505833;
  color: #EFB232;
  padding: 8px 12px;
  border-radius: 12px;
  text-decoration: none;
  display: block;}


/*Links*/
a {
  color: #EFB232;       
  text-decoration: none;}
  
/*Contenido*/
.contenedor {
  display: flex;                  
  justify-content: space-between; 
  gap: 20px;                     
  padding: 20px;}
  
.columna1 {
  flex: 1;                        
  background-color: #70A9BD;
  padding: 15px;
  border-radius: 8px;}
.columna2 {
  flex: 1;                        
  padding: 15px;
  border-radius: 8px;}
.columna3 {
  flex: 1;                        
  background-color: #6395B2;
  padding: 15px;
  border-radius: 8px;}
  
/*Tipografía*/ 
h1 { /*Título de sitio*/
  font-family: "Fleur De Leah", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 112px;
  color: #EFB232;
  padding: 20px 40px;                  
  border-radius: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0 auto;
  background:
    linear-gradient(
      rgba(0, 0, 0, 0.0),   
      rgba(0, 0, 0, 0.8)),
      url("img/14.jpeg");
  background-size: cover;
  background-position: center 24%;         
  background-repeat: no-repeat;}
  
h2 { /*Descripción*/
  font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 62px;
  margin: 20px;
  color: #FAFFFB;
  text-align: left;}
  
h3 { /*Título de sección*/
  font-family: "Fleur De Leah", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 62px;
  margin-top: 0;
  color: #FAFFFB;
  text-align: center;
  background:
    linear-gradient(
      rgba(0, 0, 0, 0.0),   
      rgba(0, 0, 0, 0.6)),
      url("img/4.JPG");
  background-position: center 45%;}
  
h4 { /*Citas*/
  font-family: "Island Moments", cursive;
  font-size: 52px;
  color: #FFFFFF;
  margin-bottom: 8px;
  text-align: center;}
  
h5 { /*Impacto*/
  font-family: "Love Ya Like A Sister", cursive;
  font-size: 62px;
  color: #FFFFFF;
  margin-bottom: 8px;
  text-align: center;} 
  
h6 { /*Cita Footer*/
  font-family: "Fleur De Leah", cursive;
  font-weight: 400;
  font-size: 62px;
  color: #EFB232;
  padding: 10px 10px;  
  margin-bottom: 10px;
  border-radius: 20px;
  text-align: center;
  background:
    linear-gradient(
      rgba(0, 0, 0, 0.8),   
      rgba(0, 0, 0, 0.0)),
      url("img/11.jpeg");
  background-size: cover;
  background-position: center 22%;         
  background-repeat: no-repeat;}
  
h7 { /*Textodefooter*/
  font-family: "Love Ya Like A Sister", cursive;
  font-weight: 400;
  font-size: 28px;
  color: #70A9BD;}
  
p, li { /*Texto*/
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-size: 42px;
  color: #FFFFFF;
  text-align: center;
  list-style-type: none;}
  
/*Footer*/
   
footer{
  background: #303722;}

.footer-container{
  display: block;
  display: flex;
  justify-content: center;
  gap: 15px;}
  
.footer-colL{
    flex: 1;
    text-align: right;}
    
.footer-colC{
  display: flex;            
  justify-content: center; 
  align-items: center;      
  flex: 0;                  
  text-align: center;}  
    
.footer-colR{
    flex: 1;
    text-align: left;}