<!DOCTYPE html>
<html lang="es">
<head>

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-54HKG4BF');</script>
<!-- End Google Tag Manager -->
    <!-- Configuraci�n general del documento -->
    <meta http-equiv="Cache-control" content="public" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="keywords" content="HTML5, CSS3, JavaScript" />

    <!-- Ajuste responsive -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- T�tulo din�mico -->
    <title>Hosting Guadalajara, Hospedaje Web y Dominios - Web Hosting y Registro de Dominios en M�xico | NetmarketingWeb</title>
    
    <!-- Favicon -->
    <link rel="icon" href="/UserFiles/files/favicon.ico">
    <link rel="shortcut icon" type="image/x-icon" href="/UserFiles/files/favicon.ico" />
    
    <!-- ==========================
         CSS PRINCIPAL DEL SITIO
    =========================== -->
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/public/plugins/fontawesome-free/css/all.min.css">
    <!-- Bootstrap 5 CSS -->
    <link rel="stylesheet" href="/public/plugins/bootstrap/css/bootstrap.min.css">
    <!-- Glightbox -->
    <link rel="stylesheet" href="/public/plugins/glightbox/glightbox.min.css">
    <!-- Sweetalert 2 -->
    <link rel="stylesheet" href="/admin/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css">
    <!-- Animate2 -->
    <link href="/plantillas/wow/animate2.css" rel="stylesheet">

    <!-- Google Fonts (optimizado) -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href='https://fonts.googleapis.com/css?family=Nunito:300' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    
    <!-- Estilos externos -->
    <link rel="stylesheet" href="/plantillas/css/estilos_externo.css">

    
    <!-- CSS extra generado din�micamente -->
    <style>

/* NAVBAR */
.navbar {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF !important;
}

/* BODY */
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #FFFFFF;
    background-attachment: fixed;
    background-size: cover;
}

/* FONDO MENU */
#fnd-mnu {
    background-color: #08376EFF;
    border-bottom: 6px solid transparentFF;
    position: fixed; right: 0; left: 0; z-index: 30; 
}

/* DROPDOWN */
.dropdown-toggle:active,
.dropdown-toggle {
    color: #FFFFFF !important;
    border: none;
}

/* LINKS MENU */
.links_menu {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF !important;
    padding-left: 15px;
    line-height: 6px !important;
}

.links_menu:hover {
    color: #A1A1A1 !important;
    background-color: transparent !important;
    text-decoration: none;
    border-radius: 4px !important;
}

/* LINK MENU SELECCIONADO */
.link_menu_seleccionado {
    font-size: 14px;
    font-weight: bold;
    color: #A1A1A1 !important;
    background-color: transparent;
    padding-left: 15px;
    line-height: 6px !important;
}

.link_menu_seleccionado:hover {
    color: #A1A1A1 !important;
    background-color: transparent !important;
}

/* CABECERA */
#area-cabecera {
    background-color: transparent;
    margin-bottom: 0px;
}

#container-cabecera {
    margin-top: 35px;
}

/* PIE DE P�GINA */
.pie_pagina {
    font-size: 10px;
    color: #CCC;
    line-height: 15px;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 350px;
    background-color: #303030;
}

#txt-cabe {
    background-color: #FFFFFF;
}

iframe { width: 100%; }

/* RESPONSIVE */
@media all and (max-width: 990px) {

    #fnd-mnu {
        margin-top: -px !important;
    }

    .links_menu {
        margin-top: 7px;
        margin-bottom: 7px;
        text-align: left;
        width: 100%;
        max-width: 600px;
    }

    #container-cabecera {
        margin-top: 0px;
    }

    .link_menu_seleccionado {
        text-align: left;
    }

    .pie_pagina {
        height: auto;
    }
}

@media all and (max-width: 430px) {
    #fnd-mnu {
        background-color: #08376EFF;
        border-bottom: 6px solid transparent;
    }
}

</style>
    
    <!-- Bootstrap -->
    <script src="/public/plugins/bootstrap/js/bootstrap.min.js" async></script>
    <!-- jQuery -->
    <script src="/public/plugins/jquery/jquery.min.js"></script>
    <!-- jQuery validation -->
    <script src="/public/plugins/jquery-validation/jquery.validate.min.js"></script>
    <script src="/public/plugins/jquery-validation/additional-methods.min.js"></script>
    <!-- Glightbox -->
    <script src="/public/plugins/glightbox/glightbox.min.js" async></script>
    <!-- Sweetalert 2 -->
    <script src="/admin/plugins/sweetalert2/sweetalert2.min.js" async></script>
    <!-- Animate2 -->
    <script src="/plantillas/wow/wow.min.js" async></script>
    <!-- Paralax -->
    <script src="/plantillas/js/paralax.js" async></script>

	

<meta name="facebook-domain-verification" content="o63eiqrluudlr77q4pfxomymprkk4w" />

<!-- Meta Pixel Code -->
<script>
    ! function(f, b, e, v, n, t, s) {
        if (f.fbq) return;
        n = f.fbq = function() {
            n.callMethod ?
                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
        };
        if (!f._fbq) f._fbq = n;
        n.push = n;
        n.loaded = !0;
        n.version = '2.0';
        n.queue = [];
        t = b.createElement(e);
        t.async = !0;
        t.src = v;
        s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s)
    }(window, document, 'script',
        'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '1806352416443589');
    fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
        src="https://www.facebook.com/tr?id=1806352416443589&ev=PageView&noscript=1" /></noscript>
<!-- End Meta Pixel Code -->


<!-- TikTok Pixel Code Start -->
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};


  ttq.load('D5T7B93C77UCERU3IR40');
  ttq.page();
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->





<script src="https://clientes.netmarketingweb.com.mx/webservices/precios.js.php"></script>





</head>
<body>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-54HKG4BF"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
        <!-- Fuente local usando @font-face -->
        <style>
		
            @font-face { 
                font-family: Asmbuh;
                src: url('/secc_fuentes/asmbuh.otf'); 
            }
        </style>
<link href="https://fonts.googleapis.com/css2?family=Babylonica&display=swap" rel="stylesheet">        <!-- Fuente local usando @font-face -->
        <style>
		
            @font-face { 
                font-family: Coffete;
                src: url('/secc_fuentes/coffete.otf'); 
            }
        </style>
        <!-- Fuente local usando @font-face -->
        <style>
		
            @font-face { 
                font-family: Eternate;
                src: url('/secc_fuentes/eternate.regular.otf'); 
            }
        </style>
<link href="https://fonts.googleapis.com/css2?family=Monoton&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Rubik+Puddles&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Rubik+Wet+Paint&display=swap" rel="stylesheet"> 

<!-- ==========================
     MEN� PRINCIPAL
========================== -->
<script>
            $(function() {
            var Logo = $("#logo-cabe");
            var MenuBar = $("#menu-bar");
            var Navbar = $("#navbar");
            var ColorNavbar = $("#fnd-mnu");
            var go = true;

            if ($(window).width() > 640) {
                $(window).scroll(function() {
                    if ($(this).scrollTop() > 5 && go) {
                        Logo.animate({
                            height: '70px',
                            marginTop: '0px',
                        });

                        MenuBar.animate({
                            height: '70px',
                        });

                        ColorNavbar.css("background-color", "#08376EFF");
                                                ColorNavbar.css("border-bottom", "6px solid	transparentFF");

                        go = false;

                    } else if ($(this).scrollTop() < 5 && !go) {
                        Logo.animate({
                            height: '60px',
                            marginTop: '0px',
                        });

                        MenuBar.animate({
                            height: '70px',
                        });

                        ColorNavbar.css("background-color", "#08376EFF");
                                                ColorNavbar.css("border-bottom", "6px solid	transparentFF");

                        go = true;
                    }
                });
            } else {
                $(window).scroll(function() {
                    if ($(this).scrollTop() > 5 && go) {

                        ColorNavbar.css("background-color", "#08376EFF");
                                                ColorNavbar.css("border-bottom", "6px solid	transparentFF");

                        go = false;

                    } else if ($(this).scrollTop() < 5 && !go) {

                        ColorNavbar.css("background-color", "#08376EFF");
                                                ColorNavbar.css("border-bottom", "6px solid	transparentFF");

                        go = true;
                    }
                });
            }
        });
    </script>

<style>
    body {
        margin-top: 90.0000px;
    }
	
	#fnd-mnu {
        margin-top: -90.0000px;
	}

    .links_menu {
        border-radius: 4px !important;
    }

    .link_menu_seleccionado {
        margin-right: 5px !important;
        margin-left: 5px !important;
        border-radius: 4px !important;
    }

    /* Establece el z-index para la navbar */
    .navbar {
        z-index: 1030 !important;
    }

    #logo-cabe {
        height: 60px;
        animation-name: slidein;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        margin-top: 0px;
        transition: all 0.3s ease;
    }

    /*#navbar {
        padding-top: 21.875px;
    }*/

    
    /* Toggler personalizado con Font Awesome */
    .navbar-toggler-custom {
        border: 1px solid #FFFFFF;
        background: transparent;
        color: #FFFFFF !important;
        padding: 8px 12px;
        font-size: 1.2rem;
    }

    .navbar-toggler-custom:hover {
        background-color: transparent;
        color: #A1A1A1;
        border-color: #A1A1A1;
    }

    .navbar-toggler-custom:focus {
        box-shadow: none;
        outline: none;
    }

    /*.navbar {
        margin-bottom: -10px !important;
        min-height: 90px;
    }*/

    .dropdown-menu {
        padding: 0px 0;
    }

    #menu-bar {
        height: 70px;
    }

    @keyframes slidein {
        from {
            background-size: 110%;
        }

        to {
            background-size: 100%;
        }
    }

    /* Estilos para móvil */
    @media all and (max-width: 991px) {

        body {
            margin-top: px;
        }

        .navbar-collapse {
            padding-left: 0px;
            padding-right: 0px;
        }

        .navbar-nav {
            width: 100%;
            text-align: center;
        }

        #navbar>.nav-item {
            font-weight: bold;
            border-bottom: 1px solid #FFFFFF;
            width: 100%;
        }

        .link_menu_seleccionado {
            line-height: 22px !important;
            font-weight: bold;
        }

        .links_menu {
            border-radius: 0px !important;
            padding: 12px 15px !important;
        }

        .link_menu_seleccionado {
            margin-right: 0px !important;
            margin-left: 0px !important;
            border-radius: 0px !important;
            padding: 12px 15px !important;
        }

        #logo-cabe {
            max-width: 200px;
            max-height: 60px;
            height: auto;
            margin-top: 5px !important;
        }

        #menu-bar {
            height: auto !important;
            min-height: 80px;
            padding: 10px 0;
        }

        .navbar-toggler {
            margin-left: auto;
        }

        .navbar-brand {
            margin-right: auto;
        }
    }

    @media all and (max-width: 430px) {
        #menu-bar {
            height: auto !important;
            min-height: 70px;
        }

        #logo-cabe {
            max-width: 150px !important;
            max-height: 50px !important;
        }
    }

    .dropdown-menu li a:hover {
        background-color: transparent !important;
        color: #A1A1A1 !important;
    }

    /* Bootstrap 5 - Dropdown toggle */
    .dropdown-toggle::after {
        border-top: 6px dashed !important;
        border-right: 6px solid transparent !important;
        border-left: 6px solid transparent !important;
        vertical-align: middle;
        margin-left: 5px;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link.show,
    .navbar-nav .nav-link:focus {
        background-color: transparent !important;
        color: #A1A1A1 !important;
    }

    /* Mejoras para escritorio */
    @media all and (min-width: 992px) {
        .navbar-nav .nav-link {
            padding: 8px 15px !important;
            margin: 0 2px;
        }

        #menu-bar {
            display: flex;
            align-items: center;
        }

        .navbar-collapse {
            justify-content: flex-end;
        }
    }
</style>

<div class="container-fluid " id="fnd-mnu">

    <div id="txt-cabe" style="padding:0px; margin-left:-15px; margin-right:-15px;">
        <div id="cabecera" class="container" style="padding:3px; display:table;">
            <div style="display:table-row;">
                <span style="display:table-cell;">
                                        <div style="text-align:right;">
  <i class="fas fa-phone-volume"></i>
  <span style="margin-right:10px"><a href="tel:3338265976">GDL 33 3826 5976</a>, 
  <a href="tel:5585264472">CDMX 55 8526 4472</a></span>
  

  
 
   

  
  <span style="margin-right:10px"><a href="https://www.facebook.com/HospedajeWebMX/?fref=ts"><i class="fab fa-facebook"></i></a></span>

  
</div>

<style>
#txt-cabe{
	background-color:#FBAA2F;
	color:white;
}


#txt-cabe a{
	
	color:white;
}

