/*
Theme Name: Definicion
Author: Beew
Author URI: http://holabeew.com
Version: 1.0
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,i,ul,li,form,label,article,aside,footer,header,menu,nav,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

article,aside,footer,header,menu,nav,section{display:block}
nav ul{list-style:none}
input,select{vertical-align:middle}


    .content-wrapper {
    display: flex;
    flex-direction: column; /* Stack them vertically by default */
}

@media (min-width: 769px) { /* Adjusting for desktop screens */
    .content-wrapper {
        flex-direction: column; /* Keeps the vertical stacking */
    }
    .image-container {
        order: 2; /* Moves the image below the first two paragraphs on desktop */
    }
    .text-block {
        order: 1; /* Keeps the paragraphs on top on desktop */
    }
}

@media (max-width: 768px) { /* Adjusting for mobile screens */
    .content-wrapper {
        flex-direction: column; /* Keeps the vertical stacking */
    }
    .image-container {
        order: 1; /* Image stays on top on mobile */
    }
    .text-block {
        order: 2; /* Paragraphs below the image on mobile */
    }
}

    

/* latin */
@font-face {
  font-family: 'Brawler';
  src: url('https://definicion.de/wp-content/themes/definicion/Brawler.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{background:#fff;font-family:Helvetica,Georgia,"Times New Roman",serif;font-size:14px;color:#555;line-height:1}

a, #definiciones-relacionadas-box ul li a {color:#0066cc;text-decoration:none}
a:hover{color:#ff5733;}

img#logo-head {
	width: 210px;
	height: auto;
	display: inline-block;
	margin-top: 4.5px;
}

#top{height:10px}
#header{height: 70px;width:966px;border-radius: 7px;margin:auto; margin-top: 5px;margin-bottom: 5px;background:#030C40;position:relative;padding-top:10px;}

#header #logo {margin:0;width: 100%;height: auto;text-align: center;}

#header #logo a{display: inline-block;}
.formu{background:#fefefe;margin:auto;position:relative;width:380px;height:47px;border:1px solid #130000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.2);box-shadow:0 1px 0 rgba(255,255,255,0.2)}
.email-semanal .formu {margin-top:10px}
.buscador{margin:3px 5px 5px 10px;width:199px;height:25px;border:0;background:0;font-family:Helvetica,Georgia;font-size:16px;color:#666}

.button-orange{margin:5px;width:145px;height:38px;padding-left:35px;background:#071c2e;font-family:'Brawler',serif;font-size:15px;text-transform:uppercase;color:#fff;text-align:left;border:1px solid #000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer;font-weight:normal;  transition: all .3s ease;}

.button-orange:hover{color:#fff;background: #06c;}

.email-semanal .button-orange {margin-top: 5px;padding-left: 30px;}

.lupa{position:absolute;background:url(https://definicion.de/lupa-3.png) no-repeat;background-size: contain;width:18px;height:18px;z-index:1;top:17px;right:33px;display:block;filter: brightness(3);}
.formu .lupa {pointer-events:none}
#main-nav,#main-nav-2{margin:22px auto 0 auto;width:938px;height:48px;border:0;}
#main-nav ul,#main-nav-2 ul{display:block;padding:16px 0 10px 25px;overflow:hidden;height:30px}
#main-nav ul li,#main-nav-2 ul li{float:left;display:inline;margin-right:4px;list-style:none}
#main-nav ul li a,#main-nav-2 ul li a{display:block;height:30px;width:30px;line-height:30px;text-align:center;background:#434343;color:#fff;font-family:'Brawler',serif;font-size:18px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,0.5);-webkit-border-radius:10000px;-moz-border-radius:10000px;border-radius:10000px;-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.1);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.1)}
#main-nav ul li a:hover,#main-nav ul li.current a{background:#282828}
.main-nav-bottom{margin:0 auto;width:940px;height:10px}
#destacado{width:960px;padding:10px 0;position:relative;margin: auto;}
#destacado-box{margin:0 auto;padding-bottom:10px;overflow:hidden;height:1%;width:940px;}
#destacado-box .ribbon-destacado{position:absolute;display:block;top:8px;right:26px;z-index:1;height:43px;width:23px;background:url(images/bg-ribbon-destacado.png) no-repeat}
#destacado-box .image-destacado{display:block;width:228px;height:166px;margin:0 0 0 12px}
#destacado-box .image-destacado span{position:relative;display:block;width:228px;height:166px}
#destacado-box .marco{position:absolute;z-index:2}
#destacado-box .image-thumb{position:absolute;display:block;top:12px;left:12px;z-index:1}
#destacado-box #definicion{position:relative;margin:12px 12px 0 0;width:675px;overflow:hidden}
#destacado-box #definicion .space-bottom{position:absolute;top:41px;left:310px}
#destacado-box #definicion .icon-medal{position:absolute;top:34px;left:327px}
#destacado-box #definicion .title{margin-bottom:15px;padding:10px 0 15px 0;text-align:center;border-bottom:1px solid #d8d3bb;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5);box-shadow:0 1px 0 rgba(255,255,255,0.5)}
#destacado-box #definicion .title a{color:#333}
#destacado-box #definicion p{font-size:18px;line-height:180%;margin-bottom:20px;color: #555;}
#destacado-box #definicion .button{float:right}
#destacado-box #definicion .icon-arrow-right{padding-right:10px;height:20px;background-position:10px 8px}
#ultimas-definiciones{width:960px;height:1%;overflow:hidden}
#ultimas-definiciones .ud-item{width:319px;position:relative;top:1px;left:1px;float:left;border-bottom:1px dashed #c7c6c4;border-right:1px dashed #c7c6c4}
#ultimas-definiciones .ud-item-content{position:relative;margin:10px;padding:15px;height:250px}
#ultimas-definiciones .ud-item-content header .ribbon-grey{position:absolute;top:4px;left:-2px}
#ultimas-definiciones .ud-item-content p{line-height:140%;margin-bottom:30px;font-size:17px}
#ultimas-definiciones .button{position:absolute;margin-top:-40px;margin-left:76px}
#ultimas-definiciones .ud-item-content .icon-arrow-right{padding-right:10px;height:20px;background-position:10px 8px}
#wrap{padding-bottom:0}
#content{width:100%;border-bottom:1px dashed #c7c6c4;margin-bottom:10px}
#definicion-post-box{position:relative;padding: 0px 15px 15px 15px;}
#definicion-post-box .title-definicion a,#definicion-post-box .title-definicion{font-size:20px}
#definicion-post-box p{line-height:180%;font-size:19px;width:80%;margin:auto;margin-bottom:22px;}

#definicion-post-box ul, #definicion-post-box ol{line-height: 180%;font-size: 19px;width: 80%;margin: auto;margin-bottom: auto;margin-bottom: 40px;padding-left: 80px;}
#definicion-post-box ul .title, #definicion-post-box ol .title{font-size:11px;color:#acacac;padding-left:15px;width:112px;background:0}
#definicion-post-box ul li .icon-compartir{margin-left:10px}

#definicion-post-box ul li, #definicion-post-box ol li{margin-bottom:15px}
#definicion-post-box .ribbon-grey{position:absolute;top:4px;left:-2px;padding-top:2px;height:16px}
#definicion-post-box .icon-arrow-right-grey{padding-right:15px;height:18px;background-position:7px 6px}
#definicion-post-box .publicidad{width:100%;margin-bottom:25px}
#definiciones-relacionadas-box, #definiciones-referencias-box{padding:15px 10px}

#definiciones-referencias-box {width: 80%;  margin: auto;}

#definiciones-relacionadas-box{text-align:center}
#definiciones-relacionadas-box .title, #definiciones-referencias-box .title{text-align:center;font-size:18px;margin-bottom:25px;color:#000}
#definiciones-relacionadas-box ul{overflow:hidden;height:100%;column-count: 2; column-gap: 100px; margin-top: 8px;display: inline-block;}
#definiciones-relacionadas-box ul li{color:#000;margin:0 0 25px 20px;list-style:square;list-style-position: inside;text-align: left;text-transform:capitalize}
#definiciones-relacionadas-box ul li a{text-decoration:underline;margin-left:5px;font-size:17px}
#definiciones-relacionadas-box ul li a:hover {
    color:#ff5733;
}

.boton-indice-resumen {
	display: inline-block;
	border-radius: 6px;
	padding: 5px 20px;
	background: none;
	border: 1px solid #999;
	cursor: pointer;
	margin: auto;
	margin-top: 20px;
	font-size: 17px;
      transition: all 0.3s ease;
}

.boton-indice-resumen:hover {
  background: #E6CC78;
}

#indice-content {
	width: 80%;
	margin: auto;
}

.img-autor {width: 80px;height: auto;border-radius: 10px;float: left;margin-right: 15px;}

#sidebar{float:left;width:320px;overflow:visible;height:250vh}
.dashed-bottom-box .publicidad{width:300px}
.dashed-bottom-box .widget-fb{background:url(_temp/widget-fb-temp.png) no-repeat;width:310px;height:260px;margin-left:-5px}
#ultimas-definiciones-sidebar,#temas-definicion{float:left;width:110px;padding:10px;margin-right:10px}
#ultimas-definiciones-sidebar header,#temas-definicion header{background:url(images/icon-document.png) no-repeat center bottom;margin-bottom:20px}
#ultimas-definiciones-sidebar header .title,#temas-definicion header .title{font-size:11px;text-align:center;padding-bottom:30px}
#ultimas-definiciones-sidebar ul li,#temas-definicion ul li{position:relative;list-style:none;text-align:center;padding:15px 10px;border-bottom:1px solid #d1d1d1;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5);box-shadow:0 1px 0 rgba(255,255,255,0.5)}
#ultimas-definiciones-sidebar ul li:last-child,#temas-definicion ul li:last-child{border-bottom:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin-bottom:28px}
#temas-definicion ul li:last-child{margin-bottom:0}
#ultimas-definiciones-sidebar ul li h2 a,#temas-definicion ul li h2 a{display:block;margin-bottom:5px;text-transform:uppercase;font-size:10px;text-shadow:0 1px 0 rgba(255,255,255,0.5);letter-spacing:1px;color:#333;font-style:normal;font-family:'Brawler',serif;font-weight:normal}
#ultimas-definiciones-sidebar ul li h2 a strong,#temas-definicion ul li h2 a strong{font-family:Helvetica,Georgia,serif;display:block;font-style:italic;color:#555;font-weight:normal;text-transform:lowercase;font-size:14px}
#temas-definicion ul li h2 a strong{text-transform:none}
#footer{padding:10px 15px;overflow:hidden;height:1%;clear:both;}
#footer ul{float:right}
#footer ul li{display:inline;list-style:none;padding:5px}
#footer ul li:last-child{padding:0 5px 0 0}
#footer p{float:left;font-size:15px;font-style:italic;line-height:140%;color:#595959;padding:10px}
#footer a{font-style:normal;border-bottom:1px solid #d1d1d1;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.7);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.7);box-shadow:0 1px 0 rgba(255,255,255,0.7);color:#000}
#footer a:hover {color:#555}
.left{float:left;display:inline}
.right{float:right;display:inline}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.container{width: 980px;margin: 0 auto;}
.dashed-left-right{border-left:1px dashed #c7c6c4;border-right:1px dashed #c7c6c4}
.dashed-bottom{border-bottom:1px dashed #c7c6c4}
.icon-medal{display:inline-block;background-image:url(images/icon-medal.png);background-repeat:no-repeat;width:20px;height:15px}
.icon-carpeta{display:inline-block;background-image:url(images/icon-carpeta.png);background-repeat:no-repeat;width:20px;height:15px}
.icon-iniciales{display:inline-block;background-image:url(images/icon-iniciales.png);background-repeat:no-repeat;width:13px;height:12px}
.icon-compartir{display:inline-block;background-image:url(images/icon-compartir.png);background-repeat:no-repeat;width:15px;height:15px}
.icon-arrow-down{display:inline-block;background-image:url(images/icon-arrow-down.png);background-repeat:no-repeat;width:11px;height:7px}
.icon-arrow-right{display:inline-block;background-image:url(images/icon-arrow-right.png);background-repeat:no-repeat;width:21px;height:6px;vertical-align:middle}
.icon-arrow-right-grey{display:inline-block;background-image:url(images/icon-arrow-right-grey.png);background-repeat:no-repeat;width:21px;height:6px;vertical-align:middle}
.space-bottom{background:url(images/bg-space-bottom.png) no-repeat;height:2px;width:45px}
.button{display:inline-block;line-height:20px;padding:0 10px;font-family:'Brawler',serif;font-size:11px;text-transform:uppercase;color:#AD1D00;letter-spacing:3px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.05)}
.ribbon-grey{position:relative;padding:1px 7px 0 10px;height:17px;box-shadow:0 1px 0 rgba(0,0,0,0.1);background-color:#d7d7d7;display:block;color:#acacac;font-style:italic;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,0.3);text-transform:lowercase}
.ribbon-grey .ribbon-right{position:absolute;top:0;right:-11px;width:11px;height:19px;background-image:url(images/bg-ribbon-time.png);background-repeat:no-repeat;background-position:right}
.title{font-family:'Brawler',serif;text-transform:uppercase;font-weight:normal;font-size:16px;text-shadow:0 1px 0 rgba(255,255,255,0.5);letter-spacing:2px;color:#333}
.title-definicion,#definicion-post-box h1{text-align:center;line-height:120%}
h1,h2,h3,h4,h5,h6 {color:#000}
.title-definicion a,.title-definicion,#definicion-post-box h1{font-family:'Brawler',serif;font-size:12px;font-weight:normal;text-transform:uppercase;letter-spacing:.10em;text-shadow:0 1px 0 rgba(255,255,255,0.9);display:block}
.title-definicion a strong,.title-definicion strong, #definicion-post-box h1{letter-spacing:3px;margin:5px auto 40px auto;padding:5px 0 0 0;display:block;font-weight:normal;font-size:42px;border-top:1px solid rgba(255,255,255,0.6);-moz-box-shadow:0 -1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 -1px 0 rgba(0,0,0,0.05);box-shadow:0 -1px 0 rgba(0,0,0,0.05)}
.title-definicion a strong {font-size: 20px;margin-bottom: 20px; line-height:120%}
.box-grey{background-color:#fff}
.box-degrade{display:inline-block;list-style:none;padding:10px 0 0 15px;width:212px;height:25px;margin:0 0 5px 5px;background:url(images/bg-navegar-por-li.png) repeat-x;border:1px solid #1b1b1b;-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.2);box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:'Brawler',serif;font-size:13px;text-transform:uppercase;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.5)}
.dashed-bottom-box{padding:10px;border-bottom:1px dashed #c7c6c4;overflow:visible}
.dashed-bottom-box-last{padding:10px;border-bottom:0;overflow:hidden;border-bottom: 1px dashed #c7c6c4;}
.email-semanal {border-bottom:none !important;transition: padding-bottom 0.3s;}
.image-destacado{display:block;width:228px;height:166px;margin:10px 0 0 12px}
.image-destacado span{position:relative;display:block;width:228px;height:166px}
.image-destacado .marco{position:absolute;z-index:2}
.image-destacado .image-temp{position:absolute;display:block;top:12px;left:12px;z-index:1}
.archive .ud-item{width:100%;position:relative;top:1px;left:1px;float:left;border-bottom:1px dashed #c7c6c4}
.archive .ud-item-content{position:relative;margin:10px;padding:15px;height:190px}
.archive .ud-item-content header .ribbon-grey{position:absolute;top:4px;left:-2px}
.archive .ud-item-content p{line-height:140%;margin-bottom:30px}
.archive .button{position:absolute;margin-top:-40px;margin-left:392px}
.archive .ud-item-content .icon-arrow-right{padding-right:10px;height:20px;background-position:10px 8px}
#pagination,.index-op{clear:both;display:block;margin:20px 0;text-align:center;padding:10px 0}
.single #pagination{border-top:1px dashed #c7c6c4;padding-top:30px;margin-top:0}

#pagination a,.index-op span{ background: #071c2e;letter-spacing: 1px;padding: 10px 30px;transition: all .3s ease; margin:0 15px;font-family:'Brawler',serif;font-size:20px;color:#fff;text-align:center;border:1px solid #852f00;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;cursor:pointer;display:inline-block}
.index-op span:hover{background: #06c;}
#pagination a.highlight2:hover {background:#071c2e}
#pagination a:active{background: #06c;}
.index-op{margin:0}
img.centered{display:block;margin-left:auto;margin-right:auto}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline}
.alignright{float:right}
.alignleft{float:left}
.post-entry img{padding:4px;margin:0 0 2px 7px;display:inline;float:right;font-size:16px;transition: opacity .3s ease-in;}
.post-entry img:hover{opacity:0.8}
.post-entry img.textimage {padding:0;margin:0;float:none}
.post-entry {font-size:16px;line-height:32px;display: inline-block; max-width:100%}

.search-bar {
  height: 54px;
  width: 60%;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0 0 0 20px;
  position: relative;
  background: #fff;
  border: 1px solid;
  margin:auto;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);
}

.search-bar .input {
  border: none;
  height: 25px;
  width: 80%;
  color: #1b1b1b;
  font-size: 20px;
  outline: none;
}

.search-bar .input:not(:placeholder-shown) + .label {
  font-size: 12px;
  top: 3px;
}

.search-bar .input:focus ~ .label {
  font-size: 12px;
  top: 3px;
  transition: all 0.5s ease;
}

.search-bar .label {
  color: #aaaaaa;
  position: absolute;
  top: 13px;
  pointer-events: none;
  transition: all 0.5s ease;
  font-size:24px
}

.search-bar .search-btn {
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 12px;
  position: absolute;
  transition: all 1s ease;
}

.search-bar .icon {
  display: inline-flex;
}

.search-bar .icon-18 {
  width: 18px;
  height: 18px;
}

.search-bar .highlight {
  width: 0px;
  height: 1px;
  background: #DFC263;
  position: absolute;
  bottom: 8px;
  transition: all 1s ease;
}

.search-bar .input:focus ~ .highlight {
  width: 150px;
  transition: all 1s ease;
}
.containersearch {
    padding: 50px 0 50px 0 !important;
}

.search-bar .lupa-home {
    position: absolute;
background: url(https://definicion.de/lupa-3.png) no-repeat;
  background-size: auto;
background-size: contain;
width: 38px;
height: 38px;
z-index: 1;
display: block;
border:0;
cursor: pointer;
}

.highlight {
    display: inline;
    width: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffff0091 50%);
    background-size: 200%;
    background-position: 0 0;
    transition: background-position 2.5s ease-in-out;
}

#pagination a.highlight2 {
    background: linear-gradient(to right, #071c2e 50%, #0066cc 50%);
    background-size: 200%;
    background-position: 0 0;
    transition: background-position 2.5s ease-in-out;
      }


@keyframes slideBg {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -100% 0;
    }
}



@media screen and (max-width: 768px) {
    .search-bar {
    width: 80%;
    }
    
    .too-long {
	font-size: 24px !important;
    }
    
    .search-bar .label {
    top: 17px;
    font-size: 18px;
}

#div-gpt-ad-1617904073287-0 {
    min-height:250px;
}
    
}

.archive .title-definicion a {
  color: #333;
}

blockquote {
	display: block;
	border-width: 2px 0;
	border-style: solid;
	border-color: #eee;
	padding: 1.5em 0 0.5em;
	margin: 1.5em 0;
	position: relative;
    font-style: italic;
    background-color: #fafafa;
}
blockquote::before {
	content: '\201C';
	position: absolute;
	top: -0.1em;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 2rem;
	/*font: 6em/1.08em Georgia,"Times New Roman",serif;*/
    font: 8em/1.00em Georgia,"Times New Roman",serif;    
	color: #030C40;
	text-align: center;
}

blockquote img {
	max-width: 250px;
	height: auto;
	border-radius: 7px;
	padding: 0 !important;
	margin: 10px 0 20px 20px !important;
}

blockquote p:last-child {
	font-style: normal;
}

div .wp-caption {width:100% !important;line-height:0;padding-top: 5px;margin-top:25px;text-align:center;}

div .wp-caption img {max-width:100% !important;padding:0;margin:0;float:none;height:auto;border-radius:7px}
.post-entry .wp-caption:first-of-type img {max-width: 80% !important;}
.post-entry .wp-caption:first-of-type {margin-top:5px}


div .wp-caption .wp-caption-text {font-size:15px !important;max-width:100%;padding:5px;color:#666;text-align: center;}

.post-entry h2, .post-entry h3, .post-entry h5 {font-family: 'Brawler',serif;font-weight: normal;text-transform: uppercase;letter-spacing: 1px;width:80%;margin:auto;margin-bottom: 30px;margin-top: 45px;line-height:140%}

.post-entry h2 {font-size: 30px;}
.post-entry h3 {font-size: 26px;}
.post-entry h5 {font-size: 24px;}

.sticky {position: -webkit-sticky;position: sticky;top: 20px;}

#adtext {clear: both;float:left;margin: 0 10px 0 0;}

.adsfstp {float:none;clear:both;text-align:center;margin: 30px -25px 30px -25px;}
.adslot_1 { width: 336px; height: 280px; background:transparent}
.adslot_mob { display:none; }


#definicion-post-box .publicidad {margin-left:100px}


.temas-articulo {
	display: block;
	width: 100%;
    margin:auto;
    margin-top:25px;
	position: relative;
	border-top: 1px dashed #c7c6c4;
	border-bottom: 1px dashed #c7c6c4;
	padding:15px 0 0 0;
}
.temas-articulo img {
	width: 22px;
	float: left;
	margin: 0;
    margin-right: 8px;
    padding: 0;
	padding-top: 3px;
}

.temas-articulo h3, .temas-articulo .titulo-temas {
	font-size: 26px;
    margin-top:10px;
    color:#000;
}

.temas-articulo h3 {
	font-family: 'Brawler',serif;
	letter-spacing: 1px;
      text-transform: uppercase;
}

.temas-articulo .titulo-temas {
    
    font-family: Helvetica,serif;
	letter-spacing: 1px;
    text-transform:none;
    font-size: 22px;
    display:inline-block;
    text-align: center;    
    width:100%;
    font-weight: normal;
}

#listado-resumen {
    border-top:0;
    padding-top: 0;
}
#listado-resumen ul li {
    list-style:disc !important;
}

@media only screen and (max-width : 768px) {
    
    #header {	border-radius: 0;    margin-top:0;}
    
    .post-entry .wp-caption:first-of-type p.wp-caption-text {display: none;}
    
    #listado-resumen .titulo-temas {font-size: 22px;}
    
    #footer ul {
	float: none;
    padding: 0 0 5px 5px;
}

#indice-content {
	width: 100%;
	margin: auto;
}

img#logo-head {
	width: 170px;
	height: auto;
	margin-top: 4px;
}

.boton-indice-resumen {
    padding: 5px 17px;
}

    #definiciones-referencias-box {width:unset}
    
    .temas-articulo .titulo-temas {
	letter-spacing: 0.4px;
	font-size: 19px;
	text-align: left;
}

#links-show {
	justify-content: space-between;
}

}

.tres-columnas{
    column-count:3;
}

.tres-columnas a {
line-height: 27px;
font-size: 17px;
margin-bottom:50px;
display:table;
}

.temas-articulo.relacionados {
	background: #fdf9f9;
	padding: 15px;
}

.temas-articulo.relacionados a {
	font-weight:bold;
}

.temas-articulo.relacionados.siguecon {
	text-align:center;
}


.post-entry ul li ul {
	margin-top: 20px !important;
	padding-left: 0 !important;
}


ul.indice-temas-articulo {
	float: none !important;
	width: 100% !important;
	background: none !important;
    text-align: left !important;
    padding-left: 0 !important;
margin-top: 20px !important;
margin-bottom: 0px !important;
}
.indice-temas-articulo li {
	display: list-item !important;
	list-style: circle !important;
    margin-left: 20px;

}
.indice-temas-articulo li h2, .indice-temas-articulo li .tema-indice, .indice-temas-articulo li {
	font-size: 18px;
	font-weight: normal;
}

.indice-temas-articulo li.subtema {
    margin-left:40px;
}
#ultimas-definiciones header a {
	color: #333;
}

.blocky {display:block}

.indice-temas-articulo li strong {
	font-weight: normal;
}

a.link-autor {
	color: #555;
    text-decoration: underline;
}
a.link-autor:hover {
	color: #000;
}

.inarticle-sticky {position: -webkit-sticky;position:sticky;top:120px;}
.sticky-left-box {flex-shrink:1}
.sticky-right-box {height: auto;padding-bottom: 30px;flex-shrink: 0;padding-left: 45px;max-width:350px}

.sticky-left-box p {  width: 100% !important;}

.sticky-main {width: 80%;display: flex;margin: auto;}
    ul .sticky-main {
  width: 100%;
}
.post-entry .sticky-left-box h2,.post-entry .sticky-left-box h3 {	width: 100%;}
.post-entry .sticky-left-box h2:first-child,.post-entry .sticky-left-box h3:first-child {margin-top: 10px;}



#leer-articulo {padding-right: 10px;margin: 0;padding-top: 12px;position: relative;	color: #000;z-index:3;letter-spacing:1px;width:30%;top: -8px;}

        
        .sticky-escuchar{position:-webkit-sticky !important; position:fixed !important; bottom:0 !important;left:0 !important;top: auto!important;z-index: 9999999999 !important;}
        
        #amazon-polly-audio-table {
	display:table;
	width:100%;
	border: 0 !important;
}
#amazon-polly-audio-table tbody {
	border: 0 !important;
}
#amazon-polly-audio-table tr {
	border: 0 !important;
}
#amazon-polly-logo-tab {
width: 60px;
display:table-cell;
vertical-align: top;
padding-bottom: 50px;
}
#amazon-polly-logo {
height: 50px;
width: 50px;
}
#amazon-polly-audio-tab {
width: auto;
display:table-cell;
border: 0;
}
#amazon-ai-player-label {
font-size: 80%;
font-family: "Arial", Helvetica, sans-serif;
}
#amazon-polly-by-tab {
font-size: .6em;
text-align: right;
}
#amazon-polly-subscribe-tab {
text-align: right;
}
#amazon-polly-trans-src {
	font-weight: bold;
}
.amazon-polly-trans-label  {
	display:inline;
	font-size: .6em;
}
.amazon-polly-trans-label a {
    text-decoration: none;
}

