/* font color:          #F5EED2                 */
/* font:                playfair display bold   */
/* background color:    #DC6542                 */
/* // <weight>: Use a value from 400 to 900
// <uniquifier>: Use a unique and descriptive class name */

/* .playfair-display-main {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
} */

:root {
  --color-Font: #f5eed2;
  --color-Background: #dc6542;
  /* --font-Main: "MainFont", serif; */
}

* {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: var(--color-Font);
    background-color: var(--color-Background);
    padding: 0px;
}

h1 {
  font-size: 6.5vw;
}

h2 {
  font-size: 4.8vw;
}

p,
textarea,
label {
  font-size: 3.1vw
}

body {
    margin: 0px;
    padding: 0px;
}

section {
    height: auto;
    padding: 0% 10%;
}

#hero {
    height: 90vh;
    text-align: center;
    align-content: center;
}

#intro {
    min-height: 60vh;
    align-content: center;
}

#share-with-us {
    min-height: 60vh;
    align-content: center;
    align-items: center;
    margin-top: 20vh;
    margin-bottom: 20vh;
    padding: 0% 5%;
}

#share-with-us * {
    background-color: var(--color-Font);
    color: var(--color-Background);
}

form {
    padding: 5% 10% 10% 10%;
    border-radius: 25px;
}

#tu-papelon {
  display: block;
  width: 95%;
  margin-top: 6%;
  margin-bottom: 6%;
  height: 20vh;
  padding: 2.5%;
  background-color: var(--color-Font);
  color: var(--color-Background);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
  line-height: 1.4;
  border: 2px solid transparent;
  border-radius: 8px;
  transition: all 1s ease;
  resize: vertical;
  field-sizing: content;
}

#tu-papelon::placeholder {
  color: #dc664283;
  font-style: italic;
}

#tu-papelon:focus {
  border-color: var(--color-Background);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  outline: none;
}


form button[type="submit"] {
  display: block;
  margin-top: 1.5rem;
  padding: 0.75rem 2rem;

  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: 3.1vw;
  letter-spacing: 0.5px;

  background-color: var(--color-Background);
  color: var(--color-Font);

  border: 2px solid var(--color-Background);
  border-radius: 50px;

  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

form button[type="submit"]:hover {
  background-color: var(--color-Font);
  color: var(--color-Background);
  border-color: var(--color-Background);
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

form button[type="submit"]:active {
  transform: scale(0.97);
}

#disclaimer-block {
  width: 100%;
  display: flex;
  column-gap: 3vw;
}

#disclaimer {
  width: 10vw;
}



/* --------------TABLET PAGE STYLE-------------- */
@media screen and (max-width: 1366px) {
  
}



/* --------------MOBILE PAGE STYLE-------------- */
@media screen and (max-width: 768px) {
  
}