</style>
                </span>
            </div>
        </div>
    </div>

    <div class="container" style="padding-left:0px; padding-right:0px;">
        <div class="row">
            <div class="col-12">
                <!-- Navbar Bootstrap 5 Corregido -->
                <nav id="menu-bar" class="navbar navbar-expand-lg navbar-light">
                    <div class="container-fluid">
                        <!-- Logo - siempre visible -->
                        <a class="navbar-brand" href="https://www.netmarketing.com.mx">
                            <img id="logo-cabe" class="d-inline-block align-top" src="/cabeceras/cabecera-7861.png" alt="Logo" />
                        </a>

                        <!-- Toggler - solo en móvil -->
                        <button class="navbar-toggler navbar-toggler-custom" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
                            <i class="fas fa-bars"></i>
                        </button>

                        <!-- Contenido colapsable -->
                        <div class="collapse navbar-collapse" id="navbarContent">
                            <ul id="navbar" class="navbar-nav ms-auto">
                                                                        <li class="nav-item">
                                            <a href="/" class="link_menu_seleccionado nav-link active fw-bold">
                                                Inicio                                            </a>
                                        </li>
                                                                        <li class="nav-item dropdown">
                                            <a href="#" class="links_menu nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                Web Hosting / Dominios                                            </a>
                                            <ul class="dropdown-menu">
                                                                                                    <li>
                                                        <a class="dropdown-item " href="/cuentas-de-correo-corporativos-empresariales-personalizados" style="background-color: #FFF; color: #000;">
                                                            Correo Personalizado                                                        </a>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider my-1">
                                                    </li>
                                                                                                    <li>
                                                        <a class="dropdown-item " href="/web-hosting-cpanel-basico" style="background-color: #FFF; color: #000;">
                                                            Hosting B�sico                                                        </a>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider my-1">
                                                    </li>
                                                                                                    <li>
                                                        <a class="dropdown-item " href="/web-hosting-cpanel-pymes" style="background-color: #FFF; color: #000;">
                                                            Hosting PYMES                                                        </a>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider my-1">
                                                    </li>
                                                                                                    <li>
                                                        <a class="dropdown-item " href="/web-hosting-cpanel-corporativo-I" style="background-color: #FFF; color: #000;">
                                                            Hosting Corporativo I                                                        </a>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider my-1">
                                                    </li>
                                                                                                    <li>
                                                        <a class="dropdown-item " href="/web-hosting-cpanel-corporativo-II" style="background-color: #FFF; color: #000;">
                                                            Hosting Corporativo II                                                        </a>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider my-1">
                                                    </li>
                                                                                                    <li>
                                                        <a class="dropdown-item " href="/megapaquetes-de-webhosting.php" style="background-color: #FFF; color: #000;">
                                                            Hostings Mega                                                        </a>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider my-1">
                                                    </li>
                                                                                                    <li>
                                                        <a class="dropdown-item " href="/registro-dominios-comprar-tu-dominio.php" style="background-color: #FFF; color: #000;">
                                                            Registro de dominios                                                        </a>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider my-1">
                                                    </li>
                                                                                            </ul>
                                        </li>
                                                                            <li class="nav-item dropdown">
                                            <a href="#" class="link_menu_seleccionado nav-link active fw-bold dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                Clientes                                            </a>
                                            <ul class="dropdown-menu">
                                                                                                    <li>
                                                        <a class="dropdown-item " href="/soporte" style="background-color: #FFF; color: #000;">
                                                            Soporte                                                        </a>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider my-1">
                                                    </li>
                                                                                                    <li>
                                                        <a class="dropdown-item " href="///clientes.netmarketingweb.com.mx/clientes/" style="background-color: #FFF; color: #000;">
                                                            Panel Clientes                                                        </a>
                                                    </li>
                                                    <li>
                                                        <hr class="dropdown-divider my-1">
                                                    </li>
                                                                                            </ul>
                                        </li>
                                                                            <li class="nav-item">
                                            <a href="/contacto.php" class="links_menu nav-link">
                                                Contacto                                            </a>
                                        </li>
                                                                        <li class="nav-item">
                                            <a href="/tutoriales" class="links_menu nav-link">
                                                Tutoriales                                            </a>
                                        </li>
                                
                                                                    <li class="nav-item">
                                        <a href="/blog/index.php" class="links_menu nav-link">
                                            <i class="fas fa-newspaper me-2"></i>Blog
                                        </a>
                                    </li>
                                
                                                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</div><!-- ==========================
     FIN DEL MEN�
========================== -->

<section>




<div  id="bk-184" class="container-fluid " style="background-color:#000000"><div class="opacidad_bk"></div><div><div class="row"><div id="sec-431" class="col-md-12 slider-431 " style="margin-bottom:0px; background-color:; color:;">
<style>
    /* Controles del carousel */
    #myCarousel431 .carousel-control-prev,
    #myCarousel431 .carousel-control-next {
        width: 4%;
        background-image: none !important;
    }
    
    /* Iconos de controles */
    #myCarousel431 .carousel-control-prev-icon,
    #myCarousel431 .carousel-control-next-icon {
        background-size: 100%, 100%;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.3);
    }
    
    #myCarousel431 .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
    
    #myCarousel431 .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }
    
    /* Altura de las imágenes */
    .item_img_sec_431 {
        height: 450px;
    }
    
    /* Indicadores */
    #myCarousel431 .carousel-indicators button {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin: 0 5px;
        border: 2px solid #fff;
        background-color: transparent;
    }
    
    #myCarousel431 .carousel-indicators button.active {
        background-color: #fff;
    }
    
    /* Textos responsivos */
    .carousel-caption h3 {
        font-size: 3.5vw;
        margin-top: 0;
    }
    
    .carousel-caption p {
        font-size: 2.2vw;
        margin-bottom: 0;
    }
    
    /* Media queries mejoradas */
    @media (max-width: 1366px) {
        .carousel-caption h3 {
            font-size: 5.5vw !important;
        }
        
        .carousel-caption p {
            font-size: 3.5vw !important;
        }
        
        .item_img_sec_431 {
            height: 450px;
        }
    }
    
    @media (max-width: 990px) {
        .carousel-caption h3 {
            font-size: 6.5vw !important;
        }
        
        .carousel-caption p {
            font-size: 5vw !important;
        }
        
        .item_img_sec_431 {
            height: 300px;
        }
        
        .carousel-indicators {
            display: none;
        }
        
        /* Ajustar controles para móvil */
        #myCarousel431 .carousel-control-prev,
        #myCarousel431 .carousel-control-next {
            width: 8%;
        }
    }
    
    @media (max-width: 430px) {
        .carousel-caption {
            bottom: 20px;
        }
        
        .carousel-caption h3 {
            font-size: 7vw !important;
        }
        
        .carousel-caption p {
            font-size: 5.5vw !important;
        }
        
        .item_img_sec_431 {
            height: 250px;
        }
    }
</style>

<div id="myCarousel431" class="carousel slide" data-bs-ride="carousel">
    <!-- Indicators -->
        <div class="carousel-indicators">
                    <button type="button" 
                    data-bs-target="#myCarousel431" 
                    data-bs-slide-to="0" 
                    class="active"
                    aria-current="true"
                    aria-label="Slide 1">
            </button>
                    <button type="button" 
                    data-bs-target="#myCarousel431" 
                    data-bs-slide-to="1" 
                    class=""
                    aria-current="false"
                    aria-label="Slide 2">
            </button>
            </div>
    
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
                    <div class="carousel-item active">
                <style>
                    .sec_431_imagen_n_0 {
                        background-image: url('/secc_slides/89710-data-center.jpg');
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }
                    
                    @media (max-width: 430px) {
                        .sec_431_imagen_n_0 {
                            background-image: url('/secc_slides/89710-data-center.jpg') !important;
                        }
                    }
                </style>
                
                <div class="item_img_sec_431 sec_431_imagen_n_0"></div>
                
                <div class="carousel-caption">
                    <div style="padding: 15px; 
                                                              border-radius: 20px;
                               display: inline-block;">
                        <h3 style="color: ;" 
                            class="wow animated fadeIn delay-1s animated">
                            Hosting y Registro de Dominios                        </h3>
                        <p style="color: ;" 
                           class="wow animated bounceInDown animated">
                            Registra tu dominio con nosotros                        </p>
                    </div>
                </div>
            </div>
                    <div class="carousel-item ">
                <style>
                    .sec_431_imagen_n_1 {
                        background-image: url('/secc_slides/97008-Slide_alta_express.jpg');
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                    }
                    
                    @media (max-width: 430px) {
                        .sec_431_imagen_n_1 {
                            background-image: url('/secc_slides/97008-Slide_alta_express.jpg') !important;
                        }
                    }
                </style>
                
                <div class="item_img_sec_431 sec_431_imagen_n_1"></div>
                
                <div class="carousel-caption">
                    <div style="padding: 15px; 
                                                              border-radius: 20px;
                               display: inline-block;">
                        <h3 style="color: ;" 
                            class=" delay-1s animated">
                            ALTA EXPRESS                        </h3>
                        <p style="color: ;" 
                           class=" animated">
                            Tu Web Hosting y dominio listo en 2 Horas                        </p>
                    </div>
                </div>
            </div>
            </div>

    <!-- Controls -->
        <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel431" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#myCarousel431" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
    </div></div>
			</div>
		</div>
	</div>
	<div id="bk-254" class="container-fluid " style="background-color:#0A4A95"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-711" class="col-md-12 html-711 " style="--padding:30px; background-color:; color:;"><div style="text-align:center; font-size:24px; color: #FFF">
Web Hosting y Registro de Dominios en M�xico
</div></div>
			</div>
		</div>
	</div>
	<div id="bk-263" class="container-fluid " style="background-color:transparent"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-729" class="col-md-12 html-729 " style="--padding:30px; background-color:; color:;"><style>
    .beneficios-tab {

        padding: 5px;
        margin: -18px;
        border-radius: 15px;
        border: 1px #FFF solid;
        box-shadow: 0 0 16px rgb(0 0 0 / 10%);
        background-color: #FFF;
        background: linear-gradient(0deg, rgba(213, 213, 213, 1) 0%, rgba(255, 255, 255, 1) 100%);


    }

    .beneficios-cel {
        display: inline-block;
        width: 19.5%;
        text-align: center;
        font-weight: bold;
        color: #036DB7;
        font-size: 14px;
    }

    .beneficios-cel div img {
        height: 60px;
    }

    @media(max-width: 476px) {

        .beneficios-tab {
            display: flex;
            justify-content: center;
        }

        .beneficios-cel {
            font-size: 10px !important;
            width: 18.5% !important;
        }

        .beneficios-cel div:nth-child(2) {
            margin-top: 5px;
        }

        .beneficios-cel div img {
            height: 40px;
        }
    }

    @media(max-width: 416px) {
        .beneficios-cel {
            font-size: 8px !important;
        }
    }

    @media(max-width: 321px) {
        .beneficios-cel {
            font-size: 6px !important;
        }
    }
</style>


<div class="beneficios-tab">
    <div id="b-1" class="beneficios-cel">
        <div><img src="/UserFiles/images/Experiencia.svg" /></div>
        <div>+ 10 A�os de Experiencia</div>
    </div>

    <div id="b-2" class="beneficios-cel">
        <div><img src="/UserFiles/images/Garantia.svg" /></div>
        <div>Servicio Garantizado</div>
    </div>

    <div id="b-3" class="beneficios-cel">
        <div><img src="/UserFiles/images/Alta Express.svg" /></div>
        <div>Alta Express</div>
    </div>

    <div id="b-4" class="beneficios-cel">
        <div><img src="/UserFiles/images/Soporte.svg" /></div>
        <div>Soporte telef�nico</div>
    </div>

    <div id="b-5" class="beneficios-cel">
        <div><img src="/UserFiles/images/Mejores data center.svg" /></div>
        <div>Los Mejores Data Center</div>
    </div>
</div></div>
			</div>
		</div>
	</div>
	<div id="bk-188" class="container-fluid " style="background-color:"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-432" class="col-md-3 " style="padding:30px;  background-color:; color:;">
<!-- -----------------------------------------------------------------------
CARD DEL PAQUETE
------------------------------------------------------------------------ -->
<div class="card" style="
    border: 1px solid #FFF;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
    background-color: #FFF;
">
    <div class="card-body">

        <!-- TÍTULO -->
        <p class="card-title" style="
            font-size: 1.2rem;
            font-weight: bold;
            text-align: center;
            color: #000;
        ">
            Hosting B�sico        </p>

        <div class="card-text">

            <!-- PRECIO -->
            <div style="
                color: #000;
                font-weight: 700;
                text-align: center;
                margin-top: 10px;
            ">
                <span style="font-size: 1.2rem">MX$</span>
                <span id="precio_432" style="font-size: 1.6rem">
                    <script>document.write(basico_prom);</script>                </span>
                <span id="tipo_pago_432" style="font-size: 1.4rem">
                    /a&ntilde;o                </span>
            </div>

            <!-- RADIOS: MENSUAL / ANUAL -->
            <div style="
                display: flex;
                justify-content: center;
                margin-bottom: 5px;
                text-align: center;
                color: #000;
            ">
                            </div>

            <!-- BOTÓN -->
            <div>
                <a href="https://clientes.netmarketingweb.com.mx/cart/registro-dominio.php?paquete=33&dominio=&ext=&sitio=2"
                    id="btn_agregar_432"
                    class="btn btn-info"
                    style="
                        font-weight: 700;
                        background-color: #FF0000;
                        color: #FFFFFF;
                        border: #FF0000;
                        width: 100%;
                        border-radius: 40px;
                        padding: 5px;
                        font-size: 1.0rem;
                        margin-bottom: 20px;
                    ">
                    Contratar                </a>
            </div>

            <!-- DESCRIPCIÓN -->
            <div>
                <p>
	<strong>2,600 MB</strong> de Espacio</p>
<p>
	<strong>10 Cuentas</strong> de correo</p>
<p>
	<strong>7,000 MB</strong> de Transferencia Mensual</p>
<p>
	<a href="/constructor-web-juppi">Constructor Web Juppi</a></p>
<p>
	<strong>1</strong> <strong>B&aacute;se de Datos</strong> MySQL</p>
<p>
	<a href="/hosting-cpanel">Panel de Control CPANEL</a></p>
<p>
	Instalador automatico de WordPress</p>
<p>
	Certificado SSL</p>
<p>
	Soporte Telef&oacute;nico</p>
<p>
	30 dias de garantia de satisfacci&oacute;n</p>
<p>
	<strike><strong>Precio Lista $<script>document.write(basico);</script>MXN</strong></strike></p>
