@charset "UTF-8";
/*!
Theme Name: Zyann - Develover
Theme URI: http://develover.mx/
Author: Develover
Author URI: http://develover.mx/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zyann
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

zyann is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
/* Accordion CSS listo para usar con Foundation Grid (grid-x, cell, small-12, medium-6, etc.) */
/* Uso: envolver items en .accordion, cada item .accordion-item contiene .accordion-title y .accordion-content */
/* Activar/mostrar contenido añadiendo la clase .is-active a .accordion-item */
/* Variables */
:root {
  --accordion-bg: #ffffff;
  --accordion-border: #e6e6e6;
  --accordion-title-bg: #f7f7f7;
  --accordion-title-color: #222;
  --accordion-content-color: #333;
  --accordion-radius: 8px;
  --accordion-gap: 0.5rem;
  --accordion-transition: 300ms cubic-bezier(.2,.8,.2,1);
  --accordion-icon-size: 1.1rem; }

/* Contenedor */
.accordion {
  display: block;
  width: 100%;
  gap: var(--accordion-gap);
  margin: 0;
  padding: 0;
  list-style: none; }

/* Cada item: puede vivir dentro de una .cell (Foundation) */
.accordion-item {
  background: var(--accordion-bg);
  border: 1px solid var(--accordion-border);
  border-radius: var(--accordion-radius);
  overflow: hidden;
  transition: box-shadow var(--accordion-transition);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

/* Sombra leve al activar */
.accordion-item.is-active {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06); }

/* Título (clickable) */
/* Si usas <button class="accordion-title"> en HTML, esto estiliza correctamente */
.accordion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  background: var(--accordion-title-bg);
  color: var(--accordion-title-color);
  padding: 0.9rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none; }

/* Si el título es un <a> o <div>, aplica comportamiento similar */
.accordion-title:focus {
  outline: 3px solid rgba(52, 144, 220, 0.15);
  outline-offset: 2px; }

/* Icono al final (flecha) */
.accordion-title::after {
  content: "";
  display: inline-block;
  width: var(--accordion-icon-size);
  height: var(--accordion-icon-size);
  transform: rotate(0deg);
  transition: transform var(--accordion-transition);
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  margin-left: 0.5rem;
  transform-origin: center;
  /* ajusta la posición para que parezca flecha diagonal */
  transform: rotate(-45deg);
  opacity: 0.9; }

/* Rotar icono cuando activo */
.accordion-item.is-active > .accordion-title::after {
  transform: rotate(45deg); }

/* Contenido (colapsable) */
.accordion-content {
  padding: 0 1rem;
  color: var(--accordion-content-color);
  line-height: 1.5;
  font-size: 0.95rem;
  overflow: hidden;
  max-height: 0;
  transition: max-height var(--accordion-transition), padding var(--accordion-transition); }

/* Cuando está activo, permitir mostrar (usar un valor grande para animación fluida) */
.accordion-item.is-active > .accordion-content {
  padding: 0.9rem 1rem 1rem 1rem;
  max-height: 1200px;
  /* suficientemente grande para la mayoría de contenidos; controla con JS si necesitas exactitud */ }

/* Soporte para grid dentro del contenido: si pones .grid-x dentro de .accordion-content, que respete el espacio */
.accordion-content .grid-x {
  margin: 0;
  gap: 0.75rem; }

/* Si quieres que cada item se comporte como una "cell" en grid: ejemplo usage
   <div class="grid-x grid-margin-x">
     <div class="cell small-12 medium-6"> <div class="accordion"> ... </div> </div>
   </div>
   No se requieren estilos extra; sin embargo, para asegurar separación interna: */
.accordion .cell {
  padding: 0;
  margin: 0; }

/* Variantes pequeñas (compact) */
.accordion--compact .accordion-title {
  padding: 0.6rem 0.75rem;
  font-size: 0.95rem; }

.accordion--compact .accordion-content {
  padding: 0.6rem 0.75rem 0.75rem 0.75rem; }

