@charset "UTF-8";
/*!
Theme Name: La Botiga
Author: Verónica Morcillo 
Author URI: -
Theme URI: -
Description: La Botiga es un tema personalizado para una web personalizada sobre gastronomía de la Comunidad Valenciana.
Tags: FP, FP digital, Gastronomía Valenciana
Text Domain: doo
Requires at least: 6.7
Requires PHP: 8.2
Tested up to: 6.7
Version: 1.0.0
*/
/* Mixins
--------------------------------------------- */
/* General
--------------------------------------------- */
body {
  overflow-x: hidden; }

header {
  display: contents; }

.mobile {
  display: none !important; }

@media (max-width: 768px) {
  .mobile {
    display: block !important; } }
:root :where(.is-layout-constrained) > * {
  margin-block-end: 16px; }

main .entry-content > .wp-block-group, main .entry-content > .wp-block-cover {
  padding-top: 140px;
  padding-bottom: 140px;
  margin-block-end: 0;
  margin-block-start: 0; }

.wp-block-image {
  margin: 0; }

input[type="radio"],
input[type="checkbox"] {
  accent-color: #171616; }

.wp-block-columns {
  margin: 0; }

.nowrap {
  white-space: nowrap; }

ul li {
  padding-bottom: 0.5rem; }

.wp-block-button .wp-block-button__link {
  transition: 0.2s;
  border-radius: 16px;
  background-color: var(--wp--preset--color--naranja-calido);
  color: var(--wp--preset--color--blanco); }
  .wp-block-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--rojo-tomate);
    color: var(--wp--preset--color--crema-cálido); }
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--naranja-calido);
  border: 1px solid var(--wp--preset--color--naranja-calido); }
  .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: var(--wp--preset--color--crema-cálido);
    color: var(--wp--preset--color--rojo-tomate);
    border: 1px solid var(--wp--preset--color--rojo-tomate); }

.wp-block-cover {
  padding: 0; }

.mobile {
  display: none; }

input,
select,
option,
button {
  font-family: "Roboto" !important; }

.wp-block-doo-block-doo-shortcode {
  max-width: 1312px;
  margin: auto; }

.wp-block-group-is-layout-constrained {
  scrollbar-color: #2E2C2C #D1D1D6; }

/*Enlaces sin subrayado*/
.no-link a {
  text-decoration: none; }

.orange-link a {
  text-decoration: none;
  font-weight: 600;
  color: #D97706; }

/*Tamaño de la navegación*/
.wp-block-navigation__container a {
  font-weight: 600;
  font-size: 16px; }

/*Buscador */
/* Header footer
--------------------------------------------- */
header > .wp-block-group {
  top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));
  position: sticky;
  z-index: 10; }
header nav .wp-block-pages-list__item__link {
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: 600;
  font-size: 16px;
  line-height: 150%; }

header .wp-block-navigation__container a::after, footer .wp-block-navigation__container a::after, footer p a::after {
  content: '';
  height: 1px;
  background-color: #D97706;
  display: flex;
  transition: 0.4s;
  width: 0; }

header .wp-block-navigation__container li:hover > a::after, footer .wp-block-navigation__container li:hover > a::after, footer a:hover::after, header .wp-block-navigation__container .current-menu-item a::after {
  width: 100%; }

.nav-ul {
  gap: 32px; }
  .nav-ul li span {
    font-size: 16px !important; }
  .nav-ul .inicio-nav {
    display: none; }
  .nav-ul .logo-nav {
    display: none; }

.content-menu {
  flex-wrap: nowrap;
  gap: 8px; }
  .content-menu .title {
    font-weight: 600;
    margin-bottom: 4px; }
  .content-menu div.title {
    text-align: left;
    margin-bottom: 4px;
    line-height: 16px;
    padding: 2px 0; }
  .content-menu .navigation-menu {
    min-width: 157px; }
  .content-menu nav a {
    padding: 2px 0; }
    .content-menu nav a span.wp-block-navigation-item__label {
      padding: 0 0 0.5rem 0; }

