/* Estilo CSS*/


  body, html { font-size:normal;
               font-family:"Ebrima";
               margin: 0;
               padding: 0;;
            }

  h1       {
               background-color: #5E610B;
               font-family: "Ebrima";
               font-size: 2em;
               text-align:center;
               color:white;
                 }

  h2         {
               text-align:center;
               font-family: "Ebrima";
               font-size: 2em;
               color: #5E610B;

              }
  h3
             {
               text-align: center;
               padding-left: 34px;
             }
 p            {
     					  width:"70%";
                margin:"8px 20% 4 px 10%";
                text-align: "justify";
     					}

  main {
          background-color: #FBFBEF;
	        padding: auto;



        }


  section   {
              display: flex;
              flex: 1 1 auto;
              flex-flow: row wrap;
              margin:70px auto;
              align-items: center;

              }
 section h2 {
             font-size: 2em;
                 }

  section p {
            text-align:justify;
             }

  section img
              {
               margin: 31 auto;
               width: 70%;
                 }
  #presenta {
                  display: inline-flex;
                  min-height: auto;
                  min-width: auto;
                  flex: 1 1;
                  flex-flow: row nowrap;
                  background-color: #5E610B;
                  color:white;
                  justify-content:center;
                  align-items: center;
                  background-image:
                  url(../images/Fondo_2.jpg)
                  url(../images/Fondo_1.jpg)
                  }



    #presenta h2
                 {
                  color: white;
                  font-size: 1.4em;
                   }


   #ARQUE, #PVALOR, #DRONE, #LICITACION {

                   text-align:center;
                   align-items: center;
                   align-content: center;
                   flex-direction: column;
                   display: block;
                   flex: 1;
                   margin: 45px 55px;
            }

  article {

            width: 80%;
            margin: auto;
      			text-align: center;
          }

  article img {
              margin: 25px auto;
              width: 80%;
             }

  article ul {
            text-align:left;
            height: auto;
            margin: auto;

                     }

  article li    {
                      text-align:left;
                      margin: auto;
                      padding: 20px 380px;
                        }

  header           {
          						   height: 140px;

          					 }


  details             {
                    	  display:flex;
          	            width:270px;
          	            margin: auto;
                        height: auto;
          	            padding: auto;
                        }
 details li          {
                        	text-align: left;
                        	padding: 8px;
                          margin: auto;
                          width:100%;
                          height:auto;
                        }

  summary             {

                         background-color: #5E610B;
                         color:white;
                         border-radius:10px;
                         padding: auto;
                         cursor:pointer;
                         font-weight:bold;
                         margin: auto;
                         text-align: center;
                         width: 240px;

                         height: auto;
                        }



  footer          {
          	      text-align: center;
                  background-color: olive;
                  color: white;
                  margin:1.8em auto 0.7em, auto;
                   }

  div           {

                 margin:auto;
                 align-content: center;
                 color: olive;
          	}
  div li {
                text-align: left;
  }
  ul, li {
          	    padding: auto;
          	    margin: auto;
          	    list-style: none inside;


          	}

  img         {
                width:400px;
                border: solid 0.8px olive;
                padding: 4px;
                }

 .logo1 , .logo2        {
               text-align: center;
               height: auto;
               width: auto ;
               margin-top: 4oem auto;
                }

.contacto       {
                 text-align: center;
                }

.contacto img {
                  width:80px;
                	height:80px;
                }

.contacto p a:active {
                  top: 4px
                }

.nav {
    background-color: #dddd99;
    width: 14em; /* Mantiene el ancho deseado */
    margin: 0 auto 14px; /* Centra el nav en la página */
    text-align: center; /* Alinea contenido dentro del nav al centro */
}

/*.nav:hover {
    margin-left: 7px;  Este efecto puede ser eliminado si no se desea mover al pasar el ratón 
}*/

.nav ul {
    padding-left: 4px; /* Elimina el padding del listado */
    list-style-type: none; /* Elimina los puntos de la lista */
}

.nav a {
    color: #5E610B;
    font-family: 'Ebrima';
    display: block; /* Hace que el enlace ocupe todo el ancho del contenedor */
    padding: 10px 0; /* Espaciado interno */
    text-decoration: none; /* Elimina el subrayado de los enlaces */
}

.nav a:hover {
    background-color: #c2c287; /* Cambia el fondo al pasar el ratón */
}

.Fotografía ul {
	display: flex;
  flex-flow: row nowrap;
  align-self: stretch;
	 }

.Fotografía li {
  width: 100%;
	list-style: none;

}

.Fotografía img {
	width: 90%;

}

.galeria {
  display: flex;
  overflow: hidden;
  width: 100%;
  max-width: 600px;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  border-radius: 1rem;
}

.galeria li {
  flex: 0 0 100%;
  animation: slide 15s infinite;
}

.galeria img {
  width: 100%;
  display: block;
}

@keyframes slide {
  0% {transform: translateX(0);}
  20% {transform: translateX(0);}
  25% {transform: translateX(-100%);}
  45% {transform: translateX(-100%);}
  50% {transform: translateX(-200%);}
  70% {transform: translateX(-200%);}
  75% {transform: translateX(-300%);}
  95% {transform: translateX(-300%);}
  100% {transform: translateX(0);}
}

body .cookie-banner {
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
      margin: 0;
      padding: 0;
    }
.cookie-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: rgba(20, 20, 20, 0.95);
      color: #fff;
      padding: 1rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      z-index: 1000;
      box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
    }
.cookie-banner p {
      flex: 1 1 70%;
      margin: 0;
      font-size: 0.9rem;
    }
.cookie-banner .buttons {
      flex: 1 1 25%;
      text-align: right;
    }
.cookie-banner button {
      margin-left: 8px;
      border: none;
      border-radius: 6px;
      padding: 8px 14px;
      cursor: pointer;
      font-size: 0.85rem;
    }
.accept-cookies {
      background-color: #22c55e;
      color: white;
    }
.reject-cookies {
      background-color: #ef4444;
      color: white;
    }
 @media (max-width: 600px) {
      .cookie-banner {
        flex-direction: column;
        text-align: center;
      }
      .cookie-banner .buttons {
        margin-top: 8px;
        text-align: center;
      }
    }