/* Accesibilidad: estados ARIA (visual only improvements) */
/* Si usas aria-expanded en un botón, puedes reflejar estados con atributos */
button.accordion-title[aria-expanded="true"]::after,
.accordion-item[aria-expanded="true"] > .accordion-title::after {
  transform: rotate(45deg); }

/* Responsive tweaks: si la grid de Foundation colapsa, el accordion ocupa 100% */
@media (max-width: 640px) {
  .accordion-title {
    font-size: 0.98rem;
    padding: 0.8rem 0.9rem; }

  .accordion-content {
    font-size: 0.95rem; } }
/* Small decorative utilities opcionales (puedes ignorarlas) */
.accordion-note {
  display: block;
  font-size: 0.85rem;
  color: #6b6b6b;
  margin-top: 0.5rem; }

.text-center {
  text-align: center; }

/* Fin del CSS */
#masthead {
  padding-top: 25px;
  padding-bottom: 25px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  -webkit-transition: all 600ms;
  -moz-transition: all 600ms;
  -o-transition: all 600ms;
  transition: all 600ms; }
  #masthead.active {
    background: #0000007a;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); }
  #masthead .logo {
    width: 70%; }
  #masthead .site-branding {
    display: flex;
    align-items: center; }
  #masthead #site-navigation .logo_mobile {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 45px;
    width: 200px;
    display: none; }
  #masthead #site-navigation .btn {
    font-family: "Playfair Display", serif;
    font-size: 25px;
    padding: 10px 50px;
    text-align: center;
    position: relative;
    display: block;
    color: white;
    text-decoration: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    font-size: 18px;
    bottom: 35px;
    width: auto;
    min-width: 80%;
    display: none; }
    #masthead #site-navigation .btn:after {
      content: '';
      border-radius: 30px;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: -2;
      background: #966B48; }
    #masthead #site-navigation .btn:before {
      content: '';
      background: #966B48;
      border-radius: 30px;
      width: 0;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: -1;
      -webkit-transition: all 400ms;
      -moz-transition: all 400ms;
      -o-transition: all 400ms;
      transition: all 400ms; }
    #masthead #site-navigation .btn:hover:before {
      width: 100%; }
  @media all and (min-width: 1024px) {
    #masthead #site-navigation {
      display: flex;
      justify-content: flex-end;
      align-items: center; } }
  @media all and (max-width: 1024px) {
    #masthead #site-navigation {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100vh;
      background: #58583C;
      display: none;
      z-index: 1; }
      #masthead #site-navigation .menu-menu-1-container,
      #masthead #site-navigation .menu-menu-2-container,
      #masthead #site-navigation .menu-menu-3-container {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute; }
        #masthead #site-navigation .menu-menu-1-container ul,
        #masthead #site-navigation .menu-menu-2-container ul,
        #masthead #site-navigation .menu-menu-3-container ul {
          display: block; }
        #masthead #site-navigation .menu-menu-1-container li,
        #masthead #site-navigation .menu-menu-2-container li,
        #masthead #site-navigation .menu-menu-3-container li {
          width: 100%;
          text-align: center; }
          #masthead #site-navigation .menu-menu-1-container li.final,
          #masthead #site-navigation .menu-menu-2-container li.final,
          #masthead #site-navigation .menu-menu-3-container li.final {
            margin-left: 0;
            margin-top: 15px; }
          #masthead #site-navigation .menu-menu-1-container li a,
          #masthead #site-navigation .menu-menu-2-container li a,
          #masthead #site-navigation .menu-menu-3-container li a {
            font-size: 20px;
            padding-top: 13px;
            padding-bottom: 13px;
            color: white;
            display: block; } }
  #masthead #site-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex; }
    #masthead #site-navigation ul li {
      position: relative; }
      #masthead #site-navigation ul li a {
        cursor: pointer;
        font-family: "Playfair Display", serif;
        padding: 10px 20px;
        color: white;
        font-size: 19px;
        line-height: 29px;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        text-decoration: none; }
        #masthead #site-navigation ul li a:before {
          left: 0;
          position: absolute;
          bottom: 0;
          content: '';
          max-width: 0px;
          width: 100%;
          -webkit-transition: all 600ms;
          -moz-transition: all 600ms;
          -o-transition: all 600ms;
          transition: all 600ms;
          height: 3px;
          background: #966B48; }
        #masthead #site-navigation ul li a:hover:not(a[href="#"]):before {
          max-width: 300px; }
      #masthead #site-navigation ul li:hover .sub-menu {
        max-height: 350px; }
    #masthead #site-navigation ul.sub-menu {
      -webkit-transition: all 800ms;
      -moz-transition: all 800ms;
      -o-transition: all 800ms;
      transition: all 800ms; }
      @media all and (min-width: 821px) {
        #masthead #site-navigation ul.sub-menu {
          position: absolute;
          left: 0;
          top: 50px;
          max-height: 0;
          overflow: hidden;
          background: #966B48; } }
      #masthead #site-navigation ul.sub-menu li {
        float: none; }
        #masthead #site-navigation ul.sub-menu li a {
          width: 100%;
          padding: 10px 30px !important;
          display: inline-block; }
          @media all and (max-width: 820px) {
            #masthead #site-navigation ul.sub-menu li a {
              color: #58583C; } }
  #masthead .button_menu {
    width: 25px;
    z-index: 4;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 15px; }
    @media all and (min-width: 1025px) {
      #masthead .button_menu {
        display: none; } }
    #masthead .button_menu:before {
      background-color: white;
      content: '';
      display: block;
      height: 3px;
      box-shadow: 0 8px 0 white;
      margin-bottom: 13px;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out; }
    #masthead .button_menu.actived:before {
      box-shadow: 0 0 0 #966B48 !important;
      -webkit-transform: translateY(9px) rotate(45deg);
      -moz-transform: translateY(9px) rotate(45deg);
      -o-transform: translateY(9px) rotate(45deg);
      transform: translateY(9px) rotate(45deg);
      width: 28px;
      background-color: white; }
    #masthead .button_menu:after {
      background-color: white;
      content: '';
      display: block;
      height: 3px;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out; }
    #masthead .button_menu.actived:after {
      -webkit-transform: translateY(-7px) rotate(-45deg);
      -moz-transform: translateY(-7px) rotate(-45deg);
      -o-transform: translateY(-7px) rotate(-45deg);
      transform: translateY(-7px) rotate(-45deg);
      width: 28px;
      background-color: white; }
  #masthead.show .btn,
  #masthead.show .logo_mobile {
    display: block !important; }

