/*
* ACORE FRAMEWORK PHP v1.0 
* Simple framework php
*
* @author Brian Salazar [Avenidanet]
* @link http://briansv.com
* @copyright Brian Salazar 2024
* @license http://mit-license.org
*/

@font-face {
    font-family: 'fontBody';
    src: url('../fonts/TTNorms-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontBodyBold';
    src: url('../fonts/TTNorms-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mainBrand';
    src: url('../fonts/Badrock.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'secondBrand';
    src: url('../fonts/Douglas-Montreal-Rounded.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Aplicar la fuente a todo el documento o a un elemento específico */
body {
    font-family: 'fontBody', sans-serif;
    color: #560915;
    background: #f2eacc;
}

p {
  margin: 15px 0;
}

h1 {
    font-size: 80px;
    text-transform: uppercase;
    font-family: 'mainBrand', Arial, Helvetica, sans-serif;
    padding: 0px;
    line-height: 70px;
}

h2 {
    font-size: 36px;
    font-family: 'secondBrand', Arial, Helvetica, sans-serif;
    line-height: 10px;
}

h3  {
    color: #f66d25;
    font-family: 'fontBodyBold', Arial, Helvetica, sans-serif;
    margin: 15px 0;
}

header {
    padding: 50px 0 35px;
}

header, section, footer {
    text-align: center;
    margin: 0 auto;
    width: 360px;
}

header img {
    width: 200px;
    margin: 10px;
}

footer {
    font-size: 12px;
    padding: 25px;
}


ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  ul li {
    position: relative;
    padding: 10px 15px;
    margin-bottom: 8px;
    background: #f8f9fa;
    border-left: 5px solid #E75523;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
    transition: all 0.3s ease-in-out;
  }
  
  ul li:hover {
    background: #e9ecef;
    transform: translateX(5px);
  }
  

  ul.button-list, ul.button-list li {
    list-style: none !important; /* Elimina cualquier viñeta heredada */
    padding: 0;
    margin: 0;
  }
  
  ul.button-list li {
    background: #E75523; /* Fondo solo para el <li> */
    border-radius: 5px;
    margin-bottom: 8px;
    transition: all 0.3s ease-in-out;
    padding: 0; /* Asegura que no haya espacio adicional */
  }
  
  ul.button-list li a {
    display: block;
    text-decoration: none;
    color: white; /* Mantiene el color del texto */
    font-weight: bold;
    text-align: center;
    padding: 12px 18px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    font-family: Arial, sans-serif;
    font-size: 16px;
    background: none; /* Elimina cualquier fondo heredado */
  }
  
  ul.button-list li:hover {
    transform: translateY(-3px);
    background: #c7431c; /* Cambia solo el color del <li> en hover */
  }
  
  ul.button-list li a:hover {
    background: none; /* Se asegura de que no herede el hover del li */
    color: #f8f9fa; /* Opcional: cambia el color del texto en hover */
  }