.amazon-polly-transcript-area {
    height: 6em;
    width: 100%;
}
.amazon-ai-flag {
  display: inline-block;
  width: 35px;
  height: 15px;
  margin: 0px 0px 0px 0px;
}
.amazon-ai-flag-image {
	max-height: 100%;
}

.sticky-left-box ul, .sticky-left-box ol {width:90% !important;padding-left:0 !important}

#texto-reproductor {float:right;text-decoration:underline}
#texto-reproductor:hover {
	color: #555;
}

.amazon-ai-player {width:100px;height:32px;clear:both;float:right}
#leer-articulo.sticky-escuchar .amazon-ai-player {width: 100%;float: none;}


@media only screen and (max-width : 768px) {

#sidebar{height:auto}

#texto-reproductor {float:none}
.amazon-ai-player {width:100%;height:32px;float:none}

.inarticle-sticky {position: relative;top:0;margin-left:0;margin-bottom:15px}
.sticky-left-box {float:none;width:100%;order:2}
.sticky-right-box {float:none;width:100%;height:auto;order:1;padding-bottom:0;padding-left:0;}
.sticky-main{ display: flex; flex-direction: column;margin:0;width:100% }
.sticky-left-box p {width: 95% !important;margin-right: 0;}
.post-entry .sticky-left-box h2,.post-entry .sticky-left-box h3 {	width: 95%;margin-right:0;margin-left:0;  padding: 0 5px 0 5px;}
.post-entry .sticky-left-box h2:first-child,.post-entry .sticky-left-box h3:first-child {margin-top: 40px;}
#definicion-post-box .title-definicion a,#definicion-post-box .title-definicion {font-size:18px}

  

div .wp-caption {padding:0; margin-top:25px}

.title-definicion a strong,.title-definicion strong, #definicion-post-box h1{margin:5px auto 20px auto;}

.post-entry .wp-caption:first-of-type  {margin-bottom:35px;margin-top:18px}

#upheaderdash {border:0}
.post-entry {padding:0;width:100%}
.dashed-left-right {border:0}


#definiciones-relacionadas-box .title, #definiciones-referencias-box .title{background:none;line-height:150%}

#wrap { max-width:100%;float:none;margin:0;padding:0;
  display:block;
  width:auto;
  clear:both;
  }
        #content, #header, .container, #footer {max-width:100%;padding:0; margin: 0;}
        
        #destacado, #ultimas-definiciones {max-width:99%;margin:auto}
        #destacado-box {max-width:98%;}
        #destacado-box #definicion {max-width:95%;width: 95% !important;}
        
        #ultimas-definiciones .ud-item {width:960px}
        #ultimas-definiciones .ud-item{max-width:99%;border-left: 1px dashed #c7c6c4;}
        #ultimas-definiciones .button { position: relative;margin:0;}
                    
        #ultimas-definiciones .ud-item-content {height: auto;}
                
        
        .icon-arrow-right, #destacado-box .image-destacado, #destacado-box .image-destacado span, #destacado-box .ribbon-destacado, #destacado-box .ribbon-destacado span, #destacado-box .marco, #destacado-box .image-thumb {display:none}
        
        

        #header #logo {text-align: left;position:relative;margin:0;top: 10px;left: 15px;}
        
        .post-entry img {max-width:50% !important;height:auto}
        #definicion-post-box .publicidad, #adtext {position:relative;margin-left:0;left:0}
        #definicion-post-box .publicidad, #adtext {text-align:left}
        .dashed-bottom-box, .container {padding:0px;margin:0}
        #navegar-por, .ribbon-grey, .main-nav-bottom, #top {height:0}
        .container {width:100%;margin:0;padding:0}
        #adtext { margin-left:2px;margin-bottom:15px;float:none}
        
        .formu { max-width:28%; height:30px; padding:0; top:15px }
        .buscador { max-width:60%; height:30px; margin:0; padding: 0 }
        .buscador .abajo { max-width:50%;}
        
        .lupa { display:none }
       
        