#footer-login,
#footer-register {
  cursor: pointer; }

footer a:visited {
  color: #FFFFFF; }

.nav-footer-resp ul {
  gap: 24px; }
  .nav-footer-resp ul li span {
    font-size: 16px; }

.nav-footer-legal ul {
  gap: 24px; }
  .nav-footer-legal ul li span {
    font-size: 16px; }

.menu {
  text-align: center; }

/* Page legal-emplate
--------------------------------------------- */
.page-template-wp-custom-template-p-ginas-legales h1 {
  margin-bottom: 40px; }
.page-template-wp-custom-template-p-ginas-legales h2 {
  margin-top: 1rem;
  margin-bottom: 0.5rem; }
.page-template-wp-custom-template-p-ginas-legales p {
  margin: 0.5rem 0 0; }

/* Form (wpcf7)
--------------------------------------------- */
/* Contact Form */
.wpcf7-form {
  display: grid;
  gap: 16px;
  color: #000;
  max-width: 100%; }

.wpcf7-form p {
  margin: 0; }

.wpcf7-form label {
  font-size: 16px; }

.wpcf7-submit {
  background-color: #464546;
  border-color: transparent;
  color: #fff;
  width: fit-content;
  padding: 12px 24px;
  border-radius: 16px;
  cursor: pointer; }
  .wpcf7-submit:hover {
    background-color: #0B0401; }

.check:last-child,
.check,
.wpcf7-list-item-label {
  font-size: 14px; }

.check p {
  display: block; }

.wpcf7-list-item.first.last,
.wpcf7-list-item {
  margin-left: 0; }

.check a {
  color: #b9261f; }

.color-red {
  font-weight: 600; }

.wpcf7-spinner {
  visibility: hidden;
  display: none; }

.fs-32-24-res {
  font-size: 32px;
  display: block !important;
  line-height: 1; }

.label-incidencias {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400;
  color: #0b0401; }

.label-incidencias select {
  padding: 12px;
  border-radius: 8px;
  width: 100%;
  background: #FFF; }

.label-incidencias textarea {
  width: 100%;
  border: 1px solid #e5e1e1;
  border-radius: 8px; }

.form-incidencias {
  background-color: #faf7f7;
  padding: 24px;
  border-radius: 16px; }

#enviarIncidencias {
  justify-self: end; }

.imagen-incidencias-movil {
  display: none; }

.container-form {
  padding: 0 !important; }

.imagen-incidencias-movil {
  display: none !important; }

.wpcf7 textarea {
  height: 100px; }
.wpcf7 input[type="checkbox"] {
  width: 20px;
  height: 20px; }

.checkbox-accept {
  font-size: 14px; }

.wp-block-contact-form-7-contact-form-selector {
  max-width: 500px;
  margin: 2rem auto;
  padding: 2rem;
  background-color: #fffbe6;
  /* tono crema muy suave */
  border: 1px solid #f5d8a1;
  /* borde ligeramente dorado */
  border-radius: 0.5rem;
  /* esquinas suaves */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  /* Etiquetas */
  /* Inputs y textarea */
  /* Botón de envío */ }
  .wp-block-contact-form-7-contact-form-selector form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /* espacio uniforme entre campos */ }
  .wp-block-contact-form-7-contact-form-selector label {
    margin-bottom: .25rem;
    font-weight: 600;
    color: #333333; }
  .wp-block-contact-form-7-contact-form-selector input[type="text"],
  .wp-block-contact-form-7-contact-form-selector input[type="email"],
  .wp-block-contact-form-7-contact-form-selector textarea {
    padding: .75rem;
    border: 1px solid #dddddd;
    border-radius: .5rem;
    font-size: 1rem;
    background: #ffffff;
    transition: border-color .2s, box-shadow .2s; }
    .wp-block-contact-form-7-contact-form-selector input[type="text"]::placeholder,
    .wp-block-contact-form-7-contact-form-selector input[type="email"]::placeholder,
    .wp-block-contact-form-7-contact-form-selector textarea::placeholder {
      color: #bbbbbb; }
    .wp-block-contact-form-7-contact-form-selector input[type="text"]:focus,
    .wp-block-contact-form-7-contact-form-selector input[type="email"]:focus,
    .wp-block-contact-form-7-contact-form-selector textarea:focus {
      border-color: #f38b25;
      box-shadow: 0 0 0 4px rgba(243, 139, 37, 0.15);
      outline: none; }
  .wp-block-contact-form-7-contact-form-selector input[type="submit"],
  .wp-block-contact-form-7-contact-form-selector button {
    align-self: flex-start;
    padding: .75rem 1.25rem;
    background: #f38b25;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: none;
    border-radius: .5rem;
    cursor: pointer;
    transition: background .2s, transform .1s; }
    .wp-block-contact-form-7-contact-form-selector input[type="submit"]:hover,
    .wp-block-contact-form-7-contact-form-selector button:hover {
      background: #d97920; }
    .wp-block-contact-form-7-contact-form-selector input[type="submit"]:active,
    .wp-block-contact-form-7-contact-form-selector button:active {
      transform: scale(0.98); }

/* Responsive
--------------------------------------------- */
@media (max-width: 768px) {
  .mobile {
    display: block; }

  .desktop {
    display: none !important; }

  footer .wp-block-doo-block-copyright {
    order: 3; }
  footer .is-content-justification-right {
    justify-content: flex-start; }

  .imagen-incidencias-movil {
    display: block !important; }

  .imagen-incidencias {
    display: none; }

  .wpcf7-submit {
    width: 100%; } }
/* Testimonials styles
--------------------------------------------- */
/*Testimonials styles*/
.testimonials-container {
  text-align: left;
  max-width: 568px;
  margin-left: 0;
  position: relative; }
  .testimonials-container .testimonial-item p {
    margin-bottom: 24px; }
  .testimonials-container .testimonial-item .testimonial-text {
    font-size: 1.2em;
    font-style: italic;
    margin-bottom: 15px; }
  .testimonials-container .testimonial-item .testimonial-author {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px; }
  .testimonials-container .testimonial-item .testimonial-occupation {
    color: #666;
    font-size: 0.9em;
    margin: 2px; }
  .testimonials-container .testimonial-navigation {
    display: flex;
    justify-content: right;
    gap: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 16px; }
    .testimonials-container .testimonial-navigation button {
      width: 50px;
      height: 50px;
      border: 2px solid #ddd;
      border-radius: 50%;
      background-color: transparent;
      font-size: 24px;
      color: #333;
      cursor: pointer;
      transition: all 0.3s ease;
      align-items: center;
      justify-content: center; }
      .testimonials-container .testimonial-navigation button span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-size: 20px;
        line-height: 1; }
      .testimonials-container .testimonial-navigation button:hover {
        background-color: #f0f0f0;
        border-color: #bbb;
        color: #000; }

/* Recetas styles
-------------------------------------------- */
.rv-recipe {
  max-width: 800px;
  margin: 2em auto;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6; }
  .rv-recipe .rv-title {
    font-size: 2em;
    margin-bottom: 0.5em; }
  .rv-recipe .rv-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-bottom: 1.5em;
    align-items: center; }
    .rv-recipe .rv-meta .rv-thumbnail img {
      max-width: 200px;
      width: 100%;
      height: auto;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
    .rv-recipe .rv-meta .rv-detail {
      margin: 0;
      font-size: 0.9em; }
  .rv-recipe .rv-section {
    margin-bottom: 2em; }
    .rv-recipe .rv-section h2 {
      border-bottom: 2px solid #f4a261;
      padding-bottom: 0.3em;
      margin-bottom: 0.5em;
      font-size: 1.3em; }

/*# sourceMappingURL=style.css.map */