.inicio section {
  position: relative; }
  .inicio section .principal {
    margin-bottom: 20px; }
  .inicio section:nth-of-type(1) {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; }
    .inicio section:nth-of-type(1):before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.6; }
    .inicio section:nth-of-type(1) .row {
      width: 100%; }
      @media all and (min-width: 901px) {
        .inicio section:nth-of-type(1) .row {
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          position: absolute; } }
      .inicio section:nth-of-type(1) .row .column {
        text-align: center;
        color: white; }
        .inicio section:nth-of-type(1) .row .column h1, .inicio section:nth-of-type(1) .row .column h2, .inicio section:nth-of-type(1) .row .column h3, .inicio section:nth-of-type(1) .row .column h4, .inicio section:nth-of-type(1) .row .column h5, .inicio section:nth-of-type(1) .row .column h6 {
          font-family: "Playfair Display", serif; }
        .inicio section:nth-of-type(1) .row .column h1 {
          font-family: "Playfair Display", serif;
          font-size: 50px;
          line-height: 60px;
          color: white; }
        .inicio section:nth-of-type(1) .row .column p {
          color: white;
          font-size: 19px;
          line-height: 29px;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-style: normal; }
        .inicio section:nth-of-type(1) .row .column.cont_btn .btn {
          font-family: "Playfair Display", serif;
          font-size: 25px;
          padding: 10px 50px;
          text-align: center;
          position: relative;
          display: block;
          color: white;
          text-decoration: none;
          width: 80%;
          margin-top: 100px; }
          .inicio section:nth-of-type(1) .row .column.cont_btn .btn:after {
            content: '';
            border-radius: 30px;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute;
            z-index: -2;
            background: #5C4B3D; }
          .inicio section:nth-of-type(1) .row .column.cont_btn .btn:before {
            content: '';
            background: #966B48;
            border-radius: 30px;
            width: 0;
            height: 100%;
            left: 0;
            top: 0;
            position: absolute;
            z-index: -1;
            -webkit-transition: all 400ms;
            -moz-transition: all 400ms;
            -o-transition: all 400ms;
            transition: all 400ms; }
          .inicio section:nth-of-type(1) .row .column.cont_btn .btn:hover:before {
            width: 100%; }
          @media all and (max-width: 720px) {
            .inicio section:nth-of-type(1) .row .column.cont_btn .btn {
              margin-top: 40px; } }
        .inicio section:nth-of-type(1) .row .column.cont_btn:nth-of-type(2) .btn {
          float: right; }
    @media all and (max-width: 900px) {
      .inicio section:nth-of-type(1) {
        height: auto;
        padding-top: 90px;
        padding-bottom: 100px; }
        .inicio section:nth-of-type(1) .row {
          position: relative;
          z-index: 1; } }
    @media all and (max-width: 720px) {
      .inicio section:nth-of-type(1) .cont_btn {
        text-align: center; }
        .inicio section:nth-of-type(1) .cont_btn .btn {
          float: none !important;
          margin-left: auto;
          margin-right: auto; } }
  .inicio section:nth-of-type(2), .inicio section:nth-of-type(4) {
    background: #58583C;
    padding: 70px 0 80px 0; }
    @media all and (min-width: 901px) {
      .inicio section:nth-of-type(2) .row, .inicio section:nth-of-type(4) .row {
        display: flex; } }
    .inicio section:nth-of-type(2) .imagen, .inicio section:nth-of-type(4) .imagen {
      height: 100%;
      width: 100%;
      background-size: cover;
      background-position: center; }
      @media all and (max-width: 900px) {
        .inicio section:nth-of-type(2) .imagen, .inicio section:nth-of-type(4) .imagen {
          height: 420px; } }
    .inicio section:nth-of-type(2) h2, .inicio section:nth-of-type(4) h2 {
      font-family: "Playfair Display", serif;
      font-size: 35px;
      line-height: 45px;
      color: white; }
    .inicio section:nth-of-type(2) p, .inicio section:nth-of-type(2) li, .inicio section:nth-of-type(4) p, .inicio section:nth-of-type(4) li {
      color: white;
      font-size: 19px;
      line-height: 29px;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      font-style: normal; }
    .inicio section:nth-of-type(2) .last p, .inicio section:nth-of-type(4) .last p {
      text-align: center;
      font-size: 22px;
      font-family: "Playfair Display", serif;
      font-style: italic; }
    @media all and (max-width: 900px) {
      .inicio section:nth-of-type(2), .inicio section:nth-of-type(4) {
        text-align: center; }
        .inicio section:nth-of-type(2) ul, .inicio section:nth-of-type(4) ul {
          list-style-position: inside;
          padding-left: 0; } }
    @media all and (max-width: 720px) {
      .inicio section:nth-of-type(2), .inicio section:nth-of-type(4) {
        padding: 0; }
        .inicio section:nth-of-type(2) .imagen, .inicio section:nth-of-type(4) .imagen {
          height: 280px; }
        .inicio section:nth-of-type(2) .column:nth-of-type(1), .inicio section:nth-of-type(4) .column:nth-of-type(1) {
          padding-left: 0;
          padding-right: 0; } }
  .inicio section:nth-of-type(3), .inicio section:nth-of-type(5) {
    background: #F1EADE;
    padding: 80px 0; }
    .inicio section:nth-of-type(3) p, .inicio section:nth-of-type(3) li, .inicio section:nth-of-type(5) p, .inicio section:nth-of-type(5) li {
      color: #966B48;
      font-size: 19px;
      line-height: 29px;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      font-style: normal; }
    .inicio section:nth-of-type(3) h2, .inicio section:nth-of-type(5) h2 {
      font-family: "Playfair Display", serif;
      font-size: 35px;
      line-height: 45px;
      color: #966B48; }
    .inicio section:nth-of-type(3) .last p, .inicio section:nth-of-type(5) .last p {
      text-align: center;
      font-size: 22px;
      font-family: "Playfair Display", serif;
      font-style: italic; }
  .inicio section:nth-of-type(6) {
    padding: 80px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .inicio section:nth-of-type(6) .text-center {
      text-align: center; }
    .inicio section:nth-of-type(6) p, .inicio section:nth-of-type(6) li {
      color: white;
      font-size: 19px;
      line-height: 29px;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 16px; }
    .inicio section:nth-of-type(6) h2 {
      font-family: "Playfair Display", serif;
      font-size: 35px;
      line-height: 45px;
      color: white; }
  .inicio section:nth-of-type(7), .inicio section.cta {
    padding: 80px 0 90px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .inicio section:nth-of-type(7) .text-center, .inicio section.cta .text-center {
      text-align: center; }
    .inicio section:nth-of-type(7) p, .inicio section:nth-of-type(7) li, .inicio section.cta p, .inicio section.cta li {
      color: #EDE6DA;
      font-size: 19px;
      line-height: 29px;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      font-style: normal;
      margin-bottom: 0; }
      .inicio section:nth-of-type(7) p.dos, .inicio section:nth-of-type(7) li.dos, .inicio section.cta p.dos, .inicio section.cta li.dos {
        font-family: "Lato", sans-serif;
        font-size: 35px;
        color: #BEB796;
        margin: 0;
        font-weight: bold; }
    .inicio section:nth-of-type(7) .item, .inicio section.cta .item {
      border-left: 1px solid #D9D9D9;
      border-right: 1px solid #D9D9D9;
      padding-bottom: 30px; }
      .inicio section:nth-of-type(7) .item:nth-of-type(1), .inicio section.cta .item:nth-of-type(1) {
        border-left: none; }
      .inicio section:nth-of-type(7) .item:last-child, .inicio section.cta .item:last-child {
        border-right: none; }
      @media all and (max-width: 720px) {
        .inicio section:nth-of-type(7) .item, .inicio section.cta .item {
          border: none !important; } }
    .inicio section:nth-of-type(7) h2, .inicio section.cta h2 {
      font-family: "Playfair Display", serif;
      font-size: 35px;
      line-height: 45px;
      color: #EDE6DA; }
    .inicio section:nth-of-type(7) .btn, .inicio section.cta .btn {
      font-family: "Playfair Display", serif;
      font-size: 25px;
      padding: 10px 50px;
      text-align: center;
      position: relative;
      display: block;
      color: white;
      text-decoration: none;
      position: relative;
      z-index: 1;
      display: inline-block;
      margin: 0 auto;
      margin-top: 40px; }
      .inicio section:nth-of-type(7) .btn:after, .inicio section.cta .btn:after {
        content: '';
        border-radius: 30px;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        z-index: -2;
        background: #966B48; }
      .inicio section:nth-of-type(7) .btn:before, .inicio section.cta .btn:before {
        content: '';
        background: #78451B;
        border-radius: 30px;
        width: 0;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        z-index: -1;
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms; }
      .inicio section:nth-of-type(7) .btn:hover:before, .inicio section.cta .btn:hover:before {
        width: 100%; }
    .inicio section:nth-of-type(7) .last, .inicio section.cta .last {
      text-align: center; }
      .inicio section:nth-of-type(7) .last p, .inicio section.cta .last p {
        color: #EDE6DA;
        text-align: center;
        font-size: 22px;
        font-family: "Playfair Display", serif;
        font-weight: 500;
        font-style: italic; }
  .inicio section:nth-of-type(8) {
    background: #5d5d40;
    padding: 80px 0 90px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    @media all and (max-width: 900px) {
      .inicio section:nth-of-type(8) {
        padding-left: 10px;
        padding-right: 10px; } }
    .inicio section:nth-of-type(8) .text-center {
      text-align: center; }
    .inicio section:nth-of-type(8) .isotipo {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      height: 80%; }
    .inicio section:nth-of-type(8) .owl-prev {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      left: 15px;
      background: transparent !important; }
      .inicio section:nth-of-type(8) .owl-prev img {
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms; }
    .inicio section:nth-of-type(8) .items {
      margin-top: 30px;
      box-shadow: 0px 0px 4px #00000066;
      border-radius: 30px; }
    .inicio section:nth-of-type(8) .owl-next {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      right: 15px;
      background: transparent !important; }
      .inicio section:nth-of-type(8) .owl-next img {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms; }
    .inicio section:nth-of-type(8) .owl-prev:not(.disabled):hover img,
    .inicio section:nth-of-type(8) .owl-next:not(.disabled):hover img {
      filter: drop-shadow(0px 0px 2px #222); }
    .inicio section:nth-of-type(8) h2 {
      font-family: "Playfair Display", serif;
      font-size: 35px;
      line-height: 45px;
      color: white;
      position: relative; }
    .inicio section:nth-of-type(8) p, .inicio section:nth-of-type(8) li {
      color: #EDE6DA;
      font-size: 19px;
      line-height: 29px;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      font-style: normal;
      margin-bottom: 0; }
      .inicio section:nth-of-type(8) p.dos, .inicio section:nth-of-type(8) li.dos {
        font-family: "Lato", sans-serif;
        font-size: 35px;
        color: #BEB796;
        margin: 0;
        font-weight: bold; }
    .inicio section:nth-of-type(8) .item {
      position: relative;
      display: inline-block;
      background: #beb796;
      border-radius: 30px;
      padding-top: 40px;
      padding-bottom: 40px;
      z-index: 1; }
      .inicio section:nth-of-type(8) .item .row {
        display: flex;
        flex-wrap: wrap; }
      .inicio section:nth-of-type(8) .item p {
        color: #564639; }
    .inicio section:nth-of-type(8) .cont_img {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      font-style: italic; }
    .inicio section:nth-of-type(8) .img {
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-size: cover;
      background-position: center;
      margin-right: 15px; }
  .inicio section:nth-of-type(9) {
    background: #EBE4D8;
    padding: 80px 0 90px 0; }
    .inicio section:nth-of-type(9) .text-center {
      text-align: center; }
    .inicio section:nth-of-type(9) h2 {
      font-family: "Playfair Display", serif;
      font-size: 35px;
      line-height: 45px;
      color: #5C4B3D; }
    .inicio section:nth-of-type(9) .accordion-item {
      box-shadow: none;
      border: 0; }
    .inicio section:nth-of-type(9) .accordion-content {
      border-bottom: 1px solid #5C4B3D; }
    .inicio section:nth-of-type(9) .accordion-title {
      background: transparent;
      text-decoration: none;
      font-weight: 500;
      color: #5C4B3D;
      font-size: 19px;
      line-height: 29px;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      font-style: normal; }
    .inicio section:nth-of-type(9) .accordion-item {
      background: transparent; }
      .inicio section:nth-of-type(9) .accordion-item li {
        color: #5C4B3D;
        font-size: 19px;
        line-height: 29px;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: normal; }

#colophon {
  background: #5C4B3D; }
  #colophon p, #colophon a {
    color: white;
    font-size: 19px;
    line-height: 29px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px; }
  #colophon .row .column:nth-of-type(2) {
    text-align: center; }
  #colophon .row .column:nth-of-type(3) {
    text-align: right; }
  @media all and (max-width: 720px) {
    #colophon {
      text-align: center; }
      #colophon .column {
        text-align: center !important; } }

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