<p>
	<a href="/web-hosting-cpanel-basico">Ver informaci&oacute;n detallada</a></p>
            </div>

        </div>
    </div>
</div>

<!-- -----------------------------------------------------------------------
JS: CAMBIO DE PRECIO DINÁMICO (MENSUAL/ANUAL)
------------------------------------------------------------------------ -->
<script>
function cambia_tipo_pago_432(tp, id_seccion) {

    var precio     = $("#precio_" + id_seccion);
    var tipo_pago  = $("#tipo_pago_" + id_seccion);
    var btn_agregar = $("#btn_agregar_" + id_seccion);

    if (tp === "mes") {
		precio.html('0.00');

        tipo_pago.html("/mes");
        btn_agregar.attr("href", "");
    } else {
		precio.html('0.00');

        tipo_pago.html("/a&ntilde;o");
        btn_agregar.attr("href", "https://clientes.netmarketingweb.com.mx/cart/registro-dominio.php?paquete=33&dominio=&ext=&sitio=2");
    }
}
</script>
<style>
	#sec-432 {
		padding: 10px !important;
		font-size:14px;
		
	}
</style></div><div id="sec-433" class="col-md-3 " style="padding:30px;  background-color:; color:;">
<!-- -----------------------------------------------------------------------
CARD DEL PAQUETE
------------------------------------------------------------------------ -->
<div class="card" style="
    border: 1px solid #FFF;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
    background-color: #FFF;
">
    <div class="card-body">

        <!-- TÍTULO -->
        <p class="card-title" style="
            font-size: 1.2rem;
            font-weight: bold;
            text-align: center;
            color: #000;
        ">
            Paquete PYMES        </p>

        <div class="card-text">

            <!-- PRECIO -->
            <div style="
                color: #000;
                font-weight: 700;
                text-align: center;
                margin-top: 10px;
            ">
                <span style="font-size: 1.2rem">MX$</span>
                <span id="precio_433" style="font-size: 1.6rem">
                    <script>document.write(pymes_prom);</script>                </span>
                <span id="tipo_pago_433" style="font-size: 1.4rem">
                    /a&ntilde;o                </span>
            </div>

            <!-- RADIOS: MENSUAL / ANUAL -->
            <div style="
                display: flex;
                justify-content: center;
                margin-bottom: 5px;
                text-align: center;
                color: #000;
            ">
                            </div>

            <!-- BOTÓN -->
            <div>
                <a href="https://clientes.netmarketingweb.com.mx/cart/registro-dominio.php?paquete=32&dominio=&ext=&sitio=2"
                    id="btn_agregar_433"
                    class="btn btn-info"
                    style="
                        font-weight: 700;
                        background-color: #000000;
                        color: #FFFFFF;
                        border: #000000;
                        width: 100%;
                        border-radius: 40px;
                        padding: 5px;
                        font-size: 1.0rem;
                        margin-bottom: 20px;
                    ">
                    Contratar                </a>
            </div>

            <!-- DESCRIPCIÓN -->
            <div>
                <p>
	<strong>3,900 MB</strong> de Espacio</p>
<p>
	<strong>15</strong> <strong>Cuentas</strong> de correo</p>
<p>
	<strong>10,000 MB</strong> de Transferencia Mensual</p>
<p>
	<a href="/constructor-web-juppi">Constructor Web Juppi</a></p>
<p>
	<strong>3 B&aacute;se de Datos</strong> MySQL</p>
<p>
	<a href="/hosting-cpanel">Panel de Control CPANEL</a></p>
<p>
	Instalador automatico de WordPress</p>
<p>
	Certificado SSL</p>
<p>
	Soporte Telef&oacute;nico</p>
<p>
	30 dias de garantia de satisfacci&oacute;n</p>
<p>
	<strong><strike>Precio Lista $<script>document.write(pymes);</script>MXN</strike></strong></p>
<p>
	<a href="web-hosting-cpanel-pymes">Ver informaci&oacute;n detallada</a></p>
            </div>

        </div>
    </div>
</div>

<!-- -----------------------------------------------------------------------
JS: CAMBIO DE PRECIO DINÁMICO (MENSUAL/ANUAL)
------------------------------------------------------------------------ -->
<script>
function cambia_tipo_pago_433(tp, id_seccion) {

    var precio     = $("#precio_" + id_seccion);
    var tipo_pago  = $("#tipo_pago_" + id_seccion);
    var btn_agregar = $("#btn_agregar_" + id_seccion);

    if (tp === "mes") {
		precio.html('0.00');

        tipo_pago.html("/mes");
        btn_agregar.attr("href", "");
    } else {
		precio.html('0.00');

        tipo_pago.html("/a&ntilde;o");
        btn_agregar.attr("href", "https://clientes.netmarketingweb.com.mx/cart/registro-dominio.php?paquete=32&dominio=&ext=&sitio=2");
    }
}
</script>
<style>
	#sec-433{
		padding: 10px !important;
		font-size:14px;
	}
</style></div><div id="sec-434" class="col-md-3 " style="padding:30px;  background-color:; color:;">
<!-- -----------------------------------------------------------------------
CARD DEL PAQUETE
------------------------------------------------------------------------ -->
<div class="card" style="
    border: 1px solid #FFF;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
    background-color: #FFF;
">
    <div class="card-body">

        <!-- TÍTULO -->
        <p class="card-title" style="
            font-size: 1.2rem;
            font-weight: bold;
            text-align: center;
            color: #000;
        ">
            Paquete Corporativo I        </p>

        <div class="card-text">

            <!-- PRECIO -->
            <div style="
                color: #000;
                font-weight: 700;
                text-align: center;
                margin-top: 10px;
            ">
                <span style="font-size: 1.2rem">MX$</span>
                <span id="precio_434" style="font-size: 1.6rem">
                    <script>document.write(corporativo_i_prom);</script>                </span>
                <span id="tipo_pago_434" style="font-size: 1.4rem">
                    /a&ntilde;o                </span>
            </div>

            <!-- RADIOS: MENSUAL / ANUAL -->
            <div style="
                display: flex;
                justify-content: center;
                margin-bottom: 5px;
                text-align: center;
                color: #000;
            ">
                            </div>

            <!-- BOTÓN -->
            <div>
                <a href="https://clientes.netmarketingweb.com.mx/cart/registro-dominio.php?paquete=36&dominio=&ext=&sitio=2"
                    id="btn_agregar_434"
                    class="btn btn-info"
                    style="
                        font-weight: 700;
                        background-color: #000000;
                        color: #FFFFFF;
                        border: #000000;
                        width: 100%;
                        border-radius: 40px;
                        padding: 5px;
                        font-size: 1.0rem;
                        margin-bottom: 20px;
                    ">
                    Contratar                </a>
            </div>

            <!-- DESCRIPCIÓN -->
            <div>
                <p>
	<strong>7,800 MB</strong> de Espacio</p>
<p>
	<strong>Cuentas</strong> de correo <strong>Ilimitadas</strong></p>
<p>
	<strong>20,000 MB</strong> Transferencia Mensual</p>
<p>
	<a href="/constructor-web-juppi">Constructor Web Juppi</a></p>
<p>
	<strong>6</strong> <strong>B&aacute;se de Datos</strong> MySQL</p>
<p>
	<a href="/hosting-cpanel">Panel de Control CPANEL</a></p>
<p>
	Instalador automatico de WordPress</p>
<p>
	Certificado SSL</p>
<p>
	Soporte Telef&oacute;nico</p>
<p>
	30 dias de garantia de satisfacci&oacute;n</p>
<p>
	<strong><strike>Precio Lista $<script>document.write(corporativo_i);</script>MXN</strike></strong></p>
<p>
	<a href="web-hosting-cpanel-corporativo-I">Ver informaci&oacute;n detallada</a></p>
            </div>

        </div>
    </div>
</div>

<!-- -----------------------------------------------------------------------
JS: CAMBIO DE PRECIO DINÁMICO (MENSUAL/ANUAL)
------------------------------------------------------------------------ -->
<script>
function cambia_tipo_pago_434(tp, id_seccion) {

    var precio     = $("#precio_" + id_seccion);
    var tipo_pago  = $("#tipo_pago_" + id_seccion);
    var btn_agregar = $("#btn_agregar_" + id_seccion);

    if (tp === "mes") {
		precio.html('0.00');

        tipo_pago.html("/mes");
        btn_agregar.attr("href", "");
    } else {
		precio.html('0.00');

        tipo_pago.html("/a&ntilde;o");
        btn_agregar.attr("href", "https://clientes.netmarketingweb.com.mx/cart/registro-dominio.php?paquete=36&dominio=&ext=&sitio=2");
    }
}
</script>
<style>
	#sec-434{
		padding: 10px !important;
		font-size:14px;
		
	}
</style></div><div id="sec-571" class="col-md-3 " style="padding:30px;  background-color:transparent; color:;">
<!-- -----------------------------------------------------------------------
CARD DEL PAQUETE
------------------------------------------------------------------------ -->
<div class="card" style="
    border: 1px solid #FFF;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
    background-color: #FFF;
">
    <div class="card-body">

        <!-- TÍTULO -->
        <p class="card-title" style="
            font-size: 1.2rem;
            font-weight: bold;
            text-align: center;
            color: #000;
        ">
            Paquete Corporativo II        </p>

        <div class="card-text">

            <!-- PRECIO -->
            <div style="
                color: #000;
                font-weight: 700;
                text-align: center;
                margin-top: 10px;
            ">
                <span style="font-size: 1.2rem">MX$</span>
                <span id="precio_571" style="font-size: 1.6rem">
                    <script>document.write(corporativo_ii_prom);</script>                </span>
                <span id="tipo_pago_571" style="font-size: 1.4rem">
                    /a&ntilde;o                </span>
            </div>

            <!-- RADIOS: MENSUAL / ANUAL -->
            <div style="
                display: flex;
                justify-content: center;
                margin-bottom: 5px;
                text-align: center;
                color: #000;
            ">
                            </div>

            <!-- BOTÓN -->
            <div>
                <a href="https://clientes.netmarketingweb.com.mx/cart/registro-dominio.php?paquete=37&dominio=&ext=&sitio=2"
                    id="btn_agregar_571"
                    class="btn btn-info"
                    style="
                        font-weight: 700;
                        background-color: #000000;
                        color: #FFFFFF;
                        border: #000000;
                        width: 100%;
                        border-radius: 40px;
                        padding: 5px;
                        font-size: 1.0rem;
                        margin-bottom: 20px;
                    ">
                    Contratar                </a>
            </div>

            <!-- DESCRIPCIÓN -->
            <div>
                <p>
	<strong>15,600 MB</strong> de Espacio</p>
<p>
	<strong>Cuentas </strong>de correo <strong>Ilimitadas</strong></p>
<p>
	<strong>40,000 MB</strong> Transferencia Mensual</p>
<p>
	<a href="/constructor-web-juppi">Constructor Web Juppi</a></p>
<p>
	<strong>12 B&aacute;se de Datos</strong> MySQL</p>
<p>
	<a href="/hosting-cpanel">Panel de Control CPANEL</a></p>
<p>
	Instalador automatico de WordPress</p>
<p>
	Certificado SSL</p>
<p>
	Soporte Telef&oacute;nico</p>
<p>
	30 dias de garantia de satisfacci&oacute;n</p>
<p>
	<strong><strike>Precio Lista $<script>document.write(corporativo_ii);</script>MXN</strike></strong></p>
<p>
	<a href="web-hosting-cpanel-corporativo-II">Ver informaci&oacute;n detallada</a></p>
            </div>

        </div>
    </div>
</div>

<!-- -----------------------------------------------------------------------
JS: CAMBIO DE PRECIO DINÁMICO (MENSUAL/ANUAL)
------------------------------------------------------------------------ -->
<script>
function cambia_tipo_pago_571(tp, id_seccion) {

    var precio     = $("#precio_" + id_seccion);
    var tipo_pago  = $("#tipo_pago_" + id_seccion);
    var btn_agregar = $("#btn_agregar_" + id_seccion);

    if (tp === "mes") {
		precio.html('0.00');

        tipo_pago.html("/mes");
        btn_agregar.attr("href", "");
    } else {
		precio.html('0.00');

        tipo_pago.html("/a&ntilde;o");
        btn_agregar.attr("href", "https://clientes.netmarketingweb.com.mx/cart/registro-dominio.php?paquete=37&dominio=&ext=&sitio=2");
    }
}
</script>
<style>
	#sec-571{
		padding: 10px !important;
		font-size:14px;
	}
</style></div><div id="sec-731" class="col-md-12 html-731 " style="--padding:30px; background-color:; color:;"><div style="text-align:center;">
	<img alt="" src="/UserFiles/images/logos.gif" style="width:80%;" />
</div></div><div id="sec-439" class="col-md-12 html-439 " style="--padding:30px; background-color:transparent; color:#000000;"><div class= "col-md-12 card"style="border: 1px solid #FFF; border-radius: 15px; padding: 20px; box-shadow: 0 0 16px rgb(0 0 0 / 10%); background-color: #DE8F0C;">

<div class="row">

	<div class="col-md-10">
		<div style="font-size:24px; margin-bottom:10px; font-weight:bold; color:white">�Necesitas un WEB HOSTING m�s GRANDE con soporte prioritario?</div>
		<div style="font-size:16px; color:white"><p>Revisa nuestros paquetes MEGA, de seguro encontrar�s la opci�n que est�s buscando para tu empresa</p>
		<p>
		Y si alguno de estos paquetes de web hosting no se ajusta a las necesidades de tu empresa puedes comunicarte con nosotros para dise�arte un paquete de web hosting acorde a tus necesidades.</p>
		
		
		</div>
	</div>
	
	<div class="col-md-2">
		<a href="/megapaquetes-de-webhosting.php" class="btn btn-info" style="color:white;">Ver Paquetes<br>Mega</a>
	</div>
