/*
Theme Name: App RENTARTURISMO
Theme URI: https://rentarturismo.com
Template: rentalhive
Author: Rafael Medina
Author URI: https://rentarturismo.com
Description: A multipurpose WordPress theme that allows you to build a peer-to-peer rental marketplace.
Tags: left-sidebar,custom-colors,custom-menu,custom-logo,custom-header,featured-image-header,featured-images,footer-widgets,theme-options,threaded-comments,translation-ready
Version: 1.0.1744374764
Updated: 2025-04-11 07:32:44
*/

/* ===========================================
   COLORES CORPORATIVOS Y VERIFICACIONES
   =========================================== */

/* Ícono de verificación para anfitriones o empresarios (naranja al centro con borde verde) */
.hp-vendor__verified-badge.hp-icon.fas.fa-check-circle {
    color: #fc7e08 !important;
    border: 2px solid #2d8800;
    border-radius: 50%;
    padding: 2px;
}

/* Ícono de verificación para anuncios/listados (verde al centro con borde naranja) */
.hp-listing__verified-badge.hp-icon.fas.fa-check-circle,
.hp-listing_verified-badge.hp-icon.fas.fa-check-circle {
    color: #2d8800 !important;
    border: 2px solid #fc7e08;
    border-radius: 50%;
    padding: 2px;
}

/* ===========================================
   DIMENSIONES DE IMÁGENES Y CONTENIDOS
   =========================================== */
.hp-listing-category--view-block .hp-listing-category__content,
.hp-testimonial__image {
    height: 300px;
    width: 350px;
    min-height: 250px;
    max-height: 400px;
}

/* ===========================================
   ESTILOS DE INPUTS Y CAMPOS DE TEXTO
   =========================================== */
input[type="number"], input[type="text"], input[type="search"],
input[type="password"], input[type="email"], input[type="url"],
.hp-field--number, .select2-search__field, .select2-selection__rendered,
.hp-field--search, textarea, .hp-field input[type=checkbox]+span::before {
    border: none;
    border-bottom: .5px solid #799E36;
}

/* ===========================================
   CONTENEDORES Y ESPACIADOS
   =========================================== */
.footer-widgets, .sub-menu {
    border: none;
    padding: 20px;
}
.sub-menu {
    overflow-x: hidden;
    height: 250px;
}
.site-content {
    border-bottom: 2px solid #799E36;
}

/* ===========================================
   ESTILOS DE TEXTO
   =========================================== */
body, h1, h2, h3, h4, h5, h6, label, ::placeholder,
.content-subtitle, .has-text-align-center {
    color: black;
}
a {
    color: #009cf7;
}
a:hover {
    color: #ff4500;
}
h1.entry-title {
    color: #ffffff !important;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    opacity: 1 !important;
}

/* ===========================================
   ÍCONOS DE REDES SOCIALES EN FOOTER
   =========================================== */
.widget_nav_menu ul.menu li a[href*="instagram.com"]::before {
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
    margin-right: 8px;
}
.widget_nav_menu ul.menu li a[href*="facebook.com"]::before {
    content: "\f39e";
    font-family: "Font Awesome 5 Brands";
    margin-right: 8px;
}
.widget_nav_menu ul.menu li a[href*="twitter.com"]::before,
.widget_nav_menu ul.menu li a[href*="x.com"]::before {
    content: "\f099";
    font-family: "Font Awesome 5 Brands";
    margin-right: 8px;
}
.widget_nav_menu ul.menu li a[href*="linkedin.com"]::before {
    content: "\f0e1";
    font-family: "Font Awesome 5 Brands";
    margin-right: 8px;
}
.widget_nav_menu ul.menu li a[href*="tiktok.com"]::before {
    content: "\e07b";
    font-family: "Font Awesome 5 Brands";
    margin-right: 8px;
}
.widget_nav_menu ul.menu li a[href*="youtube.com"]::before {
    content: "\f167";
    font-family: "Font Awesome 5 Brands";
    margin-right: 8px;
}

