@charset "utf-8";
/* CSS Document */


/* For desktop: */

#contenido, html, body {
	margin: 0;
	padding: 0;
	width: 100%;
    height: 100%;
	overflow: hidden;
	cursor: url(https://055133.claudeassets.com/20260307093939im_/https://venidadevenida.com/cursor.cur), url(https://ed2209.claudeassets.com/20260307093939im_/https://venidadevenida.com/cursor.gif), auto;
}

/*fuentes*/

@font-face{
    src:url(https://52b98c.claudeassets.com/20260307093939im_/https://venidadevenida.com/fonts/swiss.ttf);
    font-family: Swis721 BT;
}

@font-face{
    src:url(https://faf6e4.claudeassets.com/20260307093939im_/https://venidadevenida.com/fonts/swissb.ttf);
    font-family: Swis721 Bd BT;
}

@font-face{
    src:url(https://69b506.claudeassets.com/20260307093939im_/https://venidadevenida.com/fonts/swissi.ttf);
    font-family: swissi;
}

@font-face{
    src:url(https://39c1ae.claudeassets.com/20260307093939im_/https://venidadevenida.com/fonts/roboto.regular.ttf);
    font-family: Roboto;
}

/*cabecera*/

.logo-mv {
	display:none;
}

.logo {
	position:absolute;
	width:16%;
	height:auto;
	margin: 18% 42% 0 42%;
    padding: 0;
}

.cabecera {
	width: 100%;
	margin: 0;
	padding: 0;
    text-align: center;
	position: fixed;
	z-index: 10;
}

.menu {
	margin: 15px 0 0 0;
	padding: 0;
}

.menu ul {
	margin:0;
    padding: 0;
    float: left;
    list-style-type: none;
    position: relative; 
    left: 50%;
}

.menu ul li{
	margin:0 10px;
    padding: 0;
    float: left;
    position: relative; 
    right: 50%;
}

.menu ul li a {
	margin: 0;
    padding: 0; /* El padding añadirá separación entre los elementos */
	font-family: Swis721 Bd BT, sans-serif;
	text-decoration:none;
	font-size: 16px;
	color:#F9C;
	float:left;
}

.menu ul li a:hover {
    background:#F9C;
	-moz-box-shadow:0px 0px 5px 5px #F9C;
	-webkit-box-shadow:0px 0px 5px 5px #F9C;
	box-shadow:0px 0px 5px 5px #F9C;
	color:#fff;
}

.menu-mv {
	display:none;
}

/*estilos de secciones*/

/*sección izquierda menu*/

.gradleft{
    height: auto;
    background: -webkit-linear-gradient(90deg, yellow, white, white, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, yellow, white, white, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, yellow, white, white, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, yellow, white, white, yellow); /* Standard syntax (must be last) */
}

.left {
	margin: 0;
	padding: 10% 0 0 0;
	width:50%;
	float:left;
	height:100%;
	overflow:auto;
	overflow: -moz-scrollbars-none;
}

.left ul {
	margin: 0 15% 30% 15%;
    padding: 0;
	list-style-type: none;
}

.left ul li {
	position: relative;
	height: 36px;
	margin: 0 0 36px 0;
	padding: 4px 0 0 0;
	text-align:center;
}

.left ul li p {
	position:absolute;
	bottom: -12px;
	z-index: -1;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height:24px;
	font-family: Swis721 Bd BT, sans-serif;
	font-size: 16px;
	color:#F9C;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

.left ul li span {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.left ul li span:hover+p {
	bottom: -24px;
	opacity: 1;
	z-index: 1;
}

.left ul li a {
	font-family: Swis721 Bd BT, sans-serif;
	font-size: 24px;
	color:#F9CADB;
	text-decoration: none;
}

.left ul li a:link, .left ul li a:visited {
	color: #F9C;
	text-decoration: none;
}

.left ul li a:hover, .left ul li a:active {
	text-shadow: #ea4a82 0.1em 0.1em 0.2em;
	color:#FFF !important;
}

/*sección izquierda contenido*/

.left div {
	margin: 0 30% 30% 30%;
    padding: 0;
}

.left div h1{
	font-family: Swis721 Bd BT, sans-serif;
	font-size: 24px;
	text-shadow: #ea4a82 0.1em 0.1em 0.2em;
	color:#FFF;
}

.left div h2{
	font-family: Swis721 Bd BT, sans-serif;
	font-size: 16px;
	color:#F9C;
}

.left div p{
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color:#F9C;
}

.cita {
	margin: 0;
    padding: 0 10%;
	font-size: 13px !important;
}

/*sección derecha menu*/

.right {
	margin: 0;
	padding: 10% 0 0 0;
	width:50%;
	float:left;
	height:100%;
	overflow: auto;
	overflow: -moz-scrollbars-none;
}

.right ul {
	margin: 0 25% 30% 25%;
    padding: 0;
	list-style-type: none;
}

.right ul li {
	margin: 5% 0;
    padding: 0;
}

.right ul li a {
	margin: 0 auto;
    padding: 0;
}

/*sección derecha contenido*/

.right div {
	margin: 0 30% 30% 30%;
    padding: 0;
}

.right div h1{
	font-family: Swis721 Bd BT, sans-serif;
	font-size: 24px;
	text-shadow: #ea4a82 0.1em 0.1em 0.2em;
	color:#FFF;
	text-align:right;
}

.right div h2{
	font-family: Swis721 Bd BT, sans-serif;
	font-size: 16px;
	color:#666;
}

.right div p{
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color:#666;
}

/*imagenes*/

img {
    width: 100%;
    height: auto;
}

/* estilo enlace y selección */

a, a:link, a:visited, a:hover, a:active {
	color:#F9C;
	cursor: url(https://3a5fe6.claudeassets.com/20260307093939im_/https://venidadevenida.com/cursor-hover.cur), url(https://1bab3e.claudeassets.com/20260307093939im_/https://venidadevenida.com/cursor-hover.gif), auto;
}

.activo {
    background:#F9C;
	-moz-box-shadow:0px 0px 5px 5px #F9C;
	-webkit-box-shadow:0px 0px 5px 5px #F9C;
	box-shadow:0px 0px 5px 5px #F9C;
	color:#fff !important;
}

.sub {
	text-decoration: underline;
}

h1::selection, h2::selection, p::selection, a::selection {
    color:#66C;
}

h1::-moz-selection, h2::-moz-selection, p::-moz-selection, a::-moz-selection {
    color-:#66C;
}

/*scrollbar*/

::-webkit-scrollbar { 
    display: none; 
}

/*hover image*/

@media only screen and (min-width: 481px) and (max-width: 768px) {
    /* For ipad: */
	
	.logo {
		width:16%;
	    margin: 36% 42% 0 42%;
	}
	
	.menu-mv {
	display:none;
    }

	.left ul {
	    margin: 0 15% 30% 15%;
    }
	
	.left div {
	    margin: 0 15% 30% 15%;
    }
	
	.right ul {
	    margin: 0 15% 30% 15%;
    }
	
	.right div {
	    margin: 0 15% 30% 15%;
    }
}

@media only screen and (max-width: 480px) {
    /* For mobile phones: */
	#contenido, html, body {
        overflow: visible;
    }

/* ~~ Imagenes ~~ */

img {
    width: 100%;
    height: auto;
}

/* ~~ Cabecera ~~ */

	.cabecera {
		width:100%;
	    height:auto;
	    margin:0 auto;
	    padding:0;
		position:relative;
	}
	
    .logo {
		display:none;
	}
	
	.logo-mv {
		width:250px;
		height:auto;
		margin: 0 auto;
		display:block;
	}
			
	.menu-mv {
	    width:100%;
		height:auto;
		margin: 0;
	    padding: 0;
		text-align: center;
		position:relative;
	    z-index:auto;
	    overflow-x:hidden;
	    display:block;
    }

    .menu-mv ul {
	    margin:0;
        padding: 0;
        float: left;
        list-style-type: none;
        position: relative; 
        left: 50%;
    }

    .menu-mv ul li{
	    margin: 5px;
        padding: 5px;
        float: left;
        position: relative; 
        right: 50%;
    }

    .menu-mv ul li a {
	    margin: 0;
        padding: 0; /* El padding añadirá separación entre los elementos */
	    font-family: Swis721 Bd BT, sans-serif;
	    text-decoration:none;
	    font-size: 16px;
	    color:#F9C;
	    float:left;
    }

    .menu-mv ul li a:hover {
        background:#F9C;
	    -moz-box-shadow:0px 0px 5px 5px #F9C;
	    -webkit-box-shadow:0px 0px 5px 5px #F9C;
	    box-shadow:0px 0px 5px 5px #F9C;
	    color:#fff;
    }
	
	.menu {
		display: none !important;
	}

/* ~~ Contenido ~~ */

	.gradleft{
	    height: auto;
        background: none;
	}

    .left {
	    padding: 10px 0 0 0;
	    width:100%;
		float:none;
		height:auto;
	    overflow:visible;
    }
	
	.left ul {
	    margin: 0;
    }

    .left ul li {
	    margin: auto 0;
	    padding: 0;
    }

    .left ul li p {
	    display: none;
	}
	
	.left div {
	    margin: 0 30px;
    }
	
	.right {
	    padding:10px 0;
	    width:100%;
	    float:none;
		height:auto;
	    overflow: visible;
    }

    .right ul {
        display:none;
    }
	
	.right div {
	    margin: 0 30px;
    }
}
/*
     FILE ARCHIVED ON 08:36:01 Feb 10, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:37:50 Jul 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.501
  exclusion.robots: 0.052
  exclusion.robots.policy: 0.034
  esindex: 0.009
  cdx.remote: 9.347
  LoadShardBlock: 615.457 (3)
  PetaboxLoader3.datanode: 438.725 (5)
  PetaboxLoader3.resolve: 125.255 (3)
  load_resource: 276.036 (2)
*/