/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* ------------- FONDO DEL COLOR DE LA BANDERA DEL IDIOMA ------------- */
div.mod-languages ul li.lang-active {
  background-color: #000000;
}
/* ------------- FONDO DEL COLOR DE LA ZONA DE LA PLANTILLA ------------- */
#g-page-surround {
  background: black;
  background: linear-gradient(180deg, black 25%, grey 35%, white 45%);
}
#g-sidebar {
  background: #ffffff;
}
#g-copyright {
  border-top: 7px solid #b7b7b7;
  margin-top: 40px;
}
#g-expanded {
  background: #000;
  color: #fff;
  border-top: 10px solid #cecece;
  border-bottom: 10px solid #cecece;
  box-shadow: 0px 0px 25px #000000;
}
#g-bottom {
  border: 10px solid #cab690;
  margin: 20px !important;
}
/* ------------- DISEÑO DEL TITULO DE LOS ARTÍCULOS ------------- */
.titulo-home-seccion {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
/* ------------- TAMAÑO DEL TEXTO DEL MENÚ CORPORATIVO ------------- */
.menu-corporativo {
  font-size: 10px;
}
/* ------------- COLOR DE LOS TEXTOS DEL MENÚ PRINCIPAL ------------- */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #cab690;
}
/* ------------- DISEÑO DEL BOTÓN DE LAS COLECCIONES ------------- */
.boton-coleccion {
  border-radius: 5px;
  text-align: center;
  background: #cab690;
  display: inline-block;
  padding: 10px 20px;
  border: 3px #000000;
  margin-top: 7px;
  box-shadow: 0px 0px 10px #888888;
}
.boton-coleccion a {
  color: #ffffff;
}
.fondo-boton-coleccion {
  background: #ffffff;
}
/* ------------- VISUALIZACIÓN CENTRADA DE LOS MODULOS POR ID ------------- */
#mod-custom124 {
  text-align: center;
}
#mod-custom125 {
  text-align: center;
}
#mod-custom126 {
  text-align: center;
}
#mod-custom127 {
  text-align: center;
}
/* ------------- COLOR DE LA CLASE GRIS EN DEGRADADO ------------- */
.gris {
  filter: grayscale(100%);
}
/* ------------- DISEÑO DEL MODULO CON CLASE PINK ------------- */
.box-pink.moduletable, .box-pink.widget, .box-pink.g-outer-box, .box-pink > .g-content {
  background: #000000;
}
/* ------------- DISEÑO DEL EFECTO ZOOM ------------- */
.zoom {
  transition: transform 0.5s ease;
}
.zoom:hover {
  transform: scale(2.5);
}
a[data-zoom-id], .mz-thumb, .mz-thumb:focus {
  display: inline-block;
  line-height: 0;
  outline: none;
  width: 150px;
  margin: 20px;
}
/* ------------- DISEÑO DEL GLOBO DE TEXTO PENSAMIENTO DE SNOOPY ------------- */
.globo {
  background-image: url('../../../../images/imagenes/nube.png');
}
.wrap {
  width: inherit;
  height: 477px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('../../../../images/imagenes/nube.png');
  background-size: cover;
  background-position: center;
}
.wrap-texto {
  color: #000000;
  text-align: center;
  width: min-content;
  position: relative;
  top: -20px;
}
/* ------------- DISEÑO DEL FONDO DE LA PÁGINA EN NEGRO ------------- */
.negro-pagina .platform-content.container {
  background: #000000;
}
/* ------------- DISEÑO DE LA PÁGINA INFINITE ------------- */
#infinite {
  width: 600px;
  border-top: 30px solid #000000;
}
/* ------------- DISEÑO DEL MÓDULO CON LA CLASE CAJA-BLANCA ------------- */
.caja-blanca {
  border: 10px solid #cecece;
  margin-top: 30px;
  background: linear-gradient(174deg, white 0%, white 35%, #7a766e 100%);
}
/* ------------- DISEÑO DEL BOTÓN DE INFO ------------- */
.boton-info {
  padding: 2px 49px;
  margin: 20px;
}
/* ------------- DISEÑO DEL LEER MÁS ------------- */
.readmore {
  background: #ffffff;
  display: inline-block;
}
/* ------------- DISEÑO DEL LA VISTA DE ARTÍCULOS ------------- */
.items-leading {
  background: #000000;
}
.articulos .columns-2 {
  background: #ffffff;
  border: 10px solid #000000;
}
/* ------------------------------------------------ OPENCART ------------------------------------------ */
/* ------------- DISEÑO DEL COLOR DE LOS ENLACES ------------- */
.body-oc a {
  color: #caa554 !important;
  text-decoration: underline;
}
/* ------------- DISEÑO DE LAS CELDAS ------------- */
.body-oc .mb-3 {
  margin-bottom: 1rem !important;
  text-align: center;
}
/* ------------- DISEÑO DE LA CLASE H1 ------------- */
.col-sm h1 {
  background: #000000;
  color: #cecece !important;
  padding: 10px 20px;
}
/* ------------- OCULTAMOS LAS TABS ------------- */
.body-oc .nav-tabs {
  margin-top: 15px;
  display: none !important;
}
/* ------------- CENTRAMOS EL CONTENIDO ------------- */
.tab-content {
  text-align: center;
  margin-top: 50px;
  font-size: 0.9rem;
}
/* ------------- CENTRAMOS EL CONTENIDO ------------- */
.body-oc .form-control {
  display: -webkit-inline-box !important;
  text-align: center !important;
}
/* ------------- OCULTAMOS ------------- */
.body-oc .col-md-8 {
  display: none !important;
}
.body-oc .float-end {
  display: none !important;
}
.body-oc #top-oc {
  display: none !important;
}
#display-control {
  display: none !important;
}
#content-oc h2 {
  display: none !important;
}
.body-oc .breadcrumb-oc {
  display: none !important;
}
#shipping-method {
  display: none !important;
}
.fa-arrow-right-arrow-left {
  display: none !important;
}
.fa-heart {
  display: none !important;
}
#header-cart {
  display: none !important;
}
.body-oc h3 {
  display: none;
}
.checkout {
  display: none;
}
/* ------------- CENTRAMOS LA TABLA ------------- */
.body-oc .mini-cart-info td {
  text-align: center;
}
/* ------------- COLOR DE FONDO DE LA IMAGEN DE LAS TARJETAS DE CRÉDITO ------------- */
#button-payment-method {
  background: #297635 !important;
  color: #ffffff;
  display: inline-block;
  width: 500px !important;
  text-align: center;
}
/* ------------- OCULTAMOS LA LINEA ------------- */
.quickcheckout-content {
  border: 0px solid #dddddd;
}
/* ------------- CLASE DE AVISO ------------- */
.aviso {
  border: 1px solid #df6363;
  padding: 50px;
}
/* ------------- PADDING PARA LAS FICHAS DE PRODUCTOS ------------- */
.body-oc .product-thumb {
  padding: 20px !important;
}
/* ------------- DISEÑO DE LOS PRECIOS ------------- */
.body-oc .price-tax {
  /* color: #999; */
  font-size: 15px !important;
  display: block;
  padding: 8px;
  margin: 0px 20px 20px 20px;
  background: #000000;
  color: #ffffff;
  font-weight: 400;
}
/* ------------- DISEÑO DE PAGO ------------- */
.checkout {
  clear: both;
  text-align: center;
  border: 0px solid #cecece;
  padding: 20px;
  font-size: 15px;
}
/* ------------- ALTO DE LA DESCRIPCIÓN ------------- */
.description p {
  min-height: 40px;
}
/* ------------- DISEÑO PRECIO ------------- */
.price-new {
  color: #9f9f9f !important;
}
/* ------------- ESPACIO SUPERIOR DEL CONTENIDO ------------- */
#content-oc {
  margin-top: 20px;
}
/* ------------- DISEÑO DEL PRECIO SIN IMPUESTOS ------------- */
.price-no-tax {
  font-size: 1.5rem;
  text-align: center;
}
/* ------------- TAMAÑO DEL ÁERA GRIP ------------- */
.g-grid {
  width: 100%;
}
/* ------------- MAGEN SUPERIOR EN LA DESCRIPCION EN EL TAB ------------- */
#tab-description {
  margin-top: 50px;
}
/* ------------- ANCHO DE LA ZONA QUE MUESTRA LOS PRODUCTOS EN EL CARRITO ------------- */
.mini-cart-info {
  float: left;
  width: 75%;
  margin-top: 10px;
}
/* ------------- COLOR BOTÓN CARRTIO AJAX PARA MÓVIL ------------- */
.body-oc .btn.btn-inverse {
  overflow: hidden;
  background: #409700;
  color: #ffffff;
  margin: 5px 20px;
}
/* ------------- TAMAÑO DEL BOTÓN ELIMINAR PRODUCTO DEL CARRITO ------------- */
.body-oc .btn-danger {
  height: 30px !important;
}
/* ------------- TAMAÑO DE LA CELDA EN EL CARRITO ------------- */
.body-oc .mini-cart-info td {
  vertical-align: middle !important;
  padding: 3px 5px !important;
  border-bottom: 0px solid #EEEEEE !important;
}
/* ------------- MARGEN DEL BOTÓN ELIMINAR ------------- */
.body-oc .btn {
  --bs-btn-padding-x: 0.1rem !important;
  --bs-btn-padding-y: 0.1rem !important;
}
/* ------------- MARGEN SUPERIOR ------------- */
.body-oc p {
  margin-top: 1rem !important;
  margin-bottom: 0rem !important;
}
/* ------------- ELIMINAMOS LINEA ------------- */
.mini-cart-total table {
  border: 0px solid #dedede !important;
}
/* ------------- TÍTULO DE LAS NOTICIAS------------- */
.prensa .page-header h2 {
  text-align: center;
  font-size: 25px;
}
/* ------------- LINEAS SEPARADORAS DE LAS NOTICIAS ------------- */
.prensa .blog-items.columns-2 > div {
  border: 1px solid #cecece;
  padding: 20px;
}
/* ------------- CLASE PORTADA ------------- */
.portada {
  width: 300px;
  border: 1px solid #cecece;
  box-shadow: 0px 0px 10px #cecece;
}
/* ------------- TAMAÑO IMAGEN EN EL LOGIN ------------- */
#Passkey {
  width: 50px;
}
/* ------------- TAMAÑO LOGIN ------------- */
#nav-logout {
  display: inline-block;
  width: 100px;
}
/* ------------- TAMAÑO BOTÓN MENÚ ------------- */
#button-menu {
  width: 180px !important;
}
/* ------------- TAMAÑO CÍRCULO RADIO ------------- */
.body-oc .form-check-input[type=radio] {
  border: 3px solid #7a143b;
  font-size: 13px;
  float: inherit !important;
}
/* ------------- RESALTADO CANTIDAD EN LA VISTA PRODUCTO ------------- */
.body-oc .input-group input.form-control, .body-oc input.form-control, .body-oc button, .body-oc select, .body-oc optgroup, .body-oc textarea, .body-oc .input-group label {
  height: inherit !important;
  margin-bottom: 0;
  border: 3px solid #297635;
}
/* ------------- BOTÓN COMPRAR EN LA VISTA PRODUCTO ------------- */
.body-oc .btn-lg, .body-oc .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.015625rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
  background: #329556 !important;
  color: #ffffff !important;
  padding: 5px 20px !important;
}
/* ------------- COLOR FONDO Y TEXTO ------------- */
#checkout-payment {
  background: #329556 !important;
  color: #ffffff;
}
/* ------------- COLOR FONDO Y TEXTO ------------- */
#button-payment-methods {
  background: #329556 !important;
  color: #ffffff;
}
/* ------------- LLAMADA A LA ACCIÓN ------------- */
.call-shop {
  background: #000000 !important;
  color: #ffffff;
  margin-top: 20px;
  padding: 3px 20px;
  display: inline-block;
  border-top: 3px solid #cecece;
  border-bottom: 3px solid #cecece;
  font-size: 0.6rem;
  letter-spacing: 2px;
}
.call-shop a {
  color: #ffffff;
}
/* ------------- TAMAÑO TEXTO VISTA PRODUCTO ------------- */
.body-oc h1 {
  font-size: 2rem;
}
/* ------------- DISEÑO BOTÓN COMPRAR ------------- */
.button-group button {
  flex: 33%;
  border-radius: 0;
  display: inline-block;
  border: none;
  background-color: #65b581 !important;
  color: #000000 !important;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px !important;
  margin: 0px 75px !important;
}
.body-oc .product-thumb .button-group {
  border-top: 0px solid #ddd !important;
  background-color: #ffffff !important;
}
/* ------------- MARGEN PARA VISTA MÓVIL ------------- */
.magnific-popup {
  margin-bottom: 20px;
}
/* ------------- MARGEN PARA VISTA MÓVIL ------------- */
#mod-custom175 {
  padding: 0px 10px;
}
/* ------------- COLOR FONDO BOTÓN ------------- */
.tienda .btn-danger [type=submit]:not(:disabled) {
  background: #7c2665 !important;
}
/* ------------- ELIMINAMOS LINEA ------------- */
.body-oc .product-thumb .button-group {
  border-top: 0px solid #ddd !important;
  background-color: transparent !important;
}
/* ------------- DISEÑO BOTÓN - CUIDADO - MODIFICA EL CARRITO DEL MÓVIL ------------- 
.body-oc .btn {
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #646464 !important;
}*/
/* ------------- BOTÓN USUARIO ------------- */
.boton-user {
  background: #3a2828 !important;
  padding: 2px 20px !important;
  border: 1px solid #cecece;
}
/* ------------- DISEÑO TABLA CARRITO ------------- */
.g-grid #module-cart {
  font-size: 1rem;
  min-width: 900px;
  width: 100%;
  display: inline-block;
  background: #ffffff;
  padding: 20px;
}
.body-oc .alert-success {
  width: 50px !important;
  height: 200px;
  font-size: 1rem;
  text-align: center;
  z-index: 1;
  position: relative;
  display: inline-block;
  padding: 10px 5px;
  top: 1px;
  left: 1px;
}
.enlace-comprar {
  background: #000000;
  padding: 5px 20px;
  display: inline-block;
}
.list-unstyled {
  padding: 0px !important;
}
ul {
  margin-left: 0rem;
  padding: 0;
}
.tienda .button-group {
  display: none !important;
}
/*# sourceMappingURL=custom_26.css.map */