.definicion-respons { width: 320px; height: 50px; }

.adsfstp {margin:0;margin-bottom:15px;max-width: 336px;}
.adslot_1 { width: 300px; height: 250px; }
.adslot_mob { width: 320px; height: 100px; margin-bottom:20px;display:block;background:transparent }

#definicion-post-box{position:relative;padding: 20px 15px 15px 15px;}
#destacado-box #definicion p {padding-left:15px}
#destacado-box {margin-top: 0;margin-bottom: 20px;}
#destacado-box #definicion .title a {padding-left:15px}

#definicion-post-box p {
				line-height: 175%;
                margin:0;
				margin-bottom: 15px;
                font-size:18px;
                padding: 0 5px 0 5px;
                width:95%
				}
                
                #definicion-post-box ul, #definicion-post-box ol {width:95%;font-size:18px;padding-left:20px}
                
                .post-entry h2,.post-entry h3,.post-entry h5 {font-size:24px;width: 95%;padding: 0 5px 0 0;}
                .post-entry h3 {font-size:22px;}
                .post-entry h5 {font-size:20px;}
                

.formu{max-width:100%;width:99.5%;top:-10px;z-index:1}
.right {float:left}
.buscador {padding-left:10px;max-width: 50%;width:50%;}
.abajo { max-width:50%;width:50%}
.button-orange { float:right;width:100px; margin:auto; font-size:15px;height:30px; padding-left:5px;text-align: center; }
.email-semanal .button-orange {margin-top: 0;padding-left: 5px;}