</div>	
</div></div>
			</div>
		</div>
	</div>
	<div id="bk-215" class="container-fluid " style="background-color:#FBAA2F"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-586" class="col-md-6" style="padding:30px;  background-color:transparent; color:;"><!--
    <div style="text-align:center; padding-top:50px; color: #FFF;">
        <h2 style="font-weight:bold">Todas las ideas de negocio son mejores con un dominio</h2>
        <p>Busca la disponibilidad del dominio que deseas.</p>

        <form action="https://clientes.netmarketingweb.com.mx/cart/registro-dominio.php" method="get" style="margin:0 auto" name="domain" id="form_buscar" target="_blank">
        	<div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6" style="padding:3px;">
                    <input name="dominio" class="form-control" type="text" id="dominio" value="" placeholder="tudominio" autocomplete="off" style="--max-width:200px;" pattern="[A-Za-z0-9_-]{1,50}" required="">
    
                </div>
    
                <div class="col-lg-6 col-md-6 col-sm-6" style="padding:3px;">
                    <select name="ext" class="form-control" style="--max-width:120px;" id="ext">
                        <option value="td1" selected="">.com.mx</option>
                        <option value="td3">.org.mx</option>
                        <option value="td7">.mx</option>
                        <option value="td4">.com</option>
                        <option value="td5">.net</option>
                        <option value="td6">.org</option>
                        <option value="td8">.cc</option>
                        <option value="td9">.global</option>
                        <option value="td10">.lat</option>
                        <option value="td11">.biz</option>
                        <option value="td12">.info</option>
                        <option value="td13">.ws</option>
                        <option value="td14">.mobi</option>
                        <option value="td15">.me</option>
                       
                    </select>
                    <input type="hidden" name="sitio" id="sitio" value="2" />
                </div>
    
                <div style="margin-top:10px; padding:3px" class="col-lg-12 col-md-12 col-sm-12">
                    <input type="submit" name="submitBtn" id="submitBtn" class="btn btn-info" style="color:white !important;" value="Buscar Disponibilidad">
                </div>
			</div>
        </form>        
    </div>
    -->



  </div><div id="sec-619" class="col-md-6 html-619 " style="--padding:30px; background-color:transparent; color:;"><p>
	<img alt="" src="/UserFiles/images/busqueda-dominio(2).png" width="100%" /></p>
</div>
			</div>
		</div>
	</div>
	<div id="bk-206" class="container-fluid porque-nosotros" style="background-color:"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-488" class="col-md-12 html-488 " style="--padding:30px; background-color:; color:;"><h2 style="text-align: center; font-weight: bold;">
	&iquest;Por que contratar nuestros servicios de web hosting?</h2>
<p style="text-align: center;">
	En NetmarketingWeb sabemos las necesidades que buscan satisfacer nuestros clientes al contratar un servicio de web hosting , ya sea que busquen publicar un sitio que genere ventas o trate de informar, y/o busquen contratar un <strong>servicio de correo electr&oacute;nico</strong> (E-Mail).</p>
<p>
	En NetmarketingWeb siempre trataremos de ofrecer un servicio que ayude a cumplir el objetivo de nuestros clientes al mejor costo / beneficio posible.</p>
</div><div id="sec-724" class="col-md-4 html-724 " style="--padding:30px; background-color:; color:;"><p>
	<img align="middle" alt="" src="/UserFiles/files/confiabilidad.svg" width="50%" /></p>
<style>
	@media(max-width: 476px) {
		#sec-724 p:first-child {
			text-align: center;
		}
		
		#sec-724 h2 {
			text-align: center;
		}
	}
</style>

<h2 style="font-weight:bold">Confiabilidad</h2>

<hr />	
<p>
	<strong>Los Mejores Data Center</strong></p>
<p>
	Nuestros Servidores se encuentran en los mejores data center del mundo ubicados en Dallas y Houston, Texas, con conexiones redundantes de energ�a como de internet, los cuales est�n mantenidos por t�cnicos altamente certificados. Esto garantiza que tu servicio de web hosting y dominio se encuentre en l�nea el 99.99% del Tiempo.</p>
<p>
	�</p>
<p>
	<strong>Copias de Seguridad</strong></p>
<p>
	Realizamos constantemente respaldos de la informaci�n de nuestros clientes, tanto de cuentas de correo sitios y bases de datos. Para que est�n listos cuando los necesites.</p>
<p>
	�</p>
<p>
	<strong>Protecci�n contra Ataques</strong></p>
<p>
	Contamos con herramientas anti ataques y monitoreamos nuestros servidores todo el tiempo para para mantener tu informaci�n los m�s segura posible.</p>
<p>
	�</p>
<p>
	<strong>Certificados SSL</strong></p>
<p>
	Todos nuestros servicios de Hospedaje Web cuentan con certificados de seguridad SSL para que los visitantes a tus sitios web se sientan seguros.</p>	
	
</div><div id="sec-725" class="col-md-4 html-725 " style="--padding:30px; background-color:; color:;"><p>
	<img align="middle" alt="" src="/UserFiles/files/soporte.svg" width="50%" /></p>
<style>
	@media(max-width: 476px) {
		#sec-725 p:first-child {
			text-align: center;
		}
		
		#sec-725 h2 {
			text-align: center;
		}
	}
</style>
<h2 style="font-weight:bold">Servicio y Soporte</h2>

<hr />

<p>
	<strong>Soporte y Asesor�a</strong></p>
<p>
	En NermarketingWeb siempre estamos dispuestos a brindar el soporte y la asesor�a necesaria. Ya sea por correo, tel�fono, whatsapp o por medio de herramientas de asistencia remota.</p>
<p>
	�</p>
<p>
	<strong>Transferencia de Hospedajes</strong></p>
<p>
	Siempre brindamos asesor�a y soporte necesarios para la transferencia de dominios y hospedajes con nosotros. Y si lo deseas lo podemos hacer por ti.</p>
<p>
	�</p>
<p>
	<strong>Experiencia</strong></p>
<p>
	Contamos con m�s de 15 a�os de experiencia en el medio, lo que nos proporciona la pericia y conocimientos t�cnicos para mantener un servicio de web hosting de calidad.</p>
<p>
	�</p>
<p>
	<strong>Garant�a de Satisfacci�n</strong></p>
<p>
	En NetmarketingWeb estamos tan seguros que el servicio de web hosting que ofrecemos es de gran calidad que si despu�s de 30 d�as no te gusta nuestro servicio te devolvemos �ntegramente lo que pagaste por el servicio.</p>
</div><div id="sec-726" class="col-md-4 html-726 " style="--padding:30px; background-color:; color:;"><p>
	<img align="middle" alt="" src="/UserFiles/files/tecnologia.svg" width="50%" /></p>
<style>
	@media(max-width: 476px) {
		#sec-726 p:first-child {
			text-align: center;
		}
		
		#sec-726 h2 {
			text-align: center;
		}
	}
</style>

<h2 style="font-weight:bold">Tecnolog�a</h2>

<hr />

<p>
	<strong>Potentes Servidores</strong></p>

<p>
	Contamos con potentes servidores Intel Xeon, con Discos SSD y HDD para que tu sitio funcione r�pido.</p>
<p>
	�</p>
<p>
	<strong>CPanel</strong></p>
<p>
	Nuestro servicio de Web Hosting cuenta con el panel de control l�der en la industria con muchas funciones para que puedas administrar tu sitio y cuentas de correo.</p>
<p>
	�</p>
<p>
	<strong>Compatibilidad de Software</strong></p>
<p>
	Contamos tanto con las �ltimas versiones de como versiones anteriores de PHP para que tu sitio web funcione adecuadamente. T� eliges la que necesitas.</p>
<p>
	�</p>
<p>
	<strong>Constructor Web Juppi</strong></p>
<p>
	Contamos con un constructor web que te ayudara a dise�ar tu p�gina web si as� lo deseas.</p>
<p>
	�</p>
<p>
	<strong>Constante Innovaci�n</strong></p>
<p>
	Constantemente estamos desarrollando nuevas herramientas y servicios que agreguen valor y mejoren la productividad de nuestros clientes.</p>
</div>
			</div>
		</div>
	</div>
	<div id="bk-191" class="container-fluid " style="background-color:#0A6CA8"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-443" class="col-md-12 html-443 " style="--padding:30px; background-color:; color:#FFFFFF;"><h2 style="text-align: center;">
	FORMAS DE PAGO</h2>
<p style="text-align: center;">
	Los pagos del servicio de web hosting pueden ser a trav&eacute;s de dep&oacute;sito</p>
<p style="text-align: center;">
	o transferencia bancaria en Bancomer, Banamex, pago en l&iacute;nea con PayPal o en nuestras oficinas.</p>
<p style="text-align: center;">
	<img alt="" class="img-fluid center-block" src="/UserFiles/images/formas-pago-2.png" /></p>
</div>
			</div>
		</div>
	</div>
	<div id="bk-265" class="container-fluid " style="background-color:"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-732" class="col-md-12 " style="padding:30px;  background-color:; color:;">
