html,
body {
padding: 0;
margin: 0;

font-family: "Open Sans", Arial, sans-serif;
font-size: 15px;
line-height: 1.6;
}
h1, h2, h3
{
font-weight:400;

	
}
.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.text-lg {
font-size:32px;
}
/***********************/
.top {
float:left;
width: 100%;
height:62px;

position: fixed;
z-index: 1000;	

background-color:#fff;
border-bottom:1px solid #E9EBEE;	
	
}

.cuerpo {
float:left;
width: 100%;
margin-top:62px;

}

.pie {
float:left;
width: 100%;
margin-top:30px;

background-color:#F2F4F7;
border-top:1px solid #E9EBEE;

}

/******************************/
.bartop {
width: 100%;
max-width: 1230px;
padding: 0 15px;
margin: auto;

height: 100%;
box-sizing: border-box;
 }

.cuerpomarca {
width: 100%;
max-width: 1230px;
padding: 0 15px;
margin: auto;
box-sizing: border-box;	

 }

.piecon {
width: 100%;
max-width: 1230px;
padding: 0 15px;
margin: auto;
font-size:small;
    
box-sizing: border-box;	


 }

/**********************************/


.uhf-brand {
	height:62px;
	float:left;
	 }
.uhf-brand img{

margin-top: 15px;
width:145px;

	}
.barmenu {
	float:left;
	margin-top: 20px;
	margin-left:150px;
	display: block;
 }
 .menu-mobile {
    display: none;
	float: right;
	margin: 6px 15px 6px 0px;
	
}
 
 .btnmenu-mobile {
  display: inline-block;
    padding: 15px 20px;
    
    text-decoration: none;

 
    border-radius: 5px;
   
    cursor: pointer;
	 border:1px solid #fff;
	 transition: all 0.3s ease;
	 background: #2563eb;
    color: #fff;
 }
 
 
.barlogin {
	float:right;
	margin-top: 10px;
 }


.btnlite{
   display: inline-block;
    padding: 10px 15px;
    
    text-decoration: none;
  color: black;
 
    border-radius: 25px;
   
    cursor: pointer;
	 border:1px solid #fff;
	 transition: all 0.3s ease;
	 color: #444;
 }
 .btnlite:hover{
background: #FCFCFC;
 border:1px solid #E9EBEE;
 color: #000;
 }
 
 .btnreg{
   display: inline-block;
    padding: 10px 15px;
    
    text-decoration: none;

 
    border-radius: 25px;
   
    cursor: pointer;
	 border:1px solid #fff;
	 transition: all 0.3s ease;
	 background: #2563eb;
    color: #fff;
 }
 .btnreg:hover{
 background: #1d4ed8;

 color: #fff;
 }
.btnini{
   display: inline-block;
    padding: 10px 15px;
    
    text-decoration: none;

 
    border-radius: 25px;
   
    cursor: pointer;
	 border:1px solid #fff;
	 transition: all 0.3s ease;
	 background: #fff;
    color: #2563eb;
	border:1px solid #2563eb;
 }
 .btnini:hover{
 background: #F0F7FE;


 }

.btnmenu{
   display: inline-block;
    padding: 0px 10px;
    
    text-decoration: none;

 
   
    cursor: pointer;
	 
	 transition: all 0.3s ease;
	 
    color: #555;
	
 }
 .btnmenu:hover{

/*text-decoration: underline;*/
color: #000;
 } 
 
 
 
 
 .btnblu {
    display: inline-block;
    padding: 12px 24px;
    background: #2563eb;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
	
}

.btnblu:hover {
    background: #1d4ed8;
  /*  transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);*/
}




.cuerpomarcai {
width:46%;

margin:auto;
float:left;
display: block;



min-height: 505px;
min-width:620px;
background-image: url("../img/web.jpg");



    background-position: center;
    background-repeat: no-repeat;
 }
 
 .cuerpomarcad {
width:46%;

margin:auto;
float: right;
min-height:505px;

box-sizing: border-box;
justify-content: center;


 display: block;
 
 
  

 }
 
 
 .cuerpomarca1i {
width:58%;

float:left;
display: block;



 }
 
 .cuerpomarca1d {
width:40%;

float: right;

 display: block;
  
text-align: center;
 }
 
 
 
 
 
 
 .espacio60 {
width:100%;

float: left;
min-height:60px;

  

 }
