/*
Theme Name: El Tostado
Theme URI: https://eltostado.es
Author: El Tostado
Author URI: https://eltostado.es
Description: Tema personalizado para El Tostado - Microtostador de Café de Especialidad en Tenerife.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: el-tostado
*/

@font-face {
  font-family: 'Abolition Regular';
  src: url('assets/fonts/abolition-regular.woff2') format('woff2'),
       url('assets/fonts/abolition-regular.woff') format('woff'),
       url('assets/fonts/abolition-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.btn-yellow {
  background-color: #FFD700;
  color: black;
  transition: all 0.3s ease;
  font-family: "Abolition Regular", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.btn-yellow:hover {
  background-color: white;
  transform: translateY(-2px);
}

.form-input {
  background: transparent;
  border: none;
  border-bottom: 2px solid #333;
  color: white;
  width: 100%;
  padding: 10px 0;
  transition: border-color 0.3s;
}

.form-input:focus {
  outline: none;
  border-color: #FFD700;
}

.hover-underline {
  position: relative;
}

.hover-underline::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: currentColor;
  transition: width 0.3s ease;
}

.hover-underline:hover::after {
  width: 100%;
}