/*
    Theme Name: Cellca
    Theme URI: 
    Author: Roosevelt Pérez
    Author URI: 
    Description: Theme Diseñado para Cellca
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: Cellca, Telefonia,Panama, Costa Rica
    Text Domain: Cellca
*/

@font-face {
  font-family: "HelveticaLight";
  src: url("fonts/helvetica-light-587ebe5a59211.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaOblique";
  src: url("fonts/Helvetica-Oblique.ttf") format("truetype");
  font-weight: normal;
  font-style: oblique;
}

@font-face {
  font-family: "HelveticaRoundedBold";
  src: url("fonts/helvetica-rounded-bold-5871d05ead8de.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica";
  src: url("fonts/Helvetica.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaBold";
  src: url("fonts/Helvetica-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaBoldOblique";
  src: url("fonts/Helvetica-BoldOblique.ttf") format("truetype");
  font-weight: bold;
  font-style: oblique;
}

@font-face {
  font-family: "HelveticaCompressed";
  src: url("fonts/helvetica-compressed-5871d14b6903a.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

:root {
  /** Fuentes **/
  --fuente-principal: "Helvetica", "sans-serif";

  /** Colores **/
  --azul: #005DFF;
  --blanco: #ffffff;
  --negro: #1D1D1F;
  --gris: #7A7A7A;
  --background-gris: #F4F4F4;
  --gris-border-footer: #b4b4b4;
  --fondo-botones: linear-gradient(90deg, #0070b2 0%, #00a6bd 100%);
  --fondo-letras: linear-gradient(180deg, #0070b2 0%, #00a6bd 100%);
  --gradiente-hover: linear-gradient(180deg, #0070b2 0%, #00a6bd 100%);
}
html {
  width: 100%;
  box-sizing: border-box;
  font-size: 62.5%; /* 10px = 1rem */

}
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  
  font-family: var(--fuente-principal);
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
  margin: 0;
  
}

/* Estilos de los encabezados */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fuente-principal);
  margin: 0 0 5rem 0;
  line-height: 1.2;
}

h1 {
  font-size: 6rem;
}

h2 {
  font-size: 4.8rem;
}

h3 {
  font-size: 3.6rem;
}

h4 {
  font-size: 2.4rem;
}

/* Globales */

p {
  margin: 0;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.imagen-destacada {
  margin-bottom: 3rem;
}

.contenedor {
     /* Ajusta este valor según el ancho deseado */
    margin: 0 auto;
    
}
.contenido-centrado {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  
}

/** Utilidades **/
.text-center {
  text-align: center;
}

.texto-primary {
  color: var(--azul);
}

.seccion {
  margin-top: 15rem;
}



.contenedor-principal-img-principal {
  display: flex;
  max-width: 1440px;
  padding: 0 150px;
  
  
  width: 100%;
  position: relative;
}

.imagen-principal-home-container {
  position: relative;
  text-align: center;
}

.imagen-principal-home-background-image {
  max-width: 100%;
  height: auto;
  display: block;
}

.imagen-principal-home-text-overlay {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  color: #1D1D1F;
  font-family: Helvetica, sans-serif;
  font-size: 5vw; /* Ajuste responsivo del tamaño de fuente */
  font-style: normal;
  font-weight: 700;
  line-height: 1.1em;
  
}
.imagen-principal-home-text-overlay h1 {
  
  font-family: Helvetica;
font-size: 111px;
font-style: normal;
font-weight: 700;
line-height: 100px; /* 90.09% */
letter-spacing: -2.22px;
}
.imagen-principal-home-text-overlay .imagen-principal-home-outsourcing {
  color: #005DFF;
}

a[href^="tel"] {
  color: black;
  text-decoration: none;
}



@media only screen and (max-width: 768px) {
  .contenedor {
    padding: 0 5px;
   
  }
  .seccion {
    margin-top: 15rem;
  }
  .contenedor-principal-img-principal {
   padding: 0 0 !important;
  }
  .pagina-dist-principal-img img {
    width: 100px !important;
    height: 100px !important;
    margin: 0;
  }
  .pagina-dist-principal-titulo {
    text-align: center;
font-family: Helvetica;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 46px;
margin: 0;
  }
  .pagina-dist-principal h1 {
margin: 0;
  }
  .pagina-dist-principal{
    gap: 40px;
  }
}

@media only screen and (max-width: 1040px) {
  .contenedor {
    padding: 0 5px;
    
  }
}

.menu-inicio  {
  display: none !important;
}


@media only screen and (max-width: 1282px)  {
  .contenedor-principal-img-principal {
    padding: 0 20px;
  } 
  .imagen-principal-home-text-overlay {
    left: 60%;
  }
}

@media only screen and (max-width: 1110px) {
  .imagen-principal-home-text-overlay {
    left: 70%;
  }
}
@media only screen and (max-width: 950px) {
  .imagen-principal-home-text-overlay {
    left: 70%;
  }
}



@media only screen and (max-width: 814px) {
  .contenedor-principal-img-principal {
    display: block;
    padding: 0; /* Reduce el padding para pantallas pequeñas */
    
}

.imagen-principal-home-text-overlay {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    
}

.imagen-principal-home-text-overlay h1 {
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 100% */
}
.imagen-principal-home-container img {
  width: 227px !important;
  height: 166px !important;
}
}





.pagina-dist-principal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  
}

.pagina-dist-principal-img img {
  
  width: 162px;
height: 163px;
}

.pagina-dist-principal-titulo {
  margin: 0;
  font-family: Helvetica;
  font-size: 45px;
  font-style: normal;
  font-weight: bold;
  line-height: 46px;
  background: linear-gradient(90deg, #0070B2 0%, #00A6BD 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #3366ff; /* Solo en caso de navegadores que no soporten los gradientes */
}

.pagina-dist-principal-descripcion {
  color: #1d1d1f;
  text-align: center;
  
  font-family: Helvetica;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: 0.34px;
}
@media only screen and (max-width: 768px) {
  .pagina-dist-principal-titulo {
    font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 46px;
  }
  .pagina-dist-principal-descripcion {
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
letter-spacing: 0.32px;
  }
}