.archive .button {margin-left:30px}
#definicion-post-box ul .title {display:none}


.temas-articulo {width:100%}

#definiciones-relacionadas-box{text-align:left}
#definiciones-relacionadas-box ul{column-count: 2;column-gap:20px;margin-top: 8px;display: block;}
#definiciones-relacionadas-box ul li{float:none;color:#000;width:95%;margin:0 0 25px 20px;list-style:square;line-height: 150%;}

#pagination a {padding: 10px 20px; font-size: 18px;}


#headera{height:64px}
#stickyheader{position:sticky;top:0;z-index:999}

.buscador{width:65%;max-width:65%}

.title-definicion a {font-size: 18px;}
.title-definicion a strong, .title-definicion strong,#definicion-post-box h1 {font-size:20px}
#definicion-post-box .title-definicion a strong,#definicion-post-box .title-definicion strong,#definicion-post-box h1 {font-size:30px}
#ultimas-definiciones .ud-item-content p {line-height: 140%;margin-bottom: 0;font-size: 16px;}
#ultimas-definiciones .button {margin-right: 10px;margin-bottom: 20px;float: right;}

}

.archive .ud-item-content {height:auto}


   
    
#myOverlay,.overlay {transition: all .2s linear!important;-webkit-transition: all .2s linear!important;-moz-transition: all .2s linear!important;transition: visibility 0s, opacity 0.2s linear;}
    