.cuerpomarcac {

width:100%;
text-align:center;
margin-top:30px;

margin:auto;
float:left;
display: block;

 }

.cuerpomarcac700 {

width:950px;
text-align:center;
margin-top:30px;


float:left;
display: block;
padding:0px 125px 0px 125px;


 }



/* FORMATOS Y ESTILOS*/

.form-group {
    margin-bottom: 18px;
}

label {
    display: block;
    margin-bottom: 6px;

    font-size: 14px;
    font-weight: 600;
    color: #333;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
    width: 100%;
    padding: 12px 14px;

    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;

    color: #222;
    background-color: #fff;

    border: 1px solid #DADDE1;
    border-radius: 8px;

    outline: none;
    box-sizing: border-box;
}
/*
input:not([type="checkbox"]):not([type="radio"]),
select {
    min-height: 46px;
}
.checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    width: 100%;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;

    cursor: pointer;
}

.checkbox-group input[type="checkbox"] {
    width: 18px;
    height: 18px;

    min-width: 18px;
    min-height: 18px;

    padding: 0;
    margin: 2px 0 0 0;

    display: inline-block;
    flex: 0 0 18px;

    accent-color: #4A67FF;
}

.checkbox-group span {
    display: block;
    flex: 1;
    min-width: 0;
}
textarea {
    min-height: 120px;
    resize: vertical;
}


*/
input::placeholder,
textarea::placeholder {
    color: #9A9FA8;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #4A67FF;

    box-shadow:
        0 0 0 3px rgba(74, 103, 255, 0.12);
}

.input-error {
    border-color: #D93025;
}

.form-error {
    margin-top: 6px;

    font-size: 13px;
    color: #D93025;
}
button {
    min-height: 46px;
    padding: 0 20px;

    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;

    color: #fff;
    background-color: #4A67FF;

    border: none;
    border-radius: 8px;

    cursor: pointer;
}

button:hover {
    background-color: #3954DB;
}
/*
input[type="checkbox"] {
    width: 18px;
    height: 18px;

    margin: 0;

    accent-color: #4A67FF;

    cursor: pointer;
}
*/

/* ==================================================
   MENU MOVIL EXCLUSIVO
   Prefijo: xnavtel2026
   ================================================== */


/* OCULTO EN COMPUTADORA */

#xnavtel2026-contenedor {
    display: none;
}


/* SOLO TELEFONOS Y TABLETS PEQUEÑAS */

