/*
Theme Name: Ireca
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Version: 1.8.6
Description: Created by <a href="https://themeforest.net/user/ovatheme">Ovatheme</a>
Author: <a href="https://themeforest.net/user/ovatheme">Ovatheme</a>
Author URI: <a href="https://themeforest.net/user/ovatheme/portfolio">Ovatheme</a>
License: GNU General Public License
License URI: license.txt
Tags: translation-ready, left-sidebar, right-sidebar
Text Domain: ireca
Domain Path: /languages/
*/

.contact-bar {
  display: flex;
  justify-content: center;   /* alinea los bloques horizontalmente */
  gap: 50px;                 /* espacio entre bloques */
     /* fondo gris claro */
  padding: 10px 20px;
  font-family: Arial, sans-serif;
  flex-wrap: wrap;           /* responsive */
}

.contact-item {
  display: flex;
  align-items: flex-start;   /* icono alineado con el título */
  gap: 10px;
}

.contact-item .icon {
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 2px;           /* centra icono verticalmente con el título */
}


/* aquí colocas tus propios íconos personalizados */
.phone-icon {
  background-image: url('https://thriftyguatemala.com/wp-content/uploads/2025/08/phone.png');
}
.email-icon {
  background-image: url('https://thriftyguatemala.com/wp-content/uploads/2025/08/mail.png');
}
.address-icon {
  background-image: url('https://thriftyguatemala.com/wp-content/uploads/2025/08/location.png');
}

.contact-item .text {
  display: flex;
  flex-direction: column;    /* título arriba, dato abajo */
}

.contact-item .label {
  font-weight: bold;
  color: #007bc4;            /* rojo corporativo */
  margin-bottom: 2px;
}

.contact-item a {
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.contact-item a:hover {
  color: #007bc4;
}

.footer .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.chat-icon.whatsapp {
    display: flex;
    align-items: center;
    gap: 8px;               /* Espacio entre icono y texto */
    background-color: #25D366; /* Verde oficial WhatsApp */
    color: #ffffff;
    padding: 10px 16px;
    border-radius: 50px;    /* Bordes redondeados */
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
}

.chat-icon.whatsapp:hover {
    background-color: #1ebe57; /* Verde más oscuro al pasar el mouse */
    transform: scale(1.05);
}

.whatsapp-text {
    display: inline-block;
}


.icono-personalizado {
  width: 40px;
  height: auto;
  border-radius: 8px; /* opcional, esquinas redondeadas */
}