#stickyheader{position:sticky;top:0;z-index:999;  transition: all 0.3s ease;}
    
#main-nav,#main-nav-2 {border: 1px dashed #c7c6c4;border-top:0;border-bottom:0;padding-top:10px;margin: 0 auto 0 auto;width:980px}
    
#main-nav ul,#main-nav-2 ul {display: flex;justify-content: center;padding:0}

#imagen-lupa{margin: 0;position: absolute;top: 0px;left: 30px;top: 25px;width: 55px;cursor:pointer}


.overlay {color:black;height: 100%;width: 100%;visibility: hidden;opacity: 0;transition: visibility 0s, opacity 0.5s linear;
position: fixed;z-index: 10000000000;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);background: white;}

.overlay-content {position: relative;top: 26%;width: 100%;text-align: center; margin-top: 30px;margin: auto;}

.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;cursor: pointer;color: black;}

.overlay .closebtn:hover {color: #ccc;}

.overlay button {float: left;width: 20%;padding: 15px;background: #ddd;font-size: 17px;border: none;cursor: pointer;}

.overlay button:hover {background: #bbb;}

.overlay #s {padding: 0;padding-bottom: 12px;margin-bottom: 22px;border: 0;border-bottom: 1px solid #e1e1e1;height: auto;font-size: 50px;font-weight: 700;line-height: 1;
color: #000;text-align:left;float:left;width:40%;}
    
.overlay #s::placeholder {color: black;}

.overlay input[type=text]:focus {outline: none;}

#inputlupaimagen {width:45px;height:45px;float:left;margin:10px 0 0 10px;background:url(https://definicion.de/lupa-3.png);border:0;cursor:pointer}

#stickyheader.hide {top: -120px;}

#overlay-form {width: 100%;display: flex;justify-content: center;}

.title-definicion a  {font-size:15px}
.archive .title-definicion a strong {font-size:24px}

.fecha-index {display: block;color: black;font-size: 32px;padding: 40px 0 35px 0;}
                 .dia-de-index {font-size: 24px;margin-bottom: 25px;display: block;}
                .dia-de-index a {color:#333;line-height:140%}
                .dia-de-index a:hover,#ultimas-definiciones header a:hover,.archive .title-definicion a:hover {color:#ff5733}                
                
                .dia-de-index.ultimas-def{font-size:32px;margin: 50px 0 25px 0;color: black;}
                
                .texto-intro {text-transform: none;font-size: 20px;margin: auto;width: 90%;display: block;line-height: 160%;margin-bottom: 35px;text-align:center;letter-spacing:1px}

@media only screen and (max-width : 768px) {
    

    #imagen-lupa {right: 20px;left: unset;top: 21px;width: 45px;height:auto;}
    
    .overlay #s{width:60%}
    
    .dia-de-index.ultimas-def{font-size:28px}    
    .fecha-index {font-size: 28px}    
    
    .texto-intro br {display:none}
}



ul.destacadosinicio {
    display: flex;
        flex-wrap: wrap;
    list-style-type:none;
}
    @media screen and (max-width: 768px) {
        
    ul.destacadosinicio {
      flex-direction: column;
          flex-wrap: nowrap;

    }
  }  
    
    ul.destacadosinicio li {
      flex: 1 1 30%;
      text-align: center;
      position:relative;
margin: 15px;
height: 100%;


    }



    
    ul.destacadosinicio li a span {
        color: #fff;
    position:relative;
    font-size:18px;
    text-transform: capitalize;
    width: 100%;
    display: inline-block;
    height: 31px;
    background: #222;
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: "Brawler";
    letter-spacing: 2px;
    }
    
    ul.destacadosinicio li img {
        width:100%;
        opacity:1;
        transition: opacity 0.3s;
        height: 100%;
        object-fit: cover;
        max-height:500px;
        border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #222;
box-sizing: border-box;
    }
    
    ul.destacadosinicio li img:hover {
        opacity:0.8;
    }
    
        
        .buscar-sugerido {
	padding: 8px;
	font-size: 16px;
	margin-right: 10px;
	margin-bottom: 10px;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	background: #FFFFFF;
	color: #AD1D00;
	border: 1px solid #AD1D00;
	border-radius: 4px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.buscar-sugerido:hover {
	background: #AD1D00 !important;
	color: #fff !important;
}



.hamburg {
    float: right;
    margin: 30px 60px 0 0;
    
}



.hamburg span {
  width: 35px;
  height: 5px;
  background-color: #CCA44A;
  margin: 6px 0;
  display:block;
  border-radius:5px;
}
.hamburg span:nth-child(2) {
  
  background-color: #E7CD79;
  
}



#Overlay-menu .overlay-content {top:22%}



#myOverlay .overlay-content{top:22%}
.overlay #s {
  padding-bottom: 12px;
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: normal;
}
#inputlupaimagen {
  width: 35px;
  height: 35px;
  margin:0;
}
#myOverlay .fecha-index {font-size:24px;margin:0}




.arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  
      vertical-align: middle;
    position: absolute;
    right: 30px;

}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top:2px;
  transition: transform .2s ease-out;
}



.temas-menu-hamburga{
  margin-top:60px;
}



ul .temas-menu-hamburga{
  list-style: none;
  margin: 0;
  padding: 0;
  
}

.temas-menu-hamburga label{
  display: block;
  cursor: pointer;
  padding: 10px;
  border-bottom: none;
  text-transform: uppercase;
    letter-spacing: 2px;
}

.temas-menu-hamburga li:hover{
  background: #efefef;
}

.temas-menu-hamburga li#cs-sociales:hover{
  background: #9BC4C3;
}

