/*
Theme Name: Odiamos a Elon Musk
Theme URI: https://odiamosaelonmusk.com/
Author: @theone
Author URI: https://pipi.io/
Description: Template
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bootstrapchile
*/

body {
    font-family: monospace; 
	padding: 2rem
}
a {
  color: blue;
}
a:hover {
  text-decoration: none
}
a:visited {
  color: blue;
}
.wp-block-button__link,
.btn {
	background: blue;
	color: white!important;
	display: inline-block;
	border-radius: 100px;
	text-align: center;
	padding: 0.5rem;
}
h1 {
	font-size: 1rem;
	font-weight: normal
}
h2, p, ul  {
    line-height: 1;
}
ul  {
	margin: 0;
    padding: 0;
}
li {
	margin-bottom: 0.5rem
}
table {
    border: 1px dashed;
}
blockquote {
	max-width: 30rem
}
.ascii {
	white-space: pre;
}
.ascii .cb-counter-wrap {
	white-space: initial;
}
.word {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}
.thinletter {
    width: 30px;
}
.smol {
    font-size: 1.3vw;
}
.petit {
    font-size: 0.3rem;
}
.flipa {
	transform: rotate(180deg);
	text-align:right;
}
.text-left {
	text-align: left;
}
.big {
	font-family: "Comic Sans MS", "Comic Sans", cursive;
}

/*HEAD*/
.informatione {
    background: rgba(0, 225, 0, 0.9);
    position: fixed;
    padding: 2rem;
    right: 2rem;
    top: 2rem;
	z-index: 1;
}
.CLOS {
    position: absolute;
    height: 2rem;
    width: 2rem;
    top: 0.5rem;
    right: 0.5rem;
    line-height: 0;
    padding: 0
}
.cls .vergacion {
	display: none;
}
.cls.informatione {
	height: 2rem;
    width: 2rem;
	padding: 1rem 1rem 0 0;
}
.vergacion h2 {
	margin-top: 0
}
/*FOOTER*/
.menu-footer li {
	display: inline-block;
}

/*CONTAOR*/
.cb-counter-wrap {
	border: 1px dotted;
	max-width: 400px;
	padding: 0.5rem;
	position: relative;
}
.count {
	background: red;
	padding: 0.5rem
}
.visto {
	display: inline-block;
	background: white;
	font-size: 2rem;
	/* animation: roto 3s infinite; */
}
.y-no-visto {
	font-size: 0.5rem
}
@keyframes roto {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.criaturo {
	position: absolute;
	width: 50px;
	height: auto;
	top: 42px;
}
.botonMUSK {
	color: red;
	outline: 0;
	border-radius: 4px;
	border: 1px solid red;
	padding: 0.5rem;
}

/*BAR*/
.sinso {
	display: inline-block;
	animation: shake 0.25s infinite;
}
@keyframes shake {
	0%   { transform: translate(0, 0) rotate(0deg); }
	10%  { transform: translate(-3px, -2px) rotate(-2deg); }
	20%  { transform: translate(4px, 2px) rotate(2deg); }
	30%  { transform: translate(-5px, 1px) rotate(-3deg); }
	40%  { transform: translate(5px, -3px) rotate(3deg); }
	50%  { transform: translate(-4px, 3px) rotate(-2deg); }
	60%  { transform: translate(4px, -2px) rotate(2deg); }
	70%  { transform: translate(-3px, 2px) rotate(-1deg); }
	80%  { transform: translate(3px, -2px) rotate(1deg); }
	90%  { transform: translate(-2px, 1px) rotate(-1deg); }
	100% { transform: translate(0, 0) rotate(0deg); }
}
/*HOME*/
.universo {
	background: url(https://odiamosaelonmusk.com/wp-content/uploads/2026/08/space.gif);
	padding: 1.5rem
}
.universo p {
	display: inline;
    box-decoration-break: clone;
    background: #fff;
    padding: 0.5rem 1rem;
}
.universo h2,
.universo ol {
    background: #fff;
    padding: 0.5rem 1rem;
}
.universo .wp-block-columns {
	margin-bottom: 0
}
/*COMIENZO RAPIDO*/
.page-id-177 {
	background: rgba(0, 225, 0, 0.9);
}
.page-id-177 .main {
	font-size: 120%;
}
.slidestep {
	display: flex;
  	justify-content: center;
  	align-items: center;
	border: 1px solid rgba(0, 220, 0);
	max-width: 890px;
	height: 680px;
	text-align: center;
}
.slidestep .wp-element-button {
	padding: 2rem;
}
.step2 {
	display: none;
}
.next0 .step1 {
	display: none;
}
.next0 .step2 {
	display: flex;
}

/*ERROR PAGES*/
.error404 {
	background: #000;
}
.error404 .darksmods,
.error404 .pie {
	color: #ccc;
}

/*MUSIC PAGE*/
.musicoz {
	height: 94px;
	width: 50%;
}

/*BLOG PAGE*/
.snippet_article {
	margin-bottom: 2rem;
	margin-top: 1rem;
	border-top: 1px dotted;
}

/*MEDIAQ*/
@media screen and (max-width: 1080px) {
    .informatione {
		left: 1rem;
    	top: initial;
		bottom: 1rem;
    }
	.CLOS {
		height: 4rem;
		width: 4rem;
		font-size: 3rem;
	}
	.cls.informatione {
		height: 4rem;
		width: 4rem;
	}
	.vergacion {
		padding-top: 4rem
	}
	.tablacion {
		overflow-x: auto;
		border-right: 1px solid red;
	}
	.musicoz {
		height: 280px;
		width: 360px;
		transform: rotate(90deg);
		margin-bottom: 2rem;
		margin-top: 2rem
	}
}
@media screen and (max-width: 800px) {
	.flipa {
		transform: rotate(-90deg);
		text-align:center;
	}
	.universo p {
		display: block;
	}
	.tablacion table {
		width: 100%;
	}
	.tablacion tr td {
		display: block
	}
}