/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Updated: 2025-07-17 10:09:07

*/
/* Solway - Light */
@font-face {
  font-family: 'Solway';
  src: url('assets/fonts/Solway-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Solway - Regular */
@font-face {
  font-family: 'Solway';
  src: url('assets/fonts/Solway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Solway - Medium */
@font-face {
  font-family: 'Solway';
  src: url('assets/fonts/Solway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Solway - Bold */
@font-face {
  font-family: 'Solway';
  src: url('assets/fonts/Solway-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Solway - ExtraBold */
@font-face {
  font-family: 'Solway';
  src: url('assets/fonts/Solway-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Playball - Regular */
@font-face {
  font-family: 'Playball';
  src: url('assets/fonts/Playball-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
    --red: #753648;
    --blue: #324390;
    --black: #464952;
}
* {
    box-sizing: border-box;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE y Edge antiguos */
}
*::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
html {
  font-size: clamp(1rem, 1.2vw, 2rem);
}
body {
    background-image: url('https://summer.tsukineko.es/wp-content/uploads/2025/07/fondo_ges4.jpeg');
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    background-position: top;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.container {
    width: 100vw;
    height: 100vh;
    position:relative;
}
.contenido-general {
    width: 50vw;
    height: 170px;
    position: fixed;
    top: 10vh;
    left: 25vw;
}
.intro-1 {
    font-family: 'Playball';
    font-size: 5rem;
    color: var(--red);
    text-align: center;
    line-height: 5rem;
    margin: 0;
}
.intro-2 {
    font-family: 'Solway';
    font-weight: 500;
    font-size: 2rem;
    text-align: center;
    color: var(--black);
    margin: 0;
}
.ges4 {
    font-family: 'Playball';
    color: var(--blue);
}
.vino {
    color: var(--red);
}
h4 {
    font-weight: 500;
    text-align: center;
}
h4 > span {
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
}
.contenido-descripcion {
    margin-top: calc(12vh + 170px);
    font-family: 'Solway';
    font-weight: 400;
    font-size: 1rem;
    padding-inline: 28vw;
    height: calc(88vh - 170px);
    margin-inline: auto;
    overflow-y: scroll;
}
.menu {
    text-align: center;
}
/***** Menú ******/
.menu-principal {
    padding: 10px 20px;
    position: fixed;
    z-index: 99;
    top: 30px;
    left: 8vw;
}

.menu-principal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Pone los elementos en línea */
    gap: 30px;
    border-bottom: 1px solid var(--black);
}

.menu-principal li {
    border-bottom: 0px;
}
.menu-principal li.active {
    border-bottom: 1px solid var(--red);
    box-shadow: 0px 2px var(--red);
}
.menu-principal a {
    display: block;
    font-family: 'Solway';
    text-decoration: none;
    color: var(--black);
    font-weight: 500;
    font-size: clamp(14px, 2vw, 18px); /* Tamaño responsivo */
    transition: all  0.3s;
    padding: 10px 30px;
}
.menu-principal li.active a,
.menu-principal a:hover {
    color: var(--red);
}
/**** Formulario ****/
input, select {
    height: 50px;
    width: 100%;
    margin-bottom: 1rem;
    font-size: 1rem;
    padding: .5rem 1rem;
}
.botones {
    display: block;
    width: 100%;
    height: 40px;
    background-color: var(--red);
    border: 1px solid var(--red);
    color: white;
    text-decoration: none;
    text-align: center;
    transition: all .3s;
}
.botones:hover {
    background-color: white;
    color: var(--red);
}
@media screen and (max-width:1700px){
    .contenido-descripcion {
        padding-inline: 28vw;
    }
    .menu-principal {
        top: 1.5vh;
        left: 5vw;
    }
    .menu-principal ul {
        gap: 25px;
    }
    .contenido-general {
        height: 150px;
    }
    .contenido-descripcion {
        margin-top: calc(12vh + 150px);
        height: calc(88vh - 150px);
    }
}
@media screen and (max-width:1300px){
    .contenido-descripcion {
        padding-inline: 26vw;
    }
    .menu-principal {
        left: 5vw;
    }
    .menu-principal ul {
        gap: 15px;
    }
    .contenido-general {
        height: 130px;
    }
    .contenido-descripcion {
        margin-top: calc(12vh + 130px);
        height: calc(88vh - 130px);
    }
}
@media screen and (max-width:1080px){
    body {
        background-repeat: no-repeat;
        background-size: 150vw 100vh;
        background-attachment: fixed;
        background-position: top left;
        overflow: initial;
    }
    .contenido-descripcion {
        padding-inline: 20vw;
        overflow: initial;
        height: auto;
        top: auto;
        left: 25vw;
        margin-top: 12vh;
    }
    .contenido-general {
        position: relative;
        height: auto;
    }
    .menu-principal {
        left: 2.5vw;
        overflow: hidden;
        background-color: #ffffff;
        width: 100%;
        top: 0px;
    }
    .menu-principal ul {
        gap: 10px;
        width: max-content;
    }
    .menu-principal a {
        padding: 4px 12px;
    }
    
}
@media screen and (max-width:767px) {
    body {
        background-size: 175vh auto;
    }
    body::before {
        content: "";
        width: 100vw;
        height: 100vh;
        background-color: rgb(250, 250, 250, .5);
        position: fixed;
    }
    .contenido-general {
        top: auto;
        left: auto;
        width: 100%;
        margin: 70px auto 0rem;
    }
    .menu-principal {
        left: auto;
        height: 50px;
    }
    .menu-principal ul {
        justify-content: space-between;
        width: 100%;
    }
    .contenido-descripcion {
        margin-top: initial;
        padding-inline: 2rem;
    }
}