/* Íconos Font Awesome del menú del blog del footer */
.footer-menu .menu li a i {
    margin-right: 6px;
    font-size: 14px;
    color: #6a6a6a;
    vertical-align: middle;
    transition: color 0.3s ease;
}
.footer-menu .menu li a:hover i {
    color: #2d8800;
}
.footer-menu .menu li a {
    display: flex;
    align-items: center;
}

/* Footer */
.footer-navbar__end {
    display: none !important;
}
.footer-navbar__copyright {
    color:#799E36 !important;
    font-weight: 500;
}

/* Categoría de entradas */
.descripcion-categoria {
    margin-bottom: 30px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Autor de entradas */
.post__author {
    display: none !important;
}

/* === ÍCONOS E INPUTS CORPORATIVOS === */

/* Icono de ubicación (mapa): naranja con centro blanco */
.hp-icon.fas.fa-map-marker-alt::before {
    color: #fc7e08 !important;
    background-color: white !important;
    border-radius: 50%;
    padding: 3px;
}

/* Icono de verificación de usuarios o listados */
.hp-listing__verified .hp-icon.fas.fa-check-circle::before,
.hp-vendor__verified .hp-icon.fas.fa-check-circle::before {
    color: #f99e36 !important;
    background-color: #799E36 !important;
    border-radius: 50%;
    padding: 2px;
}

/* Estilos CORPORATIVOS para TODOS LOS BOTONES (ajustados a borde redondeado) */
button,
input[type="submit"],
.wp-block-button__link,
.hp-button,
.hp-form__button,
.hp-vendor__action button,
.hp-menu__item--listing-submit button,
.hp-form__submit,
.hp-button--primary,
.button.button--primary,
.button.hp-field--submit,
.button.hp-button--primary {
    background-color: #799E36 !important;
    color: #ffffff !important;
    border: none;
    border-radius: 25px !important;
    padding: 10px 20px;
    font-weight: 500;
    transition: background-color 0.3s ease, color 0.3s ease;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.hp-button:hover,
.hp-form__button:hover,
.hp-vendor__action button:hover,
.hp-menu__item--listing-submit button:hover,
.hp-form__submit:hover,
.hp-button--primary:hover,
.button.button--primary:hover,
.button.hp-field--submit:hover,
.button.hp-button--primary:hover {
    background-color: #FC7E08 !important;
    color: #ffffff !important;
}

/* Estilos exclusivos para los botones de categoría en páginas de detalle de publicaciones */
.single .hp-listing__categories a {
  background-color: #88af3f !important;
  color: #fff !important;
  border-radius: 999px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0.375rem 0.75rem;
  transition: background-color 0.25s;
  position: relative;
  z-index: 1;
  box-shadow: none;
  background-image: none !important;
}

/* Hover: naranja corporativo */
.single .hp-listing__categories a:hover {
  background-color: #f1b66c !important;
  color: #fff !important;
}

/* Estilo exclusivo para la cabecera del sitio principal */
body.site-principal.home .header-hero {
  position: relative;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-bottom: 180px;
}

/* estlo para las cabeceras de los subdirectorios*/
body.sub-sitio.home .header-hero {
  position: relative;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-bottom: 240px;
}

/* Degradado oscuro sobre la imagen para mejorar legibilidad del texto */
body.home .header-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
  z-index: 1;
}

/* Posicionar el texto correctamente sobre la imagen */
body.home .header-hero > * {
  position: relative;
  z-index: 2;
}

/* Restaurar estilo original de categorías en tarjetas (vistas previas de listados) */
.hp-listing-view-block .hp-listing__categories a,
.hp-listings .hp-listing__categories a {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.35)) !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border-radius: 999px;
  padding: 0.375rem 0.75rem;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color 0.25s, background 0.25s;
}

/* Estilo hover suave */
.hp-listing-view-block .hp-listing__categories a:hover,
.hp-listings .hp-listing__categories a:hover {
  background-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}