.temas-menu-hamburga li#cs-sociales ul li:hover{
  background: #9BC4C3;
}

.temas-menu-hamburga li#cs-naturales:hover{
  background: #ACB39F;
}

.temas-menu-hamburga li#cs-naturales ul li:hover{
  background: #ACB39F;
}

.temas-menu-hamburga li#cultura:hover{
  background: #FFE6C2;
}

.temas-menu-hamburga li#cultura ul li:hover{
  background: #FFE6C2;
}

.temas-menu-hamburga li#sociedad:hover{
  background: #DDBAAA;
}

.temas-menu-hamburga li#sociedad ul li:hover{
  background: #DDBAAA;
}

.temas-menu-hamburga li#az:hover{
  background: #9E9795;
}

.temas-menu-hamburga li#az ul li:hover{
  background: #fff;
}


.temas-menu-hamburga input[type="checkbox"]{
  position: absolute;
  left: -9999px;
}

.temas-menu-hamburga input[type="checkbox"] ~ ul{
  height: 0;
  transform: scaleY(0);
}

.temas-menu-hamburga input[type="checkbox"]:checked ~ ul{
  height: 100%;
  transform-origin: top;
  transition: transform .2s ease-out;
  transform: scaleY(1); 
  margin-top:10px;
}


.temas-menu-hamburga input[type="checkbox"]:checked ~ label .down{
transform: rotate(-135deg);
    -webkit-transform: rotate(225deg);
    margin-top:7px;
    transition: transform .2s ease-out;
}