<style>
	.faq .accordion-button {
		position: relative;
		padding-right: 3rem !important; /* Espacio para el icono */
	}

	.faq .accordion-button::after {
		/* Eliminar el icono por defecto de Bootstrap */
		background-image: none !important;
		content: "\f055"; /* Font Awesome plus icon */
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 1.2rem;
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
		width: auto;
		height: auto;
		margin: 0;
	}

	.faq .accordion-button:not(.collapsed)::after {
		background-image: none !important;
		content: "\f056"; /* Font Awesome minus icon */
		transform: translateY(-50%); /* Mantener centrado verticalmente */
	}

	.faq .accordion-button:focus {
		box-shadow: 0 0 0 0.25rem rgba(13, 69, 138, 0.25) !important;
	}
	
	.faq h4 {
		color: #000000;
		font-weight: bold;
	}

	.faq .accordion-button {
		text-decoration: none;
		display: flex;
		align-items: center;
		color: #0D458A !important;
		background-color: #FFFFFF !important;
		border: 1px solid #FFFFFF !important;
		font-weight: 600;
		padding: 1rem 1.25rem;
		text-align: left;
		width: 100%;
		border-radius: 8px 8px 0 0 !important;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		transition: all 0.3s ease;
	}

	.faq .accordion-button:not(.collapsed) {
		color: #0D458A !important;
		background-color: #FFFFFF !important;
		box-shadow: 0 2px 8px rgba(0,0,0,0.15);
		border-radius: 8px 8px 0 0 !important;
	}

	.faq .accordion-button:hover {
		background-color: #FFFFFF !important;
		transform: translateY(-1px);
		box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	}

	.faq .accordion-body {
		color: #000000;
		background-color: #FFFFFF;
		padding: 1.5rem 1.25rem;
		border: 1px solid #dee2e6;
		border-top: none;
		border-radius: 0 0 8px 8px !important;
		box-shadow: 0 2px 4px rgba(0,0,0,0.05);
		line-height: 1.6;
	}

	.faq .accordion-item {
		border: none !important;
		margin-bottom: 1rem;
		background: transparent !important;
	}

	.faq .accordion-item:first-of-type {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

	.faq .accordion-item:last-of-type {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	/* Contenedor principal con sombra y borde */
	.faq-accordion-container {
		border-radius: 8px;
		overflow: hidden;
	}

	/* Efecto de elevación para todo el item */
	.faq .accordion-item {
		transition: all 0.3s ease;
	}

	.faq .accordion-item:hover {
		transform: translateY(-2px);
	}
</style>

<div class="faq" style="padding-bottom:150px;">
    <h4 class="mb-4">Preguntas frecuentes FAQ</h4>
    <hr class="mb-4">
    <div class="accordion faq-accordion-container" id="accordion_732">
    	            <div class="accordion-item">
                <h2 class="accordion-header" id="heading_47">
                    <button class="accordion-button " 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_47" 
                            aria-expanded="true" 
                            aria-controls="collapse_47">
                        <span class="faq-question-text">�Que es un nombre de dominio?</span>
                    </button>
                </h2>
                <div id="collapse_47" 
                     class="accordion-collapse collapse show" 
                     aria-labelledby="heading_47" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        Un nombre de dominio es una direcci�n web personalizada que cada sitio web debe tener para conectarse a Internet, como www.misitio.com . <br /><br />Esto es lo que los usuarios escriben en el motor de b�squeda para encontrar tu direcci�n en internet. No hay dos nombres de dominio que sean iguales, lo que significa que si hay uno espec�fico que necesita y est� disponible, es mejor que lo registre ahora. <br /><br />Hay muchos tipos diversos de extensiones de nombres de dominio, siendo .com el m�s com�n. Tomemos, por ejemplo, www.misitio.com , .com es la extensi�n TLD (dominio de nivel superior). Si una extensi�n de dominio no est� disponible, pruebe con otra. Por ejemplo, si se utiliza www.misitio.com , considere www.misitio.com.mx , www.misitio.mx , www.misitio..net  , www.misitio.org entre otros, que podr�an estar disponibles.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_96">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_96" 
                            aria-expanded="false" 
                            aria-controls="collapse_96">
                        <span class="faq-question-text">�Es lo mismo el web hosting que el dominio?</span>
                    </button>
                </h2>
                <div id="collapse_96" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_96" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        No, el dominio es el nombre con el que te localizan en internet, pero este no puede estar en la red si no est� configurado para trabajar en un servidor. <br /><br />El web hosting es la renta de un espacio en un servidor, para que tu p�gina web pueda ser vista desde cualquier computadora o dispositivo con acceso a internet cuando alguien escriba en su navegador el nombre de tu dominio.<br /><br />Si deseas tener una pagina web y / o cuentas de correo necesitas tanto el dominio como el web hosting.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_70">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_70" 
                            aria-expanded="false" 
                            aria-controls="collapse_70">
                        <span class="faq-question-text">�Cu�l es la diferencia entre un dominio .com y un dominio .com.mx?</span>
                    </button>
                </h2>
                <div id="collapse_70" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_70" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        La �nica diferencia es que .com significa comercial y .com.mx se usa principalmente para el  mercado mexicano. No hay ventaja o desventaja sobre tener un dominio .com.mx o .com, pero considere los siguientes puntos:<br /><br /> Si el sitio va a ser con p�blico de todo el mundo lo mejor es que no cuente con terminaci�n .mx<br /><br />Si busca posicionar su sitio en el mercado mexicano definitivamente un dominio .com.mx o .mx es lo m�s recomendable.<br /><br />Encontrar el nombre de dominio perfecto con terminaci�n .mx ser� m�s sencillo que con un dominio internacional.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_48">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_48" 
                            aria-expanded="false" 
                            aria-controls="collapse_48">
                        <span class="faq-question-text">�C�mo elegir un nombre de dominio?</span>
                    </button>
                </h2>
                <div id="collapse_48" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_48" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        Primero, intente que su nombre de dominio sea corto (piense en la simplicidad) y atractivo. Investigue un poco, consulte el diccionario de sin�nimos y realice una lluvia de ideas. <br /><br />Tan pronto como piense en el nombre de dominio perfecto, verifique su disponibilidad y, si est� disponible, reg�strelo de inmediato. Puede agregar letras, n�meros y guiones en su nombre de dominio, pero los caracteres especiales est�n prohibidos.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_46">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_46" 
                            aria-expanded="false" 
                            aria-controls="collapse_46">
                        <span class="faq-question-text">�Qu� es el Hospedajes web o web hosting?</span>
                    </button>
                </h2>
                <div id="collapse_46" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_46" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        El Hospedaje web o web hosting  es el servicio de almacenamiento y ancho de banda que mantiene los servicios como p�gina web y cuentas de correo del sitio web en funcionamiento.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_64">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_64" 
                            aria-expanded="false" 
                            aria-controls="collapse_64">
                        <span class="faq-question-text">�Qu� es el ancho de banda y cu�nto necesitas?</span>
                    </button>
                </h2>
                <div id="collapse_64" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_64" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        El ancho de banda es la cantidad mensual de datos a los que se accede mientras se visualiza un sitio web. Cada vez que un usuario visita un sitio web, se transfieren datos y la medida de esa transferencia es el ancho de banda. <br /><br />En general, las im�genes, los archivos de audio y los archivos de video tienen un ancho de banda mayor que el de texto. <br /><br />Eso significa que si tiene un sitio web m�s oneroso en t�rminos de ancho de banda, si tiene una gran cantidad de video o audio en tiempo real, por ejemplo, tiene un requisito de ancho de banda m�s alto que alguien con un sitio web simple de solo texto, o alguien con solo unos pocos im�genes de baja resoluci�n. <br /><br />Cabe mencionar que los mensajes de correo enviados y recibidos tambi�n afectan el consumo de ancho de banda, por lo que si envias y recibes muchos mensajes de correo necesitaras mas ancho de banda que si no tienes tanto tr�fico de mensajes de correo.                     </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_65">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_65" 
                            aria-expanded="false" 
                            aria-controls="collapse_65">
                        <span class="faq-question-text">�Qu� es el espacio en disco y cu�nto necesito?</span>
                    </button>
                </h2>
                <div id="collapse_65" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_65" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        El espacio en disco se refiere al espacio total disponible para que un usuario almacene archivos como mensajes de corrreo, archivos de la pagina web o base de datos en cualquier momento. <br /><br />Los archivos pueden ser de cualquier tipo (HTML, im�genes, videos, etc) y, en un momento dado, el tama�o total del archivos no puede exceder el espacio en disco. <br /><br />La cantidad de espacio en disco que necesitaras depender� del tipo, cantidad y peso de los archivos que alojar�s en tu hospedaje web. <br />El almacenamiento de tus cuentas de correo electr�nico tambi�n se cuenta en el espacio en disco, por lo que si tienes muchos mensajes en las cuentas de correo o tienes muchos buzones de correo, esto aumentar�n tus necesidades de espacio en disco. <br /><br />Recuerde que, aunque es posible que no necesite mucho espacio al principio, quiz� quieras un margen de maniobra para expandirse y crecer en el futuro.<br /><br />De cualquier manera siempre existe la opci�n de cambiar de paquete de web hosting a uno m�s grande sin grandes implicaciones.                     </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_66">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_66" 
                            aria-expanded="false" 
                            aria-controls="collapse_66">
                        <span class="faq-question-text">�Qu� pasa si compro un paquete de web hosting y despu�s me doy cuenta que me quedo chico?</span>
                    </button>
                </h2>
                <div id="collapse_66" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_66" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        No hay ning�n problema, siempre existe la posibilidad de cambiar de paquete de web hosting a uno m�s grande o alguno m�s peque�o que cumpla con tus necesidades.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_67">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_67" 
                            aria-expanded="false" 
                            aria-controls="collapse_67">
                        <span class="faq-question-text">�Necesito de alg�n conocimiento especializado para poder contratar mi propio web hosting y dominio?</span>
                    </button>
                </h2>
                <div id="collapse_67" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_67" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        No. De hecho, contamos con un servicio de atenci�n al cliente excepcional que puede ayudarlo en cada paso del camino si necesita ayuda o tiene alguna pregunta sobre su servicio de alojamiento. Podemos ayudarlo, desde elegir cu�l es la mejor opci�n para usted, hasta investigar los problemas que pueda tener.<br /><br />Sin duda, tener experiencia es invaluable, pero de ninguna manera es una necesidad.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_68">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_68" 
                            aria-expanded="false" 
                            aria-controls="collapse_68">
                        <span class="faq-question-text">�Me pueden ayudar a transferir mi sitio web con ustedes desde mi proveedor actual?</span>
                    </button>
                </h2>
                <div id="collapse_68" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_68" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        �Si podemos! Y podemos asesorte o gestionar todo el proceso por ti. Ofrecemos transferencia de web hosting para todos los sitios web. <br /><br />No canceles tu cuenta actual con el otro otro proveedor de web hosting o dominio antes de dirigirte a nosotros.                     </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_69">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_69" 
                            aria-expanded="false" 
                            aria-controls="collapse_69">
                        <span class="faq-question-text">�C�mo obtengo una cuenta de correo electr�nico empresarial? (juan@midominio.com)</span>
                    </button>
                </h2>
                <div id="collapse_69" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_69" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        Cuando compra una cuenta con un servidor web, uno de los servicios que recibe es una cierta cantidad de cuentas de correo electr�nico dedicadas para cualquier dominio alojado en esa cuenta.<br /><br />Esas cuentas de correo electr�nico se administran desde el panel de control del web hosting y puede configurar cuentas de correo electr�nico, cambiar sus contrase�as y configurar reenviadores de correo electr�nico, todo desde ese panel de control CPanel. <br /><br />Tambi�n puede configurar una cuenta de correo electr�nico dedicada para enviar desde un servicio de correo electr�nico basado en la web como Webmail o Gmail o un servicio fuera de l�nea como Outlook, Thunderbird o alguna APP en un dispositivo m�vil.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_71">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_71" 
                            aria-expanded="false" 
                            aria-controls="collapse_71">
                        <span class="faq-question-text">�Que es cPanel y por que lo necesito?</span>
                    </button>
                </h2>
                <div id="collapse_71" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_71" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        cPanel es un panel de control. Es un panel de administraci�n web l�der que permite a los usuarios administrar sus cuentas de alojamiento con facilidad. Le permite supervisar y controlar cuentas de correo electr�nico, extensiones de dominio e instalar nuevas aplicaciones si es necesario, como WordPress, Magento, Joomla, etc. Le da control y administraci�n de toda su cuenta de hospedaje web.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_72">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_72" 
                            aria-expanded="false" 
                            aria-controls="collapse_72">
                        <span class="faq-question-text">�Mi sitio web est� protegido contra piratas inform�ticos?</span>
                    </button>
                </h2>
                <div id="collapse_72" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_72" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        Nuestros servidores tienen protecciones que ayudan a mitigar los ataques de fuerza bruta que suelen utilizar los piratas inform�ticos para vulnerar las cuentas de correo o sitios web.  <br /><br />Sin Embargo esa es solo una parte de la protecci�n la otra parte tiene que ver con las medidas de seguridad que sean implementadas en el desarrollo de tu sitio web.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_73">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_73" 
                            aria-expanded="false" 
                            aria-controls="collapse_73">
                        <span class="faq-question-text">�Qu� es y para qu� sirve un certificado SSL?</span>
                    </button>
                </h2>
                <div id="collapse_73" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_73" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        SSL es una tecnolog�a estandarizada que permite cifrar el tr�fico de datos entre un navegador web y un sitio web (o entre dos servidores web), protegiendo as� la conexi�n y la informaci�n. Hoy en d�a es un requerimiento que un sitio web tenga un certificado SSL incluso Google lo toma en cuenta para el posicionamiento web.<br /><br />Todos nuestros paquetes de Web Hosting incluyen un certificado SSL.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_74">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_74" 
                            aria-expanded="false" 
                            aria-controls="collapse_74">
                        <span class="faq-question-text">�Qu� son las bases de datos MySQL?</span>
                    </button>
                </h2>
                <div id="collapse_74" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_74" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        Las bases de datos MySQL son una colecci�n de datos organizada para facilitar y acelerar la b�squeda y recuperaci�n de informaci�n. Muchas plataformas para crear sitios web o tiendas virtuales como Wordpress, Joomla, osCommerce, Prestashop, etc,  necesitan una base de datos MySQL para poder funcionar. Por lo que es recomendable que tu web hosting cuente con al menos una base de datos MySQL.                     </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_75">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_75" 
                            aria-expanded="false" 
                            aria-controls="collapse_75">
                        <span class="faq-question-text">�Qu� es PHP?</span>
                    </button>
                </h2>
                <div id="collapse_75" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_75" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        Este es un lenguaje de programaci�n que permite que tu sitio web sea m�s din�mico. Y es necesario para la creaci�n de muchos sitios web. Por lo que es imprescindible que tu web hosting soporte esta tecnolog�a de programaci�n.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_76">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_76" 
                            aria-expanded="false" 
                            aria-controls="collapse_76">
                        <span class="faq-question-text">Quiero dise�ar mi propio sitio web pero no tengo experiencia. �C�mo puedo dise�ar mi propio sitio web?</span>
                    </button>
                </h2>
                <div id="collapse_76" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_76" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        Nuestros paquetes de web hosting  incluyen JUPPI un creador de sitios web creado por nosotros para personas que nunca han dise�ado una p�gina web, el cual est� basado en una plantilla y es muy sencillo de utilizar. <br /><br />Por otro lado si ya tienes conocimientos puedes instalar desde el cPanel Wordpress es cual es una potente herramienta para crear sitios web o tiendas virtuales.                    </div>
                </div>
            </div>
                    <div class="accordion-item">
                <h2 class="accordion-header" id="heading_78">
                    <button class="accordion-button collapsed" 
                            type="button" 
                            data-bs-toggle="collapse" 
                            data-bs-target="#collapse_78" 
                            aria-expanded="false" 
                            aria-controls="collapse_78">
                        <span class="faq-question-text">�Qu� son los subdominios?</span>
                    </button>
                </h2>
                <div id="collapse_78" 
                     class="accordion-collapse collapse " 
                     aria-labelledby="heading_78" 
                     data-bs-parent="#accordion_732">
                    <div class="accordion-body">
                        Un subdominio es una extensi�n de su nombre de dominio. Los sub dominios se tratan como sitios separados del sitio del dominio principal. <br /><br />Por ejemplo: nuestro nombre de dominio es midominio.com, nuestra direcci�n web es  www.midominio.com  y un sub dominio podr�a ser  soporte.midominio.com .<br />                    </div>
                </div>
            </div>
                
    </div>
</div></div>
			</div>
		</div>
	</div>
	<div id="bk-214" class="container-fluid quienes-somos-cont" style="background-color:#5F6364"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-843" class="col-md-4 html-843 " style="--padding:30px; background-color:; color:;"><img alt="" src="/UserFiles/images/quienes-somos.jpg" width="100%" /></div><div id="sec-585" class="col-md-8 html-585 " style="--padding:30px; background-color:transparent; color:#FFFFFF;"><h2 style="font-weight: bold;">
	&iquest;Quienes somos?</h2>
<p>
	Somos una empresa ubicada en Guadalajara, Jalisco, M&eacute;xico con m&aacute;s de 15 a&ntilde;os de experiencia en la administraci&oacute;n de servidores dedicados, venta de web hosting y venta de dominios. Contamos con oficinas f&iacute;sicas en Jes&uacute;s Garc&iacute;a 1648, Colonia Villase&ntilde;or. Atendemos empresas de todos los tama&ntilde;os, ONGs, dependencias de gobierno estatales, municipales y federales de M&eacute;xico.&nbsp;</p>
<p>
	En NetmarketingWe nos gusta ofrecer un servicio de calidad, sabemos que a nuestros clientes lo que m&aacute;s le interesa el la disponibilidad de su sitio web y la confiabilidad del servicio de correo.</p>
<p>
	Por eso contamos con nuestros propios servidores dedicados ubicados en los data center con m&aacute;s prestigio y confiabilidad del mundo. Tambi&eacute;n sabemos que a nuestros clientes les interesa tener el soporte cuando lo necesitan y por eso contamos con soporte v&iacute;a telef&oacute;nico, chat, acceso remoto y el tradicional soporte v&iacute;a email.</p>
</div>
			</div>
		</div>
	</div>
	<div id="bk-216" class="container-fluid " style="background-color:transparent"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-588" class="col-md-12 html-588 " style="--padding:30px; background-color:transparent; color:;"><div style="text-align: center;">
    <h1>Nuestros Clientes</h1>
    <p>
        Entre los clientes que nos han brindado su confianza se encuentran:
    </p>
</div></div><div id="sec-626" class="col-md-12 html-626 " style="--padding:30px; background-color:transparent; color:;"><p style="text-align: center; display: flex; justify-content: center;">
	<img alt="" class="img-fluid" height="500" src="/UserFiles/images/clientes-netmarketing.jpg" width="800" /></p>
</div>
			</div>
		</div>
	</div>
	<div id="bk-217" class="container-fluid estilos-formularios" style="background-color:transparent"><div class="opacidad_bk"></div><div class="container"><div class="row"><div id="sec-591" class="col-md-6 html-591 " style="--padding:30px; background-color:transparent; color:;"><div style="color: #FFF;">
	<h1>
		Cont&aacute;ctanos</h1>
	<p>
		Si deseas puedes contactarnos por los siguientes medios, con gusto te atenderemos.</p>
	<p>
		Tambi&eacute;n ponemos a tu disposici&oacute;n los siguientes tel&eacute;fonos.</p>
	<p>
		<strong>Guadalajara&nbsp;</strong><br />
		<a class="link-movil" href="tel:3338265976" style="color:white;" target="_blank">33 38.26.59.76</a> <br />
	
		<br />
		<strong>M&eacute;xico D.F.</strong><br />
		<a class="link-movil" href="tel:5585264472" style="color:white;" target="_blank">55 85.26.44.72</a></p>
	<p>
		<strong>WhatsApp </strong><br />
		<a href="https://api.whatsapp.com/send?phone=5213338265976" style="color:white; text-decoration:underline;" target="_blank"> 33 38 26 59 76</a></p>
	<p>
		<strong>Domicilio</strong><br />
		Jes&uacute;s Garc&iacute;a 1648, Colonia Villase&ntilde;or<br />
		Guadalara, Jalisco, M&eacute;xico</p>
</div>
</div><div id="sec-590" class="col-md-6 form-590 " style="padding:30px; padding-top:0px; padding-bottom:0px;  background-color:transparent; color:; "><style>
    .form-label-custom {
        font-weight: 600;
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
        letter-spacing: 0.5px;
    }
    
    .form-control-custom {
        border-radius: 0.5rem;
        border: 1px solid #dee2e6;
        padding: 0.75rem 1rem;
        transition: all 0.3s ease;
    }
    
    .form-control-custom:focus {
        border-color: #0d458a;
        box-shadow: 0 0 0 0.2rem rgba(13, 69, 138, 0.25);
    }
    
    .captcha-container {
    }
    
    .captcha-image {
        border-radius: 0.375rem;
        border: 1px solid #dee2e6;
    }
    
    .refresh-captcha {
        transition: transform 0.3s ease;
        color: #fff !important;
    }
    
    .refresh-captcha:hover {
        transform: rotate(90deg);
        color: #fff !important;
    }
    
    .btn-formulario {
        border-radius: 0.5rem;
        padding: 0.75rem 2rem;
        font-weight: 600;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        border: none;
    }
    
    .btn-formulario:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }
</style>

<!-- ============================================================================= -->
<!-- FORMULARIO DE CONTACTO - BOOTSTRAP 5 -->
<!-- ============================================================================= -->

<a name="formulario-contacto" id="formulario-contacto"></a>

<!-- Texto descriptivo del formulario -->

</div>
			</div>
		</div>
	</div>
	
				
				<script>
				$(document).ready(function(){
			
						$(window).scroll(function(){
							
							var d = document.getElementById('bk-217');
							var topPos = d.offsetTop;
							var barra = $(window).scrollTop() - topPos;
							var posicion = barra * 0.40;
					
							$('#bk-217').css({
								'background-position': '0 ' + posicion + 'px'
							});
						});
					
					});
				
				</script><style>#bk-217{ background-image:url(/secc_fotos/45626-fondo-formulario.jpg); background-size:cover; } </style></div>

</div>

<style>
   
								.slider-431{
									 min-height:450px; 
									
									padding-top:0px; 
									padding-bottom:0px;
									padding:0px;
								}
								
								@media all and (max-width: 990px){
									.slider-431{
											min-height:0px;
											height:auto;
											padding-top:0px; 
											padding-bottom:0px;
											
											
											
									}
								}
							
								.html-711{
									 min-height:5px; 
									
									padding: 30px; 
								}
								
								@media all and (max-width: 990px){
									.html-711{
											min-height:0px;
											height:auto;
									}
								}
							
								.html-729{
									
									
									padding: 30px;padding-top: 80px;padding-bottom: 25px; 
								}
								
								@media all and (max-width: 990px){
									.html-729{
											min-height:0px;
											height:auto;padding-top: 50px !important;padding-bottom: 15px !important;
									}
								}
							
								.html-731{
									
									
									padding: 30px; 
								}
								
								@media all and (max-width: 990px){
									.html-731{
											min-height:0px;
											height:auto;
									}
								}
							
								.html-439{
									
									
									padding: 30px;padding-top: 25px;padding-bottom: 80px; 
								}
								
								@media all and (max-width: 990px){
									.html-439{
											min-height:0px;
											height:auto;padding-top: 15px !important;padding-bottom: 50px !important;
									}
								}
							
								.html-619{
									
									
									padding: 30px; 
								}
								
								@media all and (max-width: 990px){
									.html-619{
											min-height:0px;
											height:auto;
									}
								}
							
								.html-488{
									
									
									padding: 30px;padding-top: 80px;padding-bottom: 25px; 
								}
								
								@media all and (max-width: 990px){
									.html-488{
											min-height:0px;
											height:auto;padding-top: 50px !important;padding-bottom: 15px !important;
									}
								}
							
								.html-724{
									
									
									padding: 30px;padding-top: 25px;padding-bottom: 25px; 
								}
								
								@media all and (max-width: 990px){
									.html-724{
											min-height:0px;
											height:auto;padding-top: 15px !important;padding-bottom: 15px !important;
									}
								}
							
								.html-725{
									
									
									padding: 30px;padding-top: 25px;padding-bottom: 25px; 
								}
								
								@media all and (max-width: 990px){
									.html-725{
											min-height:0px;
											height:auto;padding-top: 15px !important;padding-bottom: 15px !important;
									}
								}
							
								.html-726{
									
									
									padding: 30px;padding-top: 25px;padding-bottom: 80px; 
								}
								
								@media all and (max-width: 990px){
									.html-726{
											min-height:0px;
											height:auto;padding-top: 15px !important;padding-bottom: 50px !important;
									}
								}
							
								.html-443{
									
									
									padding: 30px;padding-top: 80px;padding-bottom: 80px; 
								}
								
								@media all and (max-width: 990px){
									.html-443{
											min-height:0px;
											height:auto;padding-top: 50px !important;padding-bottom: 50px !important;
									}
								}
							
								#sec-732{
									
									
									padding: 30px;padding-top: 80px !important;padding-bottom: 80px !important; 
								}
								
								@media all and (max-width: 990px){
									#sec-732{
											min-height:0px;
											height:auto;padding-top: 50px !important;padding-bottom: 50px !important;
									}
								}
							
								.html-843{
									
									
									padding: 30px;padding-top: 80px;padding-bottom: 80px; 
								}
								
								@media all and (max-width: 990px){
									.html-843{
											min-height:0px;
											height:auto;padding-top: 50px !important;padding-bottom: 15px !important;
									}
								}
							
								.html-585{
									
									
									padding: 30px;padding-top: 80px;padding-bottom: 80px; 
								}
								
								@media all and (max-width: 990px){
									.html-585{
											min-height:0px;
											height:auto;padding-top: 15px !important;padding-bottom: 50px !important;
									}
								}
							
								.html-588{
									
									
									padding: 30px;padding-top: 80px;padding-bottom: 25px; 
								}
								
								@media all and (max-width: 990px){
									.html-588{
											min-height:0px;
											height:auto;padding-top: 50px !important;padding-bottom: 15px !important;
									}
								}
							
								.html-626{
									
									
									padding: 30px;padding-top: 25px;padding-bottom: 80px; 
								}
								
								@media all and (max-width: 990px){
									.html-626{
											min-height:0px;
											height:auto;padding-top: 15px !important;padding-bottom: 50px !important;
									}
								}
							
								.html-591{
									
									
									padding: 30px;padding-top: 80px;padding-bottom: 80px; 
								}
								
								@media all and (max-width: 990px){
									.html-591{
											min-height:0px;
											height:auto;padding-top: 50px !important;padding-bottom: 15px !important;
									}
								}
							
								.form-590{
									
									
									padding-top: 80px !important;padding-bottom: 80px !important; 
								}
								
								@media all and (max-width: 990px){
									.form-590{
											min-height:0px;
											height:auto;padding-top: 25px !important;padding-bottom: 15px !important;
									}
								}
							</style>


