::-moz-selection {background: #b3d4fc; text-shadow: none; }
::selection {background: #b3d4fc; text-shadow: none; }
.grecaptcha-badge {display: none;}
.overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(16,16,16,0.35);}

table {background-color: #fff; border:1px silver solid;}
table td, table th{border: none; padding:10px;}
table th{background-color: #cfb200; color: #fff;}

#menu li ul{position: relative; background-color: #eaeaea; padding:0 10px;}
#menu li ul li a {display: block; font-size:0.9rem; font-weight: 300; text-transform: none}
#menu.affix{position: fixed; left: 0; top: -50px; width: 100%; -webkit-transition: top .5s; -moz-transition: top .5s; -o-transition: top .5s; transition: top .5s; }
#menu.affix.up {top: 0; }
#menu li.open ul {display: block;}

body.🍔 #🍔 {width: 100%; height: 100%; right: auto; bottom: auto; left: 0; top: 0; background:rgba(0,0,0,0.7);}
body.🍔 #🍔 .toggle-nav {width: 64px; height: 64px; top: auto; left: auto; right: 30px; bottom: 30px;}
body.🍔 #🍔 .toggle-nav span {transform: rotate(45deg); top: 30px; }
body.🍔 #🍔 .toggle-nav span:before {background-color: transparent; }
body.🍔 #🍔 .toggle-nav span:after {top: 0; transform: rotate(-90deg); }

#menu div > ul{display: block; background: #fff; width: 250px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);  -webkit-transition: right .3s; -moz-transition: right .3s; -o-transition: right .3s; transition: right .3s;}
#menu div > ul li{width: 100%; border-bottom: 1px #eaeaea solid;}
#menu div > ul li:last-child{border: none;}
#menu div > ul li ul li{border-bottom: 1px #fff solid;}
#menu div > ul > li > a {padding-left:10px;}
#menu li.submenu > a i {border-color: #000;}
body.🍔 #menu div > ul{display: block; z-index: 6; right: 30px; max-height: 400px; overflow-y: auto;}

#toc.open ol {display:block;}
#toc ol {font-size: 0.85rem; margin-top:10px;}
#toc ol li {margin-bottom: 0;}
#toc ol li:first-letter {text-transform: uppercase;}
#toc a {text-decoration: none}
#toc a span{color:#849924 !important;}
#toc a strong{font-weight:normal;}
#toc .toc3{margin-left: 25px;}

#sep-sup.affix{margin-top:50px;}
#footer {background-color: #000000; color: #ffffff; padding:20px; text-align: center; padding-bottom: 1px;}
#footer ul {list-style: none; padding:0;}
#footer li {display: inline-block; margin-right: 20px;}
#footer li:last-child {margin-right: 0;}
#footer ul.inf li {font-size: 0.85rem; }
#footer ul.inf li a{text-decoration: none;}
#footer a{color: #ffffff;}
#footer p.creditos{padding-top: 20px; border-top: 1px solid #fff; font-size: 1rem; margin-top: 40px;}

.modal{position: fixed; left: 0; top:0; width: 100%; height: 100%; padding:20px; display: none; animation: popup 0.7s; z-index: 99;}
.modal .overlay {background-color: rgba(0,0,0,0.6); cursor: pointer;}
.modal .content {background-color: #fff; width: 100%; max-width: 600px; position: relative; top: 50%; transform: translateY(-50%); z-index: 2; padding:20px;}

@keyframes popup {
  0%{
    transform: scale(0);
  }
  100%{
    transform: scale(1);
  }
}

#form-contacto {max-width: 600px;}
form label {display: block; font-weight: bold; font-size: 0.9rem;}
form .form-group{margin-bottom: 20px;}
form input[type="text"], form textarea{width: 100%; padding: .5rem .75rem; line-height: 1.25; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
form button {padding:5px 10px; font-size: 1rem; background-color: #ffa724; color: #000000; text-align: center; vertical-align: middle; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; padding: .5rem .75rem; font-size: 1rem; line-height: 1.25; border-radius: .25rem;}
form textarea{height: 150px;}
button{cursor: pointer;}

figure.img100 img {width: 100%; height: auto;}
figure span.credits {position: absolute; left: 50%; top: 20px; display:block; padding:5px 10px; color: #fff; background-color: #000; cursor: pointer; transform: translate(-50%); font-size: 0.8em; opacity: 0.5;}
figure.img100 span.credits {left: auto; right: 20px; transform: none;}
figure span.credits:hover {opacity: 1;}
figcaption{text-align: center; font-style: italic;}

.flex.gallery {margin:0 -5px;}
.flex.gallery h4 {font-size:0.9rem; text-align:center;margin-top:0;}
/* .flex.cluster img {padding-bottom:0.5rem} */

.amzn-ad-container{width:191px; height:325px;}
.content ul li {margin-bottom:0.8rem;}
.grecaptcha-badge {display: none !important;}

#snippet{background: #f3f3f3;padding: 20px;}
#snippet .title{margin-bottom:15px; background: #fff; padding: 5px 10px; line-height: 34px;}
#snippet .foto{width:300px; padding:0}
#snippet .foto img{width:100%;}
#snippet .resumen {width:calc(100% - 300px); padding:0}
#snippet .resumen .label {width:50%; font-weight:bold; text-align:right; display:inline-block; padding: 0.3em 0.5em;}
#snippet .resumen .data {width:45%; display:inline-block; padding: 0.3em 0.5em;}


.jq-ry-container{position:relative;padding:0 5px;line-height:0;display:block;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;direction:ltr}.jq-ry-container[readonly=readonly]{cursor:default}.jq-ry-container>.jq-ry-group-wrapper{position:relative;width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{position:relative;line-height:0;z-index:10;white-space:nowrap}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{display:inline-block}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{width:0;z-index:11;position:absolute;top:0;left:0;overflow:hidden}
#rateYo{float:right;}
#rateAuthor {top:2px;}

#comentarios p.titulo {font-size:1.2rem; text-decoration:underline;}
#comentarios article{display: flex; display: -webkit-flex; margin-bottom: 20px; padding-bottom:20px; border-bottom: 1px #eaeaea solid;}
#comentarios article p{margin-bottom: 5px; font-size: 14px;margin: 0;}
#comentarios article p.title{font-size: 16px;}
#comentarios article p span.fecha{font-size: 0.8em; color: #8f8f8f; margin-left: 10px;}
#comentarios .avatar, #comentarios .content {float: left;}
#comentarios .avatar{width: 50px; flex-basis: 50px; margin-right: 10px; flex-shrink:0;}
#comentarios .avatar img{width: 100%;}
#comentarios .content{flex-grow:1;}
#comentarios article.sub1 {margin-left: 50px;}
#comentarios article.sub2 {margin-left: 100px;}
#comentarios article.sub3 {margin-left: 150px;}
#comentarios article:last-child {border-bottom: none}
#comentarios a.btn {font-size: 0.8em; padding:2.5px 5px; margin-top: 10px;}
#comentarios button.btn {font-size: 0.9em; padding:5px 10px;}
#comentarios form{padding:10px; background-color: #eaeaea; font-size: 0.9em;}
#comentarios form label{margin-bottom: 5px; font-weight:normal;}
#comentarios form .form-group{margin-bottom: 5px;}
#comentarios form p {font-size: 1.1em; margin-top:0}
.form-content #form-comentario {margin-top: 10px;}

@media (min-width: 1300px){
	.grafico {margin: 0 -100px;}
}

@media (min-width: 1500px){
	.grafico {margin: 0 -200px;}
}

@media (max-width: 800px){
	#snippet .foto{width:250px; padding:0}
	#snippet .resumen {width:calc(100% - 250px); font-size:0.9rem;}
}

@media (max-width: 700px){
	#snippet .foto{width:200px; padding:0}
	#snippet .resumen {width:calc(100% - 200px); font-size:0.8rem;}
	#snippet .resumen .label, #snippet .resumen .data {padding: 0.2em 0.4em;}
}

@media (max-width: 600px){
	#snippet .foto{width:100%; padding:0}
	#snippet .resumen {width:100%;}
}

@media (max-width: 576px){
	.grafico {height: 300px;}
	#footer{text-align: left;}
	#footer li {display: block;}
}
@media (max-width: 450px){
	.grafico {height: 200px;}
	#snippet .title{text-align:center}
	#rateYo{float:none; margin:0 auto;}
}