.temas-menu-hamburga li {
    float: none;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,.07);
    line-height: 0.8;
    letter-spacing: .02em;
    color: inherit;
        font-size: 18px;

}


.temas-menu-hamburga ul li {
    font-size: 18px;
    background: #fff;
    padding:0;
    }
    
    .temas-menu-hamburga ul li:hover {
    background:yellow;
    }
    
.temas-menu-hamburga a {color:#000;display: block;padding: 15px 0;}

.temas-menu-hamburga a:hover {color:#ff5733;}

.overlay {
        overflow-y: auto;

}

#az ul {display: flex;
flex-wrap: wrap;background: #fff;}
#az ul li {
  width: 110px;
  }


.overlay{overflow-x:hidden;}

#breadcrumb {width: 70%;margin:0;font-size: 16px;letter-spacing: 1px;padding-left: 11px;line-height: 150%;flex-grow: 1;}

#breadcrumb a {
	color: #000;
    text-decoration:underline;
}

#breadcrumb a:hover {
	color: #555;
}


#main-nav-2 {

  height: 30px;
	padding-top: 5px;
	padding-bottom: 7px;
    text-underline-offset: 3px;
}



.amazon-ai-player {
  border-radius: 6px;
}

#texto-reproductor {
margin-right: 0;
display: inline-block;
font-size: 16px;
top: -3px;
position: relative;
float:none;
}
#amazon-ai-player-container {
    text-align:right;
}



#main-nav-2 {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
        min-height: 30px;

}

.escuchar-contenedor-svg {
	fill: #000;
	height: 20px;
width: 22px;
margin-right: 2px;
}

.escuchar-contenedor-svg:hover {
    fill:#555;
}

#escuchar-contenedor { background:none;border:none;padding:0;display: inline-block;cursor:pointer;}