</section>

<!-- Inicia Pie Página-->


<style>
	.pt-10 {
		padding-top: 10px !important;
	}

	.pb-50 {
		padding-bottom: 50px !important;
	}

	.pt-60 {
		padding-top: 60px !important;
	}

	.mb-10 {
		margin-bottom: 10px !important;
	}

	.mb-15 {
		margin-bottom: 15px !important;
	}

	.main-footer {
		background-color: #303030;
		color: #FFFFFF;
	}

	.main-footer h2 {
		margin: 0 0 15px;
		text-transform: uppercase;
		color: #FFFFFF;
		font-size: 17px;
		margin-bottom: 30px;
		padding-bottom: 20px;
		font-weight: 400;
		position: relative;
	}

	.main-footer h2:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 40px;
		height: 2px;
		background-color: ;
	}

	.color-theme {
		color:  !important;
	}
	
	.color-theme:hover {
		text-decoration: none;
	}

	.list-inline {
		padding-left: 0;
		margin-left: -5px;
		list-style: none;
	}

	.list-inline>li {
		display: inline-block;
		padding-right: 5px;
		padding-left: 5px;
	}

	.main-footer .footer-widgets .widget .social-icons__item .fas,
	.main-footer .footer-widgets .widget .social-icons__item .fab {
		background-color: rgba(255, 255, 255, 0.32);
	}

	.fas,
	.fab {
		display: inline-block;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.social-icons__item .fas,
	.social-icons__item .fab {
		font-size: 15px;
		margin: 0;
		height: 32px;
		width: 32px;
		line-height: 32px;
		text-align: center;
		border-radius: 3px;
		color: #F5F5F5;
		background-color: rgba(49, 69, 85, 0.25);
	}

	a,
	button,
	.btn,
	.form-control {
		text-decoration: none;
		-webkit-transition: all 400ms linear 0ms;
		-ms-transition: all 400ms linear 0ms;
		-o-transition: all 400ms linear 0ms;
		transition: all 400ms linear 0ms;
	}

	.main-footer .sub-footer {
		background-color: ;
		color: ;
		padding: 25px 0;
	}

	.main-footer .sub-footer .copyright {
		margin: 0;
		text-align: center;
		font-size: 14px;
	}
</style>

<footer class="main-footer pt-60">
	<div style="position: relative;">
		<div class="container">
			<div class="footer-widgets">
				<div class="row row-masnory">
					<div class="col-md-5 col-sm-6 pb-50">
						<div class="widget">
							<h2 id="title_footer_1_footer">Sobre Nosotros</h2>

							<div id="text_footer_1_footer" class="mb-10">
								<p>
	Somos una empresa ubicada en Guadalajara, Jalisco, M&eacute;xico con m&aacute;s de 15 a&ntilde;os de experiencia en la administraci&oacute;n de servidores dedicados, venta de web hosting y venta de dominios.</p>
                            </div>

							<ul class="social-icons list-inline" style="position: relative;">
                            										<li class="social-icons__item pt-10"><a href="https://wa.me/5213338265976" onclick="envia_datos_ajax('WhatsApp')" target="_blank"><i class="fab fa-whatsapp"></i></a></li>
                                								
                                									<li class="social-icons__item pt-10"><a href="https://www.facebook.com/HospedajeWebMX/?fref=ts" onclick="envia_datos_ajax('Facebook')" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                                               	
                                                                
                                                                
                                                               	
                                                                
                               	
							</ul>
						</div>
					</div>

					<div class="col-md-4 col-sm-6 pb-50">
						<div class="widget">
							<h2 id="title_footer_2_footer">Contacto</h2>

							<div class="twitter-widget">
								<div id="text_footer_2_footer" class="single_twitter">
									<p>
	Domicilio:<br />
	Jes&uacute;s Garc&iacute;a 1648, Colonia Villase&ntilde;or Guadalara, Jalisco, M&eacute;xico</p>
<p>
	Tel&eacute;fonos:<br />
	<a href="tel: 3338265976" style="color: #FFF;">33 3826 5976</a>, <a href="tel: 5585264472" style="color: #FFF;">55 8526 4472</a></p>
<p>
	WhatsApp:<br />
	<a href="https://wa.me/5213338265976" style="color: #FFF;">33 3826 5976</a></p>
								</div>
							</div>
						</div>
					</div>



					<div class="col-md-3 col-sm-6 pb-50">
						<div class="widget">
							<h2 id="title_footer_3_footer">Enlaces</h2>
							<div class="twitter-widget">
								<div id="text_footer_3_footer" class="single_twitter">
									<p>
	<a href="/" style="text-decoration: none; color: #fff;">Inicio</a></p>
<p>
	<a href="/contacto.php" style="text-decoration: none; color: #fff;">Contacto</a></p>
<p>
	<a href="/aviso-de-privacidad?_gl=1*dqyqxy*_gcl_au*MTYzNTczMzA0Mi4xNzY0MDgzMDU0" style="text-decoration: none; color: #fff;">Aviso de Privacidad</a></p>
<p>
	<a href="/terminos-de-uso?_gl=1*dqyqxy*_gcl_au*MTYzNTczMzA0Mi4xNzY0MDgzMDU0" style="text-decoration: none; color: #fff;">T&eacute;rminos de Uso</a></p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>

	<div class="sub-footer" style="position: relative;">
		<div class="container">
			<h6 class="copyright"><p>
	2025 Todos los derechos resevados. NetmarketingWeb &reg; <a href="/aviso-de-privacidad?_gl=1*dqyqxy*_gcl_au*MTYzNTczMzA0Mi4xNzY0MDgzMDU0" style="color: #fff;" target="_blank">Aviso de Privacidad</a> - <a href="/terminos-de-uso?_gl=1*dqyqxy*_gcl_au*MTYzNTczMzA0Mi4xNzY0MDgzMDU0" style="color: #fff;" target="_blank">T&eacute;rminos de Uso</a></p>
</h6>
		</div>

	</div>
</footer>
<!-- Termina Pie Página-->

<!--<div class="---footer ---navbar-fixed-bottom" id="barra-whatsapp" style="z-index:200!important; width:120; float: right!important; background-color:#F00; position: fixed; right: 0; bottom: 0;">

	<img src="../img/logo.png" style="width:120px; height:120px" />

</div>-->


<link rel="stylesheet" href="/plantillas/social-media-buttons/css/sm-buttons.css" />

<div style="
                z-index: 200 !important;
                float: right !important;
                position: fixed;
                right: 10px;
                bottom: 10px;
            ">

   <!-- ################################################################## -->
         <div id="view_telephone" class="card_cont" style="display: none">
         <div class="card_head">
            <div class="card_head_icon">
               <svg viewBox="-72 -72 704 704" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="
                                width: 100%;
                                height: 100%;
                                fill: rgb(255, 255, 255);
                                stroke: none;
                            ">
                  <path d=" M166.156,512h-41.531c-7.375-0.031-20.563-8.563-20.938-8.906C37.438,437.969,0,348.906,0,255.938 C0,162.719,37.656,73.375,104.281,8.219C104.313,8.188,117.25,0,124.625,0h41.531c15.219,0,33.25,11.125,40.063,24.781l2.906,5.844 c6.781,13.594,6.188,35.563-1.344,48.75l-27.906,48.813c-7.563,13.219-26.188,24.25-41.406,24.25H110.75 c-36.813,64-36.813,143.094-0.031,207.125h27.75c15.219,0,33.844,11.031,41.406,24.25l27.875,48.813 c7.531,13.188,8.156,35.094,1.375,48.781l-2.906,5.844C199.375,500.844,181.375,512,166.156,512z M512,128v256 c0,35.344-28.656,64-64,64H244.688c-1.25-11.219-3.969-22.156-9.156-31.25l-27.875-48.813 c-13.406-23.406-42.469-40.375-69.188-40.375h-8.156c-20.188-45.438-20.188-97.719,0-143.125h8.156 c26.719,0,55.781-16.969,69.188-40.375l27.906-48.813c5.188-9.094,7.906-20.063,9.156-31.25H448C483.344,64,512,92.656,512,128z M328,368c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S328,381.25,328,368z M328,304c0-13.25-10.75-24-24-24 s-24,10.75-24,24s10.75,24,24,24S328,317.25,328,304z M328,240c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24 S328,253.25,328,240z M392,368c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S392,381.25,392,368z M392,304 c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S392,317.25,392,304z M392,240c0-13.25-10.75-24-24-24s-24,10.75-24,24 s10.75,24,24,24S392,253.25,392,240z M456,368c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S456,381.25,456,368z M456,304 c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S456,317.25,456,304z M456,240c0-13.25-10.75-24-24-24s-24,10.75-24,24 s10.75,24,24,24S456,253.25,456,240z M456,144c0-8.844-7.156-16-16-16H296c-8.844,0-16,7.156-16,16v32c0,8.844,7.156,16,16,16h144 c8.844,0,16-7.156,16-16V144z"></path>
               </svg>
            </div>
            <div class="card_head_text">Phone</div>
            <div id="close_telephone" class="card_head_close">
               <svg viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="
                                width: 100%;
                                height: 24px;
                                fill: rgb(255, 255, 255);
                                stroke: none;
                            ">
                  <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
                  <path d="M0 0h24v24H0z" fill="none"></path>
               </svg>
            </div>
         </div>

                     <div class="body_txt">
                                 <div style="font-size: 18px; margin-bottom: 10px; color: #666;">Guadalajara</div>
                              <a href="tel: 33 3826 5976">33 3826 5976</a>
            </div>
         
                     <div class="body_txt">
                                 <div style="font-size: 18px; margin-bottom: 10px; color: #666;">M�xico</div>
                              <a href="tel: 55 8526 4472">55 8526 4472</a>
            </div>
               </div>

      <div class="align_items">
         <div id="txt_telephone" class="stl_txt" style="display: none">
            <div>Tel&eacute;fono</div>
         </div>
         <a href="javascript:void(0)" id="btn_tel" class="btn_fix" style="
                        margin-bottom: 10px;
                        background: rgb(236, 89, 35);
                        display: none;
                    " onclick="open_tel()">
            <svg viewBox="-72 -72 704 704" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="
                            width: 100%;
                            height: 100%;
                            fill: rgb(255, 255, 255);
                            stroke: none;
                        ">
               <path d=" M166.156,512h-41.531c-7.375-0.031-20.563-8.563-20.938-8.906C37.438,437.969,0,348.906,0,255.938 C0,162.719,37.656,73.375,104.281,8.219C104.313,8.188,117.25,0,124.625,0h41.531c15.219,0,33.25,11.125,40.063,24.781l2.906,5.844 c6.781,13.594,6.188,35.563-1.344,48.75l-27.906,48.813c-7.563,13.219-26.188,24.25-41.406,24.25H110.75 c-36.813,64-36.813,143.094-0.031,207.125h27.75c15.219,0,33.844,11.031,41.406,24.25l27.875,48.813 c7.531,13.188,8.156,35.094,1.375,48.781l-2.906,5.844C199.375,500.844,181.375,512,166.156,512z M512,128v256 c0,35.344-28.656,64-64,64H244.688c-1.25-11.219-3.969-22.156-9.156-31.25l-27.875-48.813 c-13.406-23.406-42.469-40.375-69.188-40.375h-8.156c-20.188-45.438-20.188-97.719,0-143.125h8.156 c26.719,0,55.781-16.969,69.188-40.375l27.906-48.813c5.188-9.094,7.906-20.063,9.156-31.25H448C483.344,64,512,92.656,512,128z M328,368c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S328,381.25,328,368z M328,304c0-13.25-10.75-24-24-24 s-24,10.75-24,24s10.75,24,24,24S328,317.25,328,304z M328,240c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24 S328,253.25,328,240z M392,368c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S392,381.25,392,368z M392,304 c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S392,317.25,392,304z M392,240c0-13.25-10.75-24-24-24s-24,10.75-24,24 s10.75,24,24,24S392,253.25,392,240z M456,368c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S456,381.25,456,368z M456,304 c0-13.25-10.75-24-24-24s-24,10.75-24,24s10.75,24,24,24S456,317.25,456,304z M456,240c0-13.25-10.75-24-24-24s-24,10.75-24,24 s10.75,24,24,24S456,253.25,456,240z M456,144c0-8.844-7.156-16-16-16H296c-8.844,0-16,7.156-16,16v32c0,8.844,7.156,16,16,16h144 c8.844,0,16-7.156,16-16V144z"></path>
            </svg>
         </a>
      </div>
   
   <!-- ################################################################## -->

   
   <!-- ################################################################## -->

   
   <!-- ################################################################## -->

   
   <!-- ################################################################## -->

   
   <!-- ################################################################## -->

   
   <!-- ################################################################## -->

         <div class="align_items">
         <div id="txt_facebook" class="stl_txt" style="display: none">
            <div>Facebook</div>
         </div>

         <a href="https://www.facebook.com/HospedajeWebMX/?fref=ts" id="btn_facebook" class="btn_fix" style="
                        margin-bottom: 10px;
                        background: #4267b2;
                        display: none;
                    " target="_blank" onclick="envia_datos_ajax('Facebook')">
            <svg viewBox="-21 -21 682.66669 682.66669" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 100%; height: 108%; fill: rgb(255, 255, 255); stroke: none;">
               <path d="m483.738281 0h-455.5c-15.597656.0078125-28.24218725 12.660156-28.238281 28.261719v455.5c.0078125 15.597656 12.660156 28.242187 28.261719 28.238281h455.476562c15.605469.003906 28.257813-12.644531 28.261719-28.25 0-.003906 0-.007812 0-.011719v-455.5c-.007812-15.597656-12.660156-28.24218725-28.261719-28.238281zm0 0" fill="#4267b2" />
               <path d="m353.5 512v-198h66.75l10-77.5h-76.75v-49.359375c0-22.386719 6.214844-37.640625 38.316406-37.640625h40.683594v-69.128906c-7.078125-.941406-31.363281-3.046875-59.621094-3.046875-59 0-99.378906 36-99.378906 102.140625v57.035156h-66.5v77.5h66.5v198zm0 0" fill="#fff" />
            </svg>
         </a>
      </div>
   
   <!-- ################################################################## -->

         <div class="align_items">
         <div id="txt_whatsapp" class="stl_txt" style="display: none">
            <div>WhatsApp</div>
         </div>

         <a href="https://wa.me/5213338265976" id="btn_whatsapp" class="btn_fix" style="
                        margin-bottom: 10px;
                        background: rgb(77, 194, 71);
                        display: none;
                    " target="_blank" onclick="envia_datos_ajax('WhatsApp')">
            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="
                            width: 100%;
                            height: 100%;
                            fill: rgb(255, 255, 255);
                            stroke: none;
                        ">
               <path d="M19.11 17.205c-.372 0-1.088 1.39-1.518 1.39a.63.63 0 0 1-.315-.1c-.802-.402-1.504-.817-2.163-1.447-.545-.516-1.146-1.29-1.46-1.963a.426.426 0 0 1-.073-.215c0-.33.99-.945.99-1.49 0-.143-.73-2.09-.832-2.335-.143-.372-.214-.487-.6-.487-.187 0-.36-.043-.53-.043-.302 0-.53.115-.746.315-.688.645-1.032 1.318-1.06 2.264v.114c-.015.99.472 1.977 1.017 2.78 1.23 1.82 2.506 3.41 4.554 4.34.616.287 2.035.888 2.722.888.817 0 2.15-.515 2.478-1.318.13-.33.244-.73.244-1.088 0-.058 0-.144-.03-.215-.1-.172-2.434-1.39-2.678-1.39zm-2.908 7.593c-1.747 0-3.48-.53-4.942-1.49L7.793 24.41l1.132-3.337a8.955 8.955 0 0 1-1.72-5.272c0-4.955 4.04-8.995 8.997-8.995S25.2 10.845 25.2 15.8c0 4.958-4.04 8.998-8.998 8.998zm0-19.798c-5.96 0-10.8 4.842-10.8 10.8 0 1.964.53 3.898 1.546 5.574L5 27.176l5.974-1.92a10.807 10.807 0 0 0 16.03-9.455c0-5.958-4.842-10.8-10.802-10.8z"></path>
            </svg>
         </a>
      </div>
   
   <!-- ################################################################## -->


   <!-- ################################################################## -->

   
   <!-- ################################################################## -->

   <div class="align_items">
      <div id="contacto" class="stl_txt" style="display: none">
         <div>Cont&aacute;ctanos</div>
      </div>

      <a href="javascript:void(0)" id="cont_btns" class="btn_fix" style="margin-bottom: 10px; background: rgb(0, 0, 0)" onclick="open_cont_btns()">
         <div id="icon_btn">
            <svg viewBox="0 -256 1850 1850" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="
                                width: 100%;
                                height: 100%;
                                fill: rgb(255, 255, 255);
                                stroke: none;
                            ">
               <path transform="matrix(0.71186441,0,0,-0.71186441,288.54237,1093.9482)" d="M 704,1152 Q 551,1152 418,1100 285,1048 206.5,959 128,870 128,768 q 0,-82 53,-158 53,-76 149,-132 l 97,-56 -35,-84 q 34,20 62,39 l 44,31 53,-10 q 78,-14 153,-14 153,0 286,52 133,52 211.5,141 78.5,89 78.5,191 0,102 -78.5,191 -78.5,89 -211.5,141 -133,52 -286,52 z m 0,128 q 191,0 353.5,-68.5 Q 1220,1143 1314,1025 1408,907 1408,768 1408,629 1314,511 1220,393 1057.5,324.5 895,256 704,256 618,256 528,272 404,184 250,144 214,135 164,128 h -3 q -11,0 -20.5,8 -9.5,8 -11.5,21 -1,3 -1,6.5 0,3.5 0.5,6.5 0.5,3 2,6 l 2.5,5 q 0,0 3.5,5.5 3.5,5.5 4,5 0.5,-0.5 4.5,5 4,5.5 4,4.5 5,6 23,25 18,19 26,29.5 8,10.5 22.5,29 Q 235,303 245.5,323 256,343 266,367 142,439 71,544 0,649 0,768 0,907 94,1025 188,1143 350.5,1211.5 513,1280 704,1280 Z M 1526,111 q 10,-24 20.5,-44 10.5,-20 25,-38.5 14.5,-18.5 22.5,-29 8,-10.5 26,-29.5 18,-19 23,-25 1,-1 4,-4.5 3,-3.5 4.5,-5 1.5,-1.5 4,-5 2.5,-3.5 3.5,-5.5 l 2.5,-5 q 0,0 2,-6 2,-6 0.5,-6.5 -1.5,-0.5 -1,-6.5 -3,-14 -13,-22 -10,-8 -22,-7 -50,7 -86,16 Q 1388,-72 1264,16 1174,0 1088,0 817,0 616,132 q 58,-4 88,-4 161,0 309,45 148,45 264,129 125,92 192,212 67,120 67,254 0,77 -23,152 129,-71 204,-178 75,-107 75,-230 0,-120 -71,-224.5 Q 1650,183 1526,111 Z"></path>
            </svg>
         </div>
      </a>
   </div>
</div>



<script>
$(document).ready(function() {
	
	$("#formWattsapp").validate({
		rules: {
			wnombre: { required: true, },
			wtel: { required: true, },
			winteresado_en: { required: true, },
		},
		messages: {
			wnombre: { required: "El campo es requerido", },
			wtel: { required: "El campo es requerido", },
			winteresado_en: { required: "El campo es requerido", },
		},
		submitHandler: function(form) {
			envia_datos_ajax('WhatsApp2',document.getElementById('wnombre').value,document.getElementById('wtel').value,document.getElementById('winteresado_en').value);	
		}
	});
	
	open_cont_btns();

	$("#btn_tel").mouseover(function() {
		$("#txt_telephone").css("display", "block");
	});

	$("#btn_tel").mouseout(function() {
		$("#txt_telephone").css("display", "none");
	});

	$("#btn_youtube").mouseover(function() {
		$("#txt_youtube").css("display", "block");
	});

	$("#btn_youtube").mouseout(function() {
		$("#txt_youtube").css("display", "none");
	});

	$("#btn_linkedin").mouseover(function() {
		$("#txt_linkedin").css("display", "block");
	});

	$("#btn_linkedin").mouseout(function() {
		$("#txt_linkedin").css("display", "none");
	});

	$("#btn_instagram").mouseover(function() {
		$("#txt_instagram").css("display", "block");
	});

	$("#btn_instagram").mouseout(function() {
		$("#txt_instagram").css("display", "none");
	});
	
	$("#btn_tiktok").mouseover(function() {
		$("#txt_tiktok").css("display", "block");
	});

	$("#btn_tiktok").mouseout(function() {
		$("#txt_tiktok").css("display", "none");
	});

	$("#btn_twitter").mouseover(function() {
		$("#txt_twitter").css("display", "block");
	});

	$("#btn_twitter").mouseout(function() {
		$("#txt_twitter").css("display", "none");
	});

	$("#btn_facebook").mouseover(function() {
		$("#txt_facebook").css("display", "block");
	});

	$("#btn_facebook").mouseout(function() {
		$("#txt_facebook").css("display", "none");
	});

	$("#btn_whatsapp").mouseover(function() {
		$("#txt_whatsapp").css("display", "block");
	});

	$("#btn_whatsapp").mouseout(function() {
		$("#txt_whatsapp").css("display", "none");
	});
	
	$("#btn_whatsapp2").mouseover(function() {
		$("#txt_whatsapp2").css("display", "block");
	});

	$("#btn_whatsapp2").mouseout(function() {
		$("#txt_whatsapp2").css("display", "none");
	});

	$("#close_telephone").click(function() {
		// Cierra la card de telefono
		$("#view_telephone").fadeOut("fast");
	});
});

function open_cont_btns() {
	// Variables
	var cont_btns = $("#cont_btns");
	var icon_btn = $("#icon_btn");
	var contacto = $("#contacto");

	// Cierra la card de telefono
	$("#view_telephone").fadeOut("fast");

	// Elimino la etiqueta de contacto
	contacto.css("display", "none");
	contacto.removeClass("fade-in-txt_c");

	// Vacio el icono
	icon_btn.empty();

	// Inserto el nuevo icono
	icon_btn.append(
		"<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-9 -9 41 41' style='width: 100%; height: 100%; fill: rgb(255, 255, 255); stroke: none'>" +
		"<path d=' M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'></path>" +
		"</svg>"
	);

	// Le agrego la clase para hacer que gire
	icon_btn.addClass("rotar");

	// Despliego la lista de iconos
	$("#btn_whatsapp").slideDown("fast");
	$("#btn_whatsapp2").slideDown("fast");
	$("#btn_facebook").slideDown("fast");
	$("#btn_twitter").slideDown("fast");
	$("#btn_instagram").slideDown("fast");
	$("#btn_tiktok").slideDown("fast");
	$("#btn_linkedin").slideDown("fast");
	$("#btn_youtube").slideDown("fast");
	$("#btn_tel").slideDown("fast");

	// Remuevo la clase rotar
	icon_btn.removeClass("rotar_l");

	// Cambio el onclick
	cont_btns.attr("onClick", "close_cont_btns()");
}

function close_cont_btns() {
	// Variables
	var cont_btns = $("#cont_btns");
	var icon_btn = $("#icon_btn");

	// Vacio el icono
	icon_btn.empty();

	// Inserto el nuevo icono
	icon_btn.append(
		"<svg viewBox='0 -256 1850 1850' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='width: 100%; height: 100%; fill: rgb(255, 255, 255); stroke: none'>" +
		"<path transform='matrix(0.71186441,0,0,-0.71186441,288.54237,1093.9482)' d='M 704,1152 Q 551,1152 418,1100 285,1048 206.5,959 128,870 128,768 q 0,-82 53,-158 53,-76 149,-132 l 97,-56 -35,-84 q 34,20 62,39 l 44,31 53,-10 q 78,-14 153,-14 153,0 286,52 133,52 211.5,141 78.5,89 78.5,191 0,102 -78.5,191 -78.5,89 -211.5,141 -133,52 -286,52 z m 0,128 q 191,0 353.5,-68.5 Q 1220,1143 1314,1025 1408,907 1408,768 1408,629 1314,511 1220,393 1057.5,324.5 895,256 704,256 618,256 528,272 404,184 250,144 214,135 164,128 h -3 q -11,0 -20.5,8 -9.5,8 -11.5,21 -1,3 -1,6.5 0,3.5 0.5,6.5 0.5,3 2,6 l 2.5,5 q 0,0 3.5,5.5 3.5,5.5 4,5 0.5,-0.5 4.5,5 4,5.5 4,4.5 5,6 23,25 18,19 26,29.5 8,10.5 22.5,29 Q 235,303 245.5,323 256,343 266,367 142,439 71,544 0,649 0,768 0,907 94,1025 188,1143 350.5,1211.5 513,1280 704,1280 Z M 1526,111 q 10,-24 20.5,-44 10.5,-20 25,-38.5 14.5,-18.5 22.5,-29 8,-10.5 26,-29.5 18,-19 23,-25 1,-1 4,-4.5 3,-3.5 4.5,-5 1.5,-1.5 4,-5 2.5,-3.5 3.5,-5.5 l 2.5,-5 q 0,0 2,-6 2,-6 0.5,-6.5 -1.5,-0.5 -1,-6.5 -3,-14 -13,-22 -10,-8 -22,-7 -50,7 -86,16 Q 1388,-72 1264,16 1174,0 1088,0 817,0 616,132 q 58,-4 88,-4 161,0 309,45 148,45 264,129 125,92 192,212 67,120 67,254 0,77 -23,152 129,-71 204,-178 75,-107 75,-230 0,-120 -71,-224.5 Q 1650,183 1526,111 Z'></path>" +
		"</svg>"
	);

	// Le agrego la clase para hacer que gire
	icon_btn.addClass("rotar_l");

	// Despliego la lista de iconos
	$("#btn_whatsapp").slideUp("fast");
	$("#btn_whatsapp2").slideUp("fast");
	$("#btn_facebook").slideUp("fast");
	$("#btn_twitter").slideUp("fast");
	$("#btn_instagram").slideUp("fast");
	$("#btn_tiktok").slideUp("fast");
	$("#btn_linkedin").slideUp("fast");
	$("#btn_youtube").slideUp("fast");
	$("#btn_tel").slideUp("fast");

	// Remuevo la clase rotar
	icon_btn.removeClass("rotar");

	// Cambio el onclick
	cont_btns.attr("onClick", "open_cont_btns()");

	// Ejecuta la funcion
	txt_cont();
}

function txt_cont() {
	// Muestra la etiqueta de contacto
	$("#contacto").css("display", "block");
	$("#contacto").addClass("fade-in-txt_c");
}

function open_tel() {
	// Abre la card de telefono
	$("#view_telephone").fadeIn("slow");

	// Cierra la barra de botones
	close_cont_btns();

	// Envia los datos por ajax
	envia_datos_ajax("Telefono");
}

function envia_datos_ajax(tipo,nombre,tel,interesado_en) {


	var data = {
		tipo_btn: tipo,
		nombre: nombre,
		tel: tel,
		interesado_en: interesado_en,
	};

	$.ajax({
		type: "POST",
		url: "/plantillas/ajax/registra_tipo.php",
		contetnType: "application_json; charset=utf-8",
		data: data,
		success: function(response) {
			//$("#respuesta").html(response).fadeIn();
			$("#respuesta_botonera").html(response);
			
		},
	});
	

}
</script>
<div id="respuesta_botonera" style="display:none"></div>


<!----- Ventana Modal ------->

<div class="modal fade" id="WhatsappModal" tabindex="-1" aria-labelledby="WhatsappModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">

         <!-- Header -->
         <div class="modal-header d-flex align-items-center">

            <!-- Icono -->
            <div class="me-3">
               <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"
                  style="width: 70px; height: 70px; fill: rgb(0, 204, 0); stroke: none;">
                  <path d="M19.11 17.205c-.372 0-1.088 1.39-1.518 1.39a.63.63 0 0 1-.315-.1c-.802-.402-1.504-.817-2.163-1.447-.545-.516-1.146-1.29-1.46-1.963a.426.426 0 0 1-.073-.215c0-.33.99-.945.99-1.49 0-.143-.73-2.09-.832-2.335-.143-.372-.214-.487-.6-.487-.187 0-.36-.043-.53-.043-.302 0-.53.115-.746.315-.688.645-1.032 1.318-1.06 2.264v.114c-.015.99.472 1.977 1.017 2.78 1.23 1.82 2.506 3.41 4.554 4.34.616.287 2.035.888 2.722.888.817 0 2.15-.515 2.478-1.318.13-.33.244-.73.244-1.088 0-.058 0-.144-.03-.215-.1-.172-2.434-1.39-2.678-1.39zm-2.908 7.593c-1.747 0-3.48-.53-4.942-1.49L7.793 24.41l1.132-3.337a8.955 8.955 0 0 1-1.72-5.272c0-4.955 4.04-8.995 8.997-8.995S25.2 10.845 25.2 15.8c0 4.958-4.04 8.998-8.998 8.998zm0-19.798c-5.96 0-10.8 4.842-10.8 10.8 0 1.964.53 3.898 1.546 5.574L5 27.176l5.974-1.92a10.807 10.807 0 0 0 16.03-9.455c0-5.958-4.842-10.8-10.802-10.8z"></path>
               </svg>
            </div>

            <!-- Título -->
            <h5 class="modal-title" id="WhatsappModalLabel" style="color:#008000; font-size:22px;">
               Contactar por WhatsApp
            </h5>

            <!-- Cerrar -->
            <button type="button" class="btn-close ms-auto" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>

         <!-- Formulario -->
         <form id="formWattsapp" name="formWattsapp">

            <div class="modal-body">

               <p>
                  Si deseas que nos pongamos en contacto contigo por WhatsApp, d&eacute;janos tus datos y te escribiremos a la brevedad.
               </p>

               <div class="mb-3">
                  <input type="text" name="wnombre" id="wnombre" placeholder="Nombre"
                     class="form-control form-control-lg" required />
               </div>

               <div class="mb-3">
                  <input type="text" name="wtel" id="wtel" placeholder="Tu n&uacute;mero WhatsApp"
                     class="form-control form-control-lg" required />
               </div>

               <div class="mb-3">
                  <input type="text" name="winteresado_en" id="winteresado_en" placeholder="&iquest;En qu&eacute; est&aacute;s interesado?"
                     class="form-control form-control-lg" required />
               </div>

            </div>

            <div class="modal-footer">
               <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
               <button id="btn_envio_whatsapp2" type="submit" class="btn btn-success">Enviar Datos</button>
            </div>

         </form>

      </div>
   </div>
</div>



<style>
    .navbar-nav {
float: right;
margin: 0;
}

.carousel-caption h3{
	text-shadow: black 0 2px;
	font-weight:bold;
	text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}

#enalce-netmarketing{

	color:white;

}

.porque-nosotros, .quienes-somos-cont{

	line-height:25px!important;

}

.btn-danger{

	background-color:#006997; /* Color de fondo del boton */
	color:white; /* Color del texto del boton */
	border-color:white; /* Color del borde del boton*/

}


.btn-danger:hover{

	background-color:#3581a3; /* Color de fondo del boton cuando se pasa el mouse */
	color:white; /* Color del texto del boton */
	border-color:white; /* Color del borde del boton*/


}


.estilos-formularios{
	color: #FFF;
}
</style>



<script>
	$(document).ready(function() {	
		new WOW().init();
		
		const lightbox = GLightbox({
			touchNavigation: true,
			loop: true,
			zoomable: true
		});
	});
</script>

</body>

</html>