.elementor-11 .elementor-element.elementor-element-1ccbb86{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-e22dfc4{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-35af0c5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-46e342a{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-f796839{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-61edd10{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-aac976f{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-4c1bb3d{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-1ccbb86{--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-e22dfc4{--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-35af0c5{--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-46e342a{--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-f796839{--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-61edd10{--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-aac976f{--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-4c1bb3d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-1ccbb86{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-e22dfc4{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-35af0c5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-46e342a{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-f796839{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-61edd10{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-aac976f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-4c1bb3d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-fa7921a *//* =========================
   BOTÓN
========================= */

.btn,
.formulario button{
  background:var(--azul-claro);
  color:var(--blanco);
  border:none;
  border-radius:40px;
  font-weight:bold;
  cursor:pointer;
  transition:var(--transicion);
  box-shadow:0 6px 15px rgba(51,181,255,.4);
}

.btn{
  padding:22px 45px;
  font-size:1.3rem;
  text-decoration:none;
  margin-top:60px;
}

.btn:hover,
.formulario button:hover{
  background:var(--azul-hover);
  transform:scale(1.05);
}

.formulario button{
  padding:18px 40px;
  font-size:1.2rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d68019e *//* =========================
   SECCIONES
========================= */

.productos,
.configurador,
.servicios,
.contacto{
  padding:60px 20px;
  text-align:center;
  background:var(--fondo);
}

.productos h2,
.formulario h2,
.servicios h2,
.contacto h2{
  color:var(--azul);
  font-weight:800;
  letter-spacing:1px;
  margin-bottom:40px;
}

.productos h2,
.formulario h2{
  font-size:2.3rem;
}

.servicios h2,
.contacto h2{
  font-size:32px;
}

/* =========================
   CARDS
========================= */

.cards{
  display:flex;
  justify-content:center;
  gap:20px;
  flex-wrap:nowrap;
}

.servicios-container,
.config-box{
  display:flex;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
}

.card,
.servicio-card,
.opciones,
.resultado{
  background:var(--blanco);
  border-radius:var(--radio);
  box-shadow:var(--sombra);
  transition:var(--transicion);
}

.card,
.servicio-card{
  padding:20px;
}

.card{
  width:280px;
  box-shadow:var(--sombra-azul);
}

.card:hover,
.servicio-card:hover,
.resultado:hover{
  transform:translateY(-8px);
}

.card img,
.resultado img{
  width:100%;
  border-radius:10px;
}

.card h3,
.servicio-card h3{
  color:var(--azul-oscuro);
  font-weight:700;
  margin-top:15px;
}

.productos h3{
  color:#0d6efd;
  font-weight:500;
  letter-spacing:.8px;
  margin-top:30px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecc4457 *//* SELECT — SOLO ARREGLA EL TEXTO */
#tipoPC {
  width: 100%;
  height: 50px;

  font-size: 16px;
  color: #333 !important;

  border: 2px solid #cfe3ff;
  border-radius: 25px;

  background-color: #fff !important;

  outline: none;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  /* ARREGLO DEL TEXTO */
  padding-left: 20px;
  padding-right: 45px;

  line-height: normal !important;
  display: block !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;

  background-image: none !important;
  box-sizing: border-box;

  overflow: visible !important;
}

/* PLACEHOLDER */
#tipoPC option[value=""] {
  color: #777 !important;
}

/* FLECHA AZUL PBTEC — MODERNA */
.select-wrapper {
  position: relative;
  width: 100%;
  overflow: visible !important;
}

.select-wrapper::after {
  content: "";
  position: absolute;

  right: 15px;
  top: 50%;
  transform: translateY(-50%);

  width: 20px;
  height: 20px;

  /* Flecha moderna azul PBTEC */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23007bff' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px 20px;

  pointer-events: none;
  z-index: 99;
}
/* =========================
   FORMULARIO
========================= */

.formulario{
  background:transparent;
}

.formulario form,
.contacto form{
  display:flex;
  flex-direction:column;
  gap:20px;
  margin:auto;
}

.formulario form{max-width:500px;}
.contacto form{
  max-width:400px;
  margin-bottom:40px;
}

.formulario input,
.formulario select,
.contacto input,
.contacto select,
.contacto textarea{
  width:100%;
  padding:15px 20px;
  border:2px solid #cce5ff;
  border-radius:30px;
  font-size:1rem;
  outline:none;
  transition:var(--transicion);
}

.formulario input:focus,
.formulario select:focus{
  border-color:var(--azul-claro);
  box-shadow:0 0 10px rgba(51,181,255,.3);
}
/********
 * 
 * Select presupuesto 
 * 
 * ***********/
#tipoPC {
  width: 100%;
  height: 50px;
  padding-left: 25px;   /* MOVER TEXTO */
  font-size: 16px;
  color: #003d80 !important;
  border: 2px solid #cfe3ff;
  border-radius: 25px;
  background-color: #fff !important;
  outline: none;
  box-sizing: border-box;
  line-height: 2px;    /* CENTRADO VERTICAL */

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* FLECHA PBTEC */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center; /* MOVER FLECHA */
  background-size: 16px;                 /* TAMAÑO FLECHA */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d72111 *//* =========================
   SERVICIOS
========================= */

.servicio-card{
  width:250px;
  border-radius:25px;
  box-shadow:var(--sombra-azul);
}

.servicio-card:hover{
  box-shadow:0 15px 35px rgba(0,123,255,.25);
}

.servicio-card img{
  width:100px;
  height:100px;
  border-radius:50%;
  object-fit:cover;
  margin-bottom:20px;
  border:3px solid var(--azul);
  padding:5px;
  background:var(--blanco);
}/* End custom CSS */