#escuchar-contenedor a {color:#3b3b3b}

@media screen and (max-width: 768px) {
    
    .post-entry .wp-caption:first-of-type img {
    max-width: 100% !important;
}        
    
    .overlay #s {
  width: 70%;
}

.hamburg {
    margin-right: 20px;
}

.dashed-bottom {
  overflow-x: hidden;
}

.hamburg span {
    width: 30px;
    height: 4px;
}



.overlay .closebtn {top:10px}
.temas-menu-hamburga{
  margin-top:40px;
}

#az ul li {
  width: 90px;
  }
  .overlay #s{font-size:26px;padding-bottom: 8px;
margin-bottom: 22px;}

#main-nav-2 {
  width:99%;
  height: auto;
  display:block;
  border-left:0;
  border-right:0;
}

#leer-articulo {position: relative;color:#000;width:100%;top:0;padding-top: 0;width:40%;  }



#texto-reproductor {
  display: inline-block;
  font-size: 15px;
}



#breadcrumb {
  width: 60%;
  font-size: 15px;
  padding-left:7px;
  }  

    #content {border-right:0}
    
    #main-nav ul { 
    overflow: auto;
white-space: nowrap;
justify-content: left;
padding: 0 10px;
}
#main-nav {
    overflow-x: auto;
overflow-y: hidden;
width: 99%;
}

}


#links-show {
        flex-direction: row;
          margin-bottom: 40px;
}

.fichur {
        
        display: flex;
        flex-wrap: wrap;
          align-items: flex-start;
        width: 75%;
  margin: auto;
  
    }
    
@media (max-width: 768px) {
            .fichur-pre {padding: 15px 0px}
        .fichur {
            flex-direction: column;
                width: 100%;
        }
}
        
        
        
        
        
        
        @keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

#scrollRecomendacion {
    display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.42);
	z-index: 999999999;
	transition: opacity .4s cubic-bezier(.455,.03,.515,.955);
}

.recomendacion {
    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 95%);
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1000;
    animation: fadeIn 1s;
    overflow: hidden;
    font-size:30px;
}

.recomendacion {
	top: 15%;
	left: 25%;
	width: 50%;
	border: 2px solid black;
	background: #efefef;
      border-radius: 10px;
	height: auto;
}

.recomendacion-titulo{
    font-size: 30px;
    display:block;
    margin-bottom: 45px;
    margin-top: 75px;
    color: #000;
    line-height: 1.3;

}

.recomendacion-titulo {
	margin-bottom: 25px;
	margin-top: 5px;
}

.recomendacion-content form label {
	color: black;
	font-size: 19px;
}

.g-recaptcha {
	margin-top: 25px !important;
    text-align:center;
}
.g-recaptcha div {
	width: 100% !important;
}

.recomendacion .button-orange {
	width: auto;
	text-align: left;
	padding: 10px;
    margin-top:0;
    letter-spacing: 1.5px;
}

.recomendacion-content {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    color:#fff;
}

.recomendacion-posts {
    display: block;
    
    margin-top: 20px;
    text-align:left;
}

.ebook-overlay {float: left;width: 245px;height: auto;  padding-right: 20px;}

.recomendacion-post {
    display: block;
    padding: 30px;
    background-color: #000;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    position: relative;
    color: white;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
}

.recomendacion-post:before {
    content: '';
    position: absolute;
    top: 0; 
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.recomendacion-post:hover:before {
    background: rgba(0, 0, 0, 0.2);
}

.recomendacion-post-content {
    position: relative;
    z-index: 1;
        z-index: 1;
    text-shadow: 
        3px 3px 10px rgba(0, 0, 0, 1), 
        -3px -3px 10px rgba(0, 0, 0, 1),
        3px -3px 10px rgba(0, 0, 0, 1),
        -3px 3px 10px rgba(0, 0, 0, 1); 
    font-size: 19px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.recomendacion-post:hover .recomendacion-post-content {
    color:#fff;
}


.recomendacion .close-btn {
    background-color: #4CAF50;
    color: #fff;
    border: none;
    padding: 7px;
    cursor: pointer;
    border-radius: 5px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 15px;
      background: #666;
      
}

.recomendacion .close-btn:hover {
    background-color: #45a049;
      background: #999;
}

.lista-tics-newsletter {
	display: block;
	padding-bottom: 10px;
    line-height:180%;
    font-size:17px;
    color:#555;
    text-align:center;
}

/*input#email {
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
      font-size: 18px;
}*/


@media screen and (max-width: 768px) {
.recomendacion {
width: 96%;
    left: 2%;
  top: 20px;
  overflow-y: scroll;
    overflow-x: hidden;
        max-height: 100%;
}

input#email {
      font-size: 17px;
      width:100%;
}

.recomendacion .button-orange {
    padding: 10px;
    height: auto;
    
      width: auto;
        float: right;
}
.recomendacion-titulo {
	font-size: 24px;
	margin-top: 45px;
}

.recomendacion .close-btn {
    top: 20px;
bottom:unset;
}

.ebook-overlay {float: left;width: 120px;height: auto;}
.nomobile {display:none}
}

#feedback {
    width:80%;
    margin:auto;
    margin-top:40px;
    text-align:center;
}

#feedback .title {
font-size: 18px;
color: #000;
}

#noncefeedback{display:none}

.signo-pregunta {font-family:times new roman,Helvetica,Georgia,serif;padding:2px}

.thumb-button {
    margin: 5px;
    padding: 5px 10px;
    background: none;
  border: 0;
}

#feedback textarea {
	width: 70%;
	display: block;
	margin: auto;
    margin-top: 5px;
	padding: 10px;
    margin-bottom: 5px;
}
#feedback textarea#errorCommentText {
	margin-top: 15px;
}
#feedback .button-orange {padding: 0;text-align: center;  letter-spacing: 1px;float:none}
#definicion-post-box p#feedbackMessage {font-size:18px;  margin-top: 15px;}

@media (max-width: 768px) {
    #feedback {
    width:100%;
}
#feedback label {
	display: block;
}
.lista-tics-newsletter{text-align:left}
}

#feedback svg {
	cursor: pointer;
}