@media (max-width: 820px) {

    #xnavtel2026-contenedor {
        display: block;
        width: 100%;
        font-family: Arial, sans-serif;
    }


    /* =========================
       BARRA SUPERIOR
       ========================= */

    #xnavtel2026-contenedor .xnavtel2026-barra {

        width: 100%;
        height: 68px;

        background: #ffffff;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 0 20px;

        box-sizing: border-box;

        border-bottom: 1px solid #eeeeee;

        position: relative;
        z-index: 9000;
    }


    #xnavtel2026-contenedor .xnavtel2026-logo img {

        display: block;

        max-height: 38px;
        max-width: 160px;
    }


    /* =========================
       BOTON HAMBURGUESA
       ========================= */

    #xnavtel2026-contenedor .xnavtel2026-boton {

        width: 44px;
        height: 44px;

        border: 0;
        background: transparent;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        gap: 5px;

        cursor: pointer;

        padding: 0;
    }


    #xnavtel2026-contenedor .xnavtel2026-boton span {

        width: 25px;
        height: 2px;

        background: #111111;

        display: block;

        border-radius: 5px;
    }


    /* =========================
       FONDO OSCURO
       ========================= */

    #xnavtel2026-contenedor .xnavtel2026-fondo {

        position: fixed;

        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        background: rgba(0, 0, 0, 0.45);

        opacity: 0;
        visibility: hidden;

        transition:
            opacity 0.30s ease,
            visibility 0.30s ease;

        z-index: 9997;
    }


    #xnavtel2026-contenedor
    .xnavtel2026-fondo.xnavtel2026-fondo-activo {

        opacity: 1;
        visibility: visible;
    }


    /* =========================
       PANEL
       ========================= */

    #xnavtel2026-contenedor .xnavtel2026-panel {

        position: fixed;

        top: 0;
        right: 0;

        width: min(88%, 380px);
        height: 100dvh;

        background: #ffffff;

        transform: translateX(105%);

        transition: transform 0.32s ease;

        z-index: 9998;

        overflow-y: auto;

        box-sizing: border-box;

        box-shadow:
            -10px 0 30px rgba(0, 0, 0, 0.10);
    }


    #xnavtel2026-contenedor
    .xnavtel2026-panel.xnavtel2026-panel-activo {

        transform: translateX(0);
    }


    /* =========================
       CABECERA DEL PANEL
       ========================= */

    #xnavtel2026-contenedor .xnavtel2026-panel-cabecera {

        min-height: 75px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 0 22px;

        border-bottom: 1px solid #eeeeee;

        box-sizing: border-box;
    }


    #xnavtel2026-contenedor .xnavtel2026-panel-logo img {

        max-width: 145px;
        max-height: 38px;

        display: block;
    }


    #xnavtel2026-contenedor .xnavtel2026-cerrar {

        border: 0;

        background: transparent;

        font-size: 38px;
        line-height: 1;

        font-weight: 300;

        cursor: pointer;

        padding: 0;

        color: #111111;
    }


    /* =========================
       MENU
       ========================= */

    #xnavtel2026-contenedor .xnavtel2026-menu {

        width: 100%;

        padding: 15px 0;

        box-sizing: border-box;
    }


    #xnavtel2026-contenedor .xnavtel2026-enlace {

        width: 100%;
        min-height: 58px;

        padding: 0 24px;

        box-sizing: border-box;

        display: flex;
        align-items: center;
        justify-content: space-between;

        border: 0;
        border-bottom: 1px solid #eeeeee;

        background: #ffffff;

        color: #161616;

        font-size: 17px;
        font-weight: 600;

        text-decoration: none;
        text-align: left;

        cursor: pointer;
    }


    #xnavtel2026-contenedor .xnavtel2026-enlace:hover {

        background: #f8f8f8;
    }


    /* =========================
       FLECHA
       ========================= */

    #xnavtel2026-contenedor .xnavtel2026-flecha {

        font-size: 27px;

        font-weight: 300;

        transition: transform 0.25s ease;
    }


    #xnavtel2026-contenedor
    .xnavtel2026-desplegable.xnavtel2026-desplegado
    .xnavtel2026-flecha {

        transform: rotate(90deg);
    }


    /* =========================
       SUBMENU
       ========================= */

    #xnavtel2026-contenedor .xnavtel2026-submenu {

        display: none;

        background: #f7f7f7;
    }


    #xnavtel2026-contenedor
    .xnavtel2026-submenu.xnavtel2026-submenu-activo {

        display: block;
    }


    #xnavtel2026-contenedor .xnavtel2026-submenu a {

        min-height: 50px;

        padding: 0 35px;

        display: flex;
        align-items: center;

        border-bottom: 1px solid #e8e8e8;

        color: #444444;

        text-decoration: none;

        font-size: 15px;
        font-weight: 500;

        box-sizing: border-box;
    }


    /* =========================
       BOTON INFERIOR
       ========================= */

    #xnavtel2026-contenedor .xnavtel2026-accion {

        padding: 25px 22px 40px;

        box-sizing: border-box;
    }


    #xnavtel2026-contenedor .xnavtel2026-accion a {

        width: 100%;
        min-height: 52px;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #1267e5;

        border-radius: 7px;

        color: #ffffff;

        text-decoration: none;

        font-size: 16px;
        font-weight: 700;

        box-sizing: border-box;
    }

}


/* BLOQUEA SCROLL CUANDO MENU ESTA ABIERTO */

body.xnavtel2026-body-bloqueado {

    overflow: hidden;
}






@media (max-width: 768px) {

    input,
    select,
    textarea,
    button {
        font-size: 16px;
    }

.cuerpo{
margin-top:20px;

}
.top{
	display: none;

}
.barmenu {
        display: none;
    }
.barlogin {
        display: none;
    }

.menu-mobile {
        display: block;
    }
	
.cuerpomarcai {
display: none;

 }
 .cuerpomarcad {

width:100%;

 }
 
 .cuerpomarcac700{
 width:100%;

 
}