*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


img {
	max-width: 100%;
	height: auto;
	display: block;
}
.oculto {
	display: none;
}

:root {
	--clr-fondo: #ffffff;
	--clr-fondo-600: #f0f0f0;
	--clr-texto: #8d8e93;
	--clr-texto-500: #4b5163;
	--clr-texto-600: #34322f;
	--altura-barrasup: 62px;
	--ancho-menu: min(70%, 18rem);
	--fs--2: clamp(0.77rem, 0.79rem + -0.1vw, 0.72rem);
	--fs--1: clamp(0.82rem, 0.79rem + 0.16vw, 0.9rem);
	--fs-0: clamp(0.88rem, 0.78rem + 0.49vw, 1.13rem);
	--fs-1: clamp(0.93rem, 0.75rem + 0.92vw, 1.41rem);
	--fs-2: clamp(1rem, 0.7rem + 1.49vw, 1.76rem);
	--fs-3: clamp(1.06rem, 0.62rem + 2.21vw, 2.2rem);
	--fs-4: clamp(1.13rem, 0.51rem + 3.15vw, 2.75rem);
	--fs-5: clamp(1.21rem, 0.34rem + 4.34vw, 3.43rem);
	--padding-general: 1rem;
}

html {
	scroll-behavior: smooth;
}

body {
	background-color: var(--clr-fondo);
	color: var(--clr-texto);
	overflow: hidden;
	top: 0px !important;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: var(--fs-0);
	line-height: 1.5;
}
body.oscuro {
	--clr-fondo: #121212;
	--clr-fondo-600: #1b1e27;
	--clr-texto: #fff;
	--clr-texto-500: #f0f0f0;
	--clr-texto-600: #fff;
}
body.oscuro img {
	filter: brightness(0.8) contrast(1.2);
}

.ajustar img {
	width: 100%;
	height: 100%;
	min-height: 100%;
	object-fit: cover;
}
.contener img {
	max-width: 70%;
	max-height: 70%;
	width: 70%;
	height: 70%;
	margin: 15%;
	object-fit: contain;
	object-position: center;
}
.fa-angle-down::before {
	content: "\f107";
	/*color: #fff;*/
}

.container {
  display: inline-flex;  
  gap: 10px;
}
.item{
	width:30px;
	height:30px;
}
.item1 {
	background: url('../images//iconos-redes/icono_insta_gris.png') no-repeat;
		}
.item1:hover {
	background: url('../images//iconos-redes/icono_insta_naranja.png');
}
.item2 {
	background: url('../images//iconos-redes/icono_vimeo_gris.png') no-repeat;
		}
.item2:hover {
	background: url('../images//iconos-redes/icono_vimeo_naranja.png');
}
.item3 {
	background: url('../images//iconos-redes/icono_behance_gris.png') no-repeat;
		}
.item3:hover {
	background: url('../images//iconos-redes/icono_behance_naranja.png');
}

button,
input,
optgroup,
select,
textarea {
	font-family: "Poppins", sans-serif;
}

a {
	text-decoration: none;
	color: var(--clr-texto);
}
a:hover {
	opacity: 0.75;
}

b {
	font-weight: 700;
}
h1,
h2,
h3,
h4,
h5 {
	line-height: 1.2;
}
h1 {
	font-size: var(--fs-5);
	margin-bottom: 0.5em;
}
h2 {
	font-size: var(--fs-5);
	margin-bottom: 0.5em;
}
h3 {
	font-size: var(--fs-3);
	margin-bottom: 0.5em;
}
h4 {
	font-size: var(--fs-2);
	margin-bottom: 0.5em;
}
h5 {
	font-size: var(--fs-1);
	margin-bottom: 0.5em;
}
p + p {
	margin-top: 1em;
}

#lienzo {
	transition: transform 500ms ease-in-out;
	overflow-y: auto;
	height: 100vh;
	scroll-behavior: smooth;
	scroll-snap-type: y mandatory;
}
.ancla {
	padding-top: var(--altura-barrasup);
	margin-top: calc(-1 * var(--altura-barrasup));
	position: absolute;
	top: 0;
	left: 0;
}

.clear {
	clear: both;
}
.deslizador {
	width: 100%;
	overflow-y: auto;
	scrollbar-width: none;
}
.deslizador::-webkit-scrollbar {
	display: none;
}
/* VAR FLECHA SUBIR */
@keyframes flecha {
  0% {background-position: 50% 50%;}
  100% {background-position: 50% 80%;}
  from { opacity: 1; }
  to   { opacity: 0; }
}
.bloque.portada .pausa {
	animation: fadein 15s;
}
.bloque.portada .flecha {
	background: transparent url('../images/flechaabajo.png') 50% 50% no-repeat;
	height: 20vh;
	position: absolute;
	bottom: 0;
	width: 100%;
	animation: flecha 1.5s infinite;
}
/* Cabecera fija */
header {
	position: sticky;
	top: 0;
	z-index: 100;
	width: 100%;
	transition: transform 500ms ease-in-out;
}
.barrasup {
	height:62px!important;
	padding: 0 3rem 0 2rem;
	height: var(--altura-barrasup);
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	background-color: var(--clr-fondo);
}
.barrasup .logo {
	height: calc(0.5 * var(--altura-barrasup));
	width: 40%;
	background: url(../images/logotop.png) 50% 50% / contain no-repeat;
}
.barrasup .logo:hover {
	background: url(../images/logotop-naranja.png) 50% 50% / contain no-repeat;
}
.oscuro .barrasup .logo {
	background: url(../images/logotopblanco.png) 50% 50% / contain no-repeat;
}
.barrasup .logo a {
	display: block;
	width: 100%;
	height: 100%;
}

/* Menu principal */

.iconomenu {
	width: 1.6rem;
	height: 1.6rem;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.iconomenu .linea {
	width: 100%;
	height: 0.25rem;
	background-color: var(--clr-texto-600);
	display: block;
	position: absolute;
	transition: transform 800ms ease-in-out;
}
.iconomenu:hover .linea {
	background-color: #FF8500;
}
.iconomenu .sup {
	transform: translateY(-250%);
}
.iconomenu .inf {
	transform: translateY(250%);
}
#mainmenu:checked ~ #lienzo {
	overflow: hidden;
}

#mainmenu:checked ~ #lienzo header,
#mainmenu:checked ~ #lienzo main {
	transform: translateX(var(--ancho-menu));
}
#mainmenu:checked ~ #lienzo .iconomenu .sup {
	transform: rotate(135deg);
}
#mainmenu:checked ~ #lienzo .iconomenu .centro {
	transform: rotate(315deg);
}
#mainmenu:checked ~ #lienzo .iconomenu .inf {
	transform: rotate(-135deg);
}
#modmainmenu {
	position: fixed;
	width: var(--ancho-menu);
	background: var(--clr-fondo);
	z-index: 100;
	transform: translateX(-100%);
	transition: transform 500ms ease-in-out;
	padding: var(--altura-barrasup) 1.5rem 15vh;
	text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
}
#mainmenu:checked ~ #modmainmenu {
	transform: translateX(0);
}
.velo {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--clr-fondo);
	z-index: 99;
	opacity: 0;
	pointer-events: none;
	transition: opacity 500ms ease-in-out;
}
#mainmenu:checked ~ #lienzo .velo.demenu {
	opacity: 0.6;
	pointer-events: all;
}
#modmainmenu .emailyrrss, #modopciones .emailyrrss  {
	position: relative;
	font-size: var(--fs--1);
}
/* EDITADO POR VAR PARA QUE NO SE VEA LA RAYA
#modmainmenu .emailyrrss::before, #modopciones .emailyrrss::before  {
	content: "";
	position: absolute;
	top: -1rem;
	right: 0;
	width: 3rem;
	height: 0;
	border-top: 1px solid var(--clr-texto);
}
*/
#modopciones .emailyrrss::before  {
	left: 0;
}
#modmainmenu .rrss, #modopciones .rrss {
	display: flex;
	justify-content: flex-end;
	margin: 1rem 0 0;
}
#modopciones .rrss {
	justify-content: flex-start;
}
#modmainmenu .rrss a, #modopciones .rrss a {
	font-size: 1.1rem;
	display: block;
	width: 2.2rem;
	height: 2.2rem;
	line-height: 2.3rem;
	text-align: center;
	background: var(--clr-texto);
	border-radius: 50%;
	color: var(--clr-fondo);
	margin-left: 0.5rem;
}
#modmainmenu .menuppal > a:first-child {font-weight:bold;}
#modmainmenu .menuppal a {
	display: block;
	margin: 0.5em 0;
	font-size: var(--fs-0);
}
#modmainmenu .menuppal a:hover {
	color: #FF8500;
}
#modmainmenu .menuppal label {
	display: inline-block;
	margin: 0.5em 0;
	font-size: var(--fs-0);
}
#modmainmenu .menuppal input:checked ~ label {
	margin-bottom: 0;
}
#modmainmenu .menuppal .sinicono .fa-angle-down::before, #modmainmenu .menuppal .sinicono .fa-angle-up::before {
	content: none;
}
#modmainmenu .menuppal .sinicono {
	color: #d0d0d0!important;
	display:block;
}
#modmainmenu .menuppal .sinicono i {
	margin-left: 0;
}
#modmainmenu .menuppal input {
	display: none;
}
#modmainmenu .menuppal input + label i {
	display: none;
	margin-left: 0.75rem;
}
#modmainmenu .menuppal input + label i + i {
	display: inline-block;
}
#modmainmenu .menuppal label {
	cursor: pointer;
	position: relative;
}
#modmainmenu .menuppal .separador::before {
	content: "";
	display: block;
	height: 2px;
	background-color: var(--clr-texto);
	width: 2rem;
	margin: 0 0 1rem auto;
}
#modmainmenu .menuppal .grupo {
	max-height: 0;
	overflow: hidden;
	transition: max-height 300ms ease-in-out;
}
#modmainmenu .menuppal input:checked + label + .grupo {
	max-height: 100vh;
}
#modmainmenu .menuppal input:checked + label i {
	display: inline-block;
}
#modmainmenu .menuppal input:checked + label i + i {
	display: none;
}
#modmainmenu .menuppal .grupo a {
	font-size: 0.9em;
}
#modmainmenu .menuppal input:checked + label,
#modmainmenu .menuppal input:checked + label i
{
	color: var(--clr-texto-500);
}

#modmainmenu .menuppal .actual {
	color: #FF8500;
}
/* ACORDEON */
.menuyfiltros .componente, .servicios .componente {
	position: relative;
	top: 93px;
}
.servicios .contenedor-servicios, .blog .contenedor-servicios,  .politicas .contenedor-servicios {background: var(--clr-fondo-600);padding:40px 40px;}
.com-content-article figure img {width:100%;}
.accordion {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   height: auto;
   font-family: Arial, Helvetica, sans-serif;
   margin:0 auto;
} 
.servicios h3 {
	color: #222;
}
.servicios li {margin-left:40px;}

 /*Contenedor común plegar/desplegar*/
.accordion-toggle,
.accordion-header{
   font-size: 15px;
   width: 100%;
   height: 3em;
   margin: 0;
   line-height: 3em;
   cursor: pointer;
}
 /*El botón que pliega/despliega*/
.accordion-toggle {
   opacity: 0;
   background-color: transparent;
   z-index: 1;
   margin-bottom: 2px;
}
 /*Bloque para el título*/
.accordion-header{
   font-size: 24px;
   font-weight: bold;
   color: #7f8787;
   position: relative;
   margin-top: -3em;
   padding: 10px 0;
}
 /*Bloque replegable con el contenido */
.accordion-content {
	margin-left: 20px;
	overflow: auto;
	position: relative;
	width: 90%;
	max-height: 0;
	padding: 0 20px;
	transition: max-height 0.3s ease 0.1s;
	text-align: justify;
}
.accordion-content p:first-child {
	margin-top: 30px;
}
.accordion-toggle:checked + .accordion-header + .accordion-content {
    max-height: 100vh; /* Se deja que use la altura necesaria hasta un máximo*/
    margin-right: 0;
}
.accordion-header::before,
.accordion-toggle:checked + .accordion-header::before {
   content: '+';
   display: inline-block;
   text-align: center;
   width: 1em;
   font-size: 1.em;
}
.accordion-toggle:checked + .accordion-header::before {
   content:'-';
}
.accordion-toggle:hover + .accordion-header{
 	background: var(--clr-fondo-600);
}
.textoarticulo ul {	
	list-style:none;
}
.accordion-toggle:checked + .accordion-header {
	background: var(--clr-fondo-600);
}
.textoarticulo h6 {	
	margin: 50px 0;
}
.textoarticulo ul h6 {	
	margin: 13px 0;
}
.textoarticulo h6 a {	
	color: var(--clr-texto-600);
	background: var(--clr-fondo-600);
	padding: 0.8em 1.25em;
	border: 2px solid var(--clr-texto);
	border-radius: 0.25rem;
	transition: 300ms linear;
	font-weight:400;
	font-size: 1.2em;
}
.textoarticulo h6 a:hover {	
	opacity: 1;
	background: var(--clr-texto-500);
	border-color: var(--clr-texto-500);
	color: var(--clr-fondo);
}
/* Formulario de contacto interior */
.blog figure {margin-top:100px;}
.blog .contenedor-servicios .com-content-article__body, .politicas .contenedor-servicios .com-content-article__body {margin-top:40px;}
.politicas figure {margin-top:130px;}
.blog .contenedor-servicios img {width:100%;}
/* Formulario de contacto interior */
.formulariodecontacto input, .formulariodecontacto textarea {background:#fff!important;}
#jform_myfilevalue {background: var(--clr-fondo-600)!important;}

/* Menu opciones */

.formularioinicio form fieldset {border:none;}
.formularioinicio input {height: 35px}
.formularioinicio textarea, .formularioinicio input {width: 90%; border-radius:10px; background:#ededed;border:none;padding:0 10px;}
.formularioinicio textarea {height: 60px; resize: none;}
.formularioinicio button {background:#fff;border:1px solid #222; padding:7px;margin-top:20px;border-radius:10px;color: var(--clr-texto-500);}
#modopciones {font-size:16px;}
#modopciones h4 {color: var(--clr-texto-500);font-size: var(--fs-0);}
.form-control-feedback {display:none;}

.sobre {background-image: url("/images/portada/sobre-gris.png");width: 30px;  height: 30px;position:relative;left:15px;}
.sobre:hover {background-image: url("/images/portada/sobre-naranja.png");}
#menuopciones:checked ~ #lienzo .sobre {display:none;}

.menuopciones {
	width: 1.6rem;
	height: 1.6rem;
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.menuopciones .barra {
	height: 100%;
	width: 0.25rem;
	background-color: var(--clr-texto-600);
	display: block;
	position: absolute;
	transition: transform 800ms ease-in-out;
}
.menuopciones:hover .barra {
	background-color: #FF8500;
}
.menuopciones .barra::before {
	content: "";
	height: 0.25rem;
	width: 200%;
	background-color: var(--clr-texto-600);
	position: absolute;
	left: -50%;
}
.menuopciones .izq {
	transform: translateX(-250%);
}
.menuopciones .dcha {
	transform: translateX(250%);
}
.menuopciones .izq::before {
	top: 20%;
}
.menuopciones .centro::before {
	top: 70%;
}
.menuopciones .dcha::before {
	top: 40%;
}
#menuopciones:checked ~ #lienzo {
	overflow: hidden;
}
#menuopciones:checked ~ #lienzo header,
#menuopciones:checked ~ #lienzo main {
	transform: translateX(calc(var(--ancho-menu) * -1));
}
#menuopciones ~ #lienzo .menuopciones {display:none;}
#menuopciones:checked ~ #lienzo .menuopciones {display:initial;}
#menuopciones:checked ~ #lienzo .menuopciones .izq {
	transform: rotate(225deg);
}
#menuopciones:checked ~ #lienzo .menuopciones .centro {
	transform: rotate(-315deg);
}
#menuopciones:checked ~ #lienzo .menuopciones .dcha {
	transform: rotate(-225deg);
}
#menuopciones:checked ~ #lienzo .menuopciones .barra::before {
	transform: scale(0);
}
#modopciones {
	position: fixed;
	right: 0;
	width: var(--ancho-menu);
	background: var(--clr-fondo);
	z-index: 100;
	transform: translateX(100%);
	transition: transform 500ms ease-in-out;
	padding: var(--altura-barrasup) 1.5rem 15vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
}
#menuopciones:checked ~ #modopciones {
	transform: translateX(0);
}
#menuopciones:checked ~ #lienzo .velo.deopciones {
	opacity: 0.6;
	pointer-events: all;
}
#modmainmenu ul,#modopciones ul {
	list-style: none;
}
.goog-te-banner-frame.skiptranslate {
	display: none !important;
}
.traductor > div:first-child {
	height: 2.5rem;
	overflow: hidden;
}
#google_translate_element {
	height: 2.5rem;
	overflow: hidden;
	margin-top:20px;
}
.traductor select {
	margin: 0 0 2rem !important;
	border: 1px solid var(--clr-texto);
	border-radius: 0.25rem;
	background: var(--clr-fondo);
	color: var(--clr-texto);
	line-height: 2rem;
	height: 2rem;
	font-size: var(--fs--1);
	padding: 0.25em 1em 0.25em 0.5em;
	width: 90%;
	font-family: "Poppins", sans-serif;
}
.traductor > p {
	font-size: var(--fs--2);
	width: 90%;
}
.traductor li {
	margin-top: 10px;
}

.copyright {
	margin-top: -10px;
	margin-bottom: 15px;
}
.formularioinicio .form-group {margin-top:25px;}

/* MODIFICACIONES VAR */
.com-content-article.item-page {max-width:900px;margin:40px auto 100px;padding:0 20px;}
.contenedormenu {
	padding: 0 0.5rem;
}

.abajo92 {
	top: 92px;
	position: relative;
}
.modulomenu {
	list-style:none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	margin: 0 auto;
	position: relative;
	overflow: auto;
}
.modulomenu li {
	margin: 0 1em;
}
.modulomenu li.current a {
	color: var(--clr-texto-600);
}
/* Cuerpo */
main {
	position: relative;
	transition: transform 500ms ease-in-out;
}


.volverarriba {
	--tamano: 3rem;
	position: sticky;
	top: 90vh;
	z-index: 100;
}
.volverarriba a {
	width: var(--tamano);
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: rgba(150, 140, 140, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(var(--tamano) * 0.7);
	margin: 0 calc(var(--tamano) * 0.5) 0 auto;
}
.bloques {
	position: relative;
}
.conbarramenu .bloque {
	height: calc(100vh - 156px);
}
.bloque {
	height: calc(100vh - var(--altura-barrasup));
	scroll-snap-align: end;
	margin: 0;
	position: relative;
	margin:0.01rem;
}
.bloque.portada h2 {
	display: none;
}
.bloque.portada .texto,
.bloque.portada .texto > div {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.bloque.portada::before {
	content: "";
	position: absolute;
	top: 15%;
	left: 30%;
	width: 40%;
	height: 50%;
	background: url("../images/portadamini.png") 50% 50% / contain no-repeat;
	z-index: 50;
}
.bloque.urtaro::before {
	content: "";
	position: absolute;
	top: 15%;
	left: 30%;
	width: 40%;
	height: 50%;
	background: url("../images/logo_sombra_urtaro_portada.png") 50% 50% / contain no-repeat;
	z-index: 50;
}
.bloque.bohola::before {
	content: "";
	position: absolute;
	top: 15%;
	left: 30%;
	width: 40%;
	height: 50%;
	background: url("../images/logo_sombra_bohola_portada.png") 50% 50% / contain no-repeat;
	z-index: 50;
}
.bloque.hotzikar::before {
	content: "";
	position: absolute;
	top: 15%;
	left: 30%;
	width: 40%;
	height: 50%;
	background: url("../images/logo_sombra_hotzikar_portada.png") 50% 50% / contain no-repeat;
	z-index: 50;
}
.bloque.laeditorial::before {
	content: "";
	position: absolute;
	top: 15%;
	left: 30%;
	width: 40%;
	height: 50%;
	background: url("../images/laeditorial_portada_titulo-movil.gif") 50% 50% / contain no-repeat;
	z-index: 50;
}
.bloque.portada::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 40%;
	height: var(--altura-barrasup);
	background: var(--clr-fondo);
	transform: translate(-50%, calc(-1 * var(--altura-barrasup)));
	z-index: 101;
}
.bloque.portada .texto p {
	display: none;
}
.bloque.centrar {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.bloque.centrar .texto {
	background: #27253a;
	margin: 0;
	padding: 0 max(4rem, 50% - 25rem);
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.bloque.fondogris .texto {
	background: var(--clr-fondo-600);
	color: var(--clr-texto-600);
}
.bloque.centrar h2 {
	color: #df695f;
}
.bloque.centrar h3 {
	color: #8a8aa3;
}
.bloque.centrar .texto ul, .textoarticulo ul {
	margin: 2em auto;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	width: min(22rem, 100%);
	font-size: 90%;
}
.textoarticulo ul {
	margin: 30px 0;
	justify-content: left;
}
.bloque.centrar .texto ul li:first-child a {
	display: block;
	color: var(--clr-texto-600);
	background: var(--clr-fondo-600);
	padding: 0.5em 1.25em;
	border-radius: 0.25rem;
	transition: all 300ms linear;
}
.bloque.centrar .texto ul a:hover,
.bloque.centrar .texto ul li:first-child a:hover,
.bloque.centrar .texto ul li:last-child a:hover {
	opacity: 1;
	background: var(--clr-texto-500);
	border-color: var(--clr-texto-500);
	color: var(--clr-fondo);
}
.bloque .texto {
	max-width: 50rem;
	padding: 4rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.bloque.conimagen {
	display: flex;
	flex-direction: column-reverse;
	overflow: hidden;
}
.bloque.conimagen .imagen {
	flex: 0 0 50%;
	height: 100%;
}
.bloque.conimagen .texto {
	flex: 0 0 50%;
	height: 100%;
	background: var(--clr-fondo-600);
	padding: var(--padding-general);
	max-width: 100%;
	text-align: center;
}
.bloque.conimagen .texto h2 {
	font-size: var(--fs-2);
	color: var(--clr-texto-600);
}
.bloque.sintitulo .texto h2 {
	display:none;
}
.bloque.conimagen .texto h4 {
	font-size: var(--fs-1);
	color: var(--clr-texto-500);
}
.bloque.conimagen.tom .texto h2 {
	font-size: var(--fs-3);
	color: var(--clr-texto);
}
.bloque.conimagen.tom .texto h4 {
	color: var(--clr-texto-500);
}
.bloque.conimagen .texto ul {
	margin: 2em auto;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
	width: min(24rem, 100%);
	font-size: 90%;
}
/*INICIO EDITADO POR VAR
.bloque.conimagen .texto ul li:last-child a {
	background: var(--clr-texto-600);
	border-color: var(--clr-texto-600);
	color: var(--clr-fondo);
}
FIN EDITADO POR VAR */
.bloque.conimagen .texto ul a, .bloque.conbotones .texto ul a,
.bloque.conimagen .texto ul li:first-child a {
	display: block;
	color: var(--clr-texto-600);
	background: var(--clr-fondo-600);
	padding: 0.5em 1.25em;
	border: 2px solid var(--clr-texto);
	border-radius: 0.25rem;
	transition: all 300ms linear;
}
.bloque.conimagen .texto ul a:hover,
.bloque.conimagen .texto ul li:first-child a:hover,
.bloque.conimagen .texto ul li:last-child a:hover {
	opacity: 1;
	background: var(--clr-texto-500);
	border-color: var(--clr-texto-500);
	color: var(--clr-fondo);
}
.bloque.conimagen.blog .texto, .bloque.conimagen.services .texto {
	text-align: center;
}
.bloque.conimagen.blog .texto:last-child, .bloque.conimagen.services .texto:last-child {
	background: #535563;
	color: var(--clr-fondo);
}
.bloque.conimagen.blog .texto:last-child h2, .bloque.conimagen.services .texto:last-child h2 {
	color: var(--clr-fondo);
}
.bloque.conimagen.blog .texto:last-child h4, .bloque.conimagen.services .texto:last-child h4 {
	color: var(--clr-fondo);
	opacity: 0.7;
}
.bloque.conimagen.blog .texto:last-child ul a, .bloque.conimagen.services .texto:last-child ul a {
	color: var(--clr-fondo);
	border: 2px solid var(--clr-fondo);
	background: #535563;
}
.bloque.conimagen.blog .texto:last-child ul a:hover, .bloque.conimagen.services .texto:last-child ul a:hover {
	opacity: 1;
	background: var(--clr-fondo);
	border-color: var(--clr-fondo);
	color: var(--clr-texto-600);
}
.bloque.conimagen.blog .texto ul, .bloque.conimagen.services .texto ul {
	margin: 2em auto;
	justify-content: center;
}
.bloque .vermas {
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translate(-50%, -50%);
	font-size: 3rem;
}
.bloque.imgfondo:nth-child(n) .texto {
	flex: 0 0 100%;
	background-position: 80% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	/* MODIFICADO POR VAR padding: var(--padding-general) 30% var(--padding-general) 8%; */
	padding: var(--padding-general) 100% var(--padding-general) 8%;
	text-align: left;
	align-items: flex-start;
	background-position:center center;
}
.bloques .navegacion {
	position: absolute;
	top: 50%;
	transform: translateY(calc(-50% - calc(var(--altura-barrasup) / 2)));
	left: calc(100vw - 1.5rem);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.bloques .navegacion a {
	display: block;
	width: 0.5rem;
	aspect-ratio: 1 / 1;
	background: var(--clr-texto);
	opacity: 0.3;
	border-radius: 50%;
}
.bloques .navegacion span {
	display: block;
	width: 0.5rem;
	aspect-ratio: 1 / 1;
	background: var(--clr-texto-500);
	border-radius: 50%;
}

.confiltro {
	position: relative;
}
.confiltro .articulos {
	margin: 0 -0.5rem;
}
.confiltro .articulo {
	height: calc(calc(100vw - 2rem) / 1.5);
	position: relative;
	width: 0;
	margin: 0.5rem 0;
	float: left;
	transition: width 600ms ease-in-out, margin 600ms ease-in-out;
}
.confiltro .articulo.visible {
	width: calc(calc(100% - 2rem) / 2);
	margin: 0.5rem;
}
.confiltro .articulo .imagen {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.confiltro .articulo .texto {
	position: absolute;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	z-index: 1;
	display: flex;
	padding: var(--padding-general);
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	background-color: var(--clr-fondo);
	transform: rotateY(90deg);
	transition: transform 300ms ease-in;
	opacity: 0.95;
}
.confiltro .articulo a:hover {
	opacity: 1;
}
.confiltro .articulo a:hover .texto {
	transform: rotateY(0);
}
.confiltro .articulo .titulo {
	font-size: var(--fs-2);
	line-height: 1;
}
.confiltro .articulo .subtitulo {
	font-size: var(--fs-2);
	line-height: 1;
	margin-bottom:50px;
}
.confiltro .filtro {
	padding: 1.5rem 0;
	overflow: hidden;
	z-index: 5;
	border-bottom: 1rem solid var(--clr-fondo);
	transform: scale(1);
	background: var(--clr-fondo-600);
}

.confiltro1 .filtro1 {
	padding: 1.5rem 0;
	overflow: hidden;
	position: fixed;
	position: -webkit-sticky;
	top: var(--altura-barrasup);
	z-index: 5;
	border-bottom: 1rem solid var(--clr-fondo);
	transform: scale(1);
	background: var(--clr-fondo-600);
	left: 0;
	right: 15px;
	margin: 0 var(--padding-general);
}

.confiltro .filtro .etiquetas {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	margin: 0 auto;
	position: relative;
	overflow: auto;
	/* EDITADO POR VAR padding-right: 4rem; */
}

.confiltro .filtro .etiqueta {
	margin: 0 1em;
	line-height:2;
}

.confiltro .filtro .etiqueta .visible {
	border: 1px solid --clr-texto;
	border-radius: 20px;
	padding: 5px 15px;
}
.confiltro .filtro .etiqueta .visible:first-of-type {
	background: var(--clr-texto);
		color: var(--clr-fondo);
}

.pantallacompleta {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--clr-fondo);
	z-index: 200;
}
.blog .pantallacompleta {overflow-y:auto;}
.pantallacompleta .barrasup {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.pantallacompleta .barrasup i {
	font-size: 2rem;
	color: var(--clr-texto-600);
}
.pantallacompleta .contenido {
	padding: 0 0.5rem;
	margin-top: var(--altura-barrasup);
	height: calc(100vh - var(--altura-barrasup));
	overflow-y: auto;
	display: grid;
	gap: 1rem;
}
.pantallacompleta .fondocolor {
	background: var(--clr-fondo-600);
	padding: var(--padding-general);
}
.pantallacompleta .fondocolor h2 {
	color: var(--clr-texto-500);
}
.pantallacompleta .fondocolor h2 span {
	display: block;
	font-size: 80%;
	font-weight: normal;
}
.pantallacompleta .social {
	margin-top: var(--padding-general);
}
.pantallacompleta .social .redes {
	margin-top: 0.5rem;
	display: flex;
	gap: 0.5rem;
}
.pantallacompleta .social .redes a {
	width: 2rem;
	aspect-ratio: 1;
	display: block;
	background: var(--clr-texto);
	color: var(--clr-fondo);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pantallacompleta .libros h4 {
	margin: 2em 0 1em;
}
.pantallacompleta .libros .articulos {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	margin: 0;
}
.pantallacompleta .libros .articulo.visible {
	width: 100%;
	height: auto;
	aspect-ratio: 9 / 14;
	margin: 0;
}
.pantallacompleta .libros .subtitulo {
	color: var(--clr-texto-500);
}
.portfolio .compartir, .portfolio .compartir2 {
	padding: var(--padding-general);
	border-top: 1rem solid var(--clr-fondo);
	border-bottom: 1rem solid var(--clr-fondo);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	gap: 1rem;
	place-items: center;
}
.portfolio .compartir {display:none;}
.portfolio .gustar {
	text-align: center;
	font-size: var(--fs-5);
}
.portfolio .imagen img {
	width: 100%;
	margin-bottom: 2rem;
}
.portfolio .imagen.ajustar {
	height: calc(100vh - var(--altura-barrasup) - 4rem);
	background-color: var(--clr-fondo-600);
}
.portfolio .imagen.ajustar img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	margin: auto;
}

/* TABLA TARIFAS */
#tarifas-tab.tab-content td {
	font-size: 10px;
	height: 30px;
	padding: 1px;
}
.tab-content table {
	width: 100%;
	color: #ffa600;
}
.tab-content .cell-legend {
	background-color: #ffedcc;
	position: relative;
	font-weight: 600;
}
.tab-content td {
	font-size: 22px;
	padding: 9px;
	border: 2px solid #fff;
	height: 60px;
}
.tab-content .cell-title {
	background-color: #fdbd6b;
	color: #fff;
	text-align: center;
	font-weight: 600;
}
.tab-content .cell {
	text-align: center;
	background-color: #fff;
	color: #ffa600;
	clear: both;
	overflow: hidden;
	white-space: nowrap;
	border: #fdbd6b 1px solid;
}
.tab-content.tabla3 tr:nth-child(odd) .cell {
	background: #ffedcc;
}
.issuu {
	height: 500px;
	margin-bottom: 2rem;
}
.video {
	margin-bottom: 2rem;
}


/* Media queries */
@media only screen and (min-width: 50rem) {
	:root {
		--padding-general: 2rem;
	}
	.portfolio .compartir {display:grid;}
	.portfolio .compartir2 {display:none;}
	.pantallacompleta .contenido {
		padding: 0 var(--padding-general) var(--padding-general);
	}
	.contenedormenu {
		padding: 0 var(--padding-general);
	}
	.portada, .bloque, .confiltro {						   			   
		padding: 0 var(--padding-general) var(--padding-general);
	}

	.bloque.portada::before {
		top: 50%;
		left: 50%;
		width: 50%;
		height: auto;
		aspect-ratio: 13 / 3;
		transform: translate(-50%, -120%);
		background-image: url("../images/portadacompleto.png");
	}
	.bloque.laeditorial::before {
		top: 60%;
		left: 50%;
		width: 70%;
		height: auto;
		aspect-ratio: 13 / 3;
		transform: translate(-50%, -120%);
		background-image: url("../images/laeditorial_portada_titulo.gif");
	}
	.bloque.portada .texto p {
		display: flex;
		align-items: center;
		gap: 0.66em;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 50%;
		transform: translate(-50%, 0);
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-size: 2.5vw;
		font-weight: 600;
		letter-spacing: 0.05em;
		white-space: nowrap;
	}
	.bloque.portada .texto p::before,
	.bloque.portada .texto p::after {
		content: "";
		width: 50%;
		height: 0.25rem;
		background: #fff;
	}
/*	#modmainmenu {
		padding: var(--altura-barrasup) 0 var(--padding-general)
			var(--padding-general);
	}
	#modopciones {
		padding: var(--altura-barrasup) var(--padding-general)
			var(--padding-general) 0;
	}
*/
	.confiltro.editorial .bloque {
		padding: 0;
	}
	.bloque.conimagen,
	.bloque.conblog {
		flex-direction: row-reverse;
	}
	.bloque.conimagen:nth-child(2n) {
		flex-direction: row;
	}
	.bloque.conimagen .texto {
		padding: var(--padding-general) 8%;
		text-align: right;
		align-items: flex-end;
	}
	.bloque.conimagen .texto ul {
		justify-content: flex-end;
		margin: var(--padding-general) 0;
	}
	.bloque.conimagen:nth-child(2n + 1) .texto {
		text-align: left;
		align-items: flex-start;
	}
	.bloque.conimagen:nth-child(2n + 1) .texto ul {
		justify-content: flex-start;
	}
	.bloque.imgfondo:nth-child(n) .texto {
		padding: var(--padding-general) 55% var(--padding-general) 8%;
		align-items: flex-start;
		text-align: left;
	}
	.bloque.imgfondo:nth-child(n) .texto ul {
		justify-content: flex-start;
	}
	.bloques .navegacion {
		left: calc(100vw - 2.25rem);
	}
	.volverarriba a {
		margin: 0 var(--tamano) 0 auto;
	}
	.confiltro .articulos {
		margin: 0 -1rem;
	}
	.confiltro .articulo {
		height: calc(calc(100vw - 8rem) / 3);
		margin: 1rem 0;
	}
	.confiltro .articulo.visible {
		width: calc(calc(100% - 8rem) / 4);
		margin: 1rem;
	}
	.pantallacompleta .contenido {
		grid-template-columns: 1fr 2fr;
		gap: 1.5rem;
	}
	.pantallacompleta .libros .articulos {
		grid-template-columns: repeat(3, 1fr);
		gap: 1.25rem;
	}
	.pantallacompleta .autores {
		grid-template-areas:
			"texto foto"
			"texto libros"
			"social libros";
	}
	.pantallacompleta .autores .imagen {
		grid-area: foto;
	}
	.pantallacompleta .autores .textoarticulo {
		grid-area: texto;
	}
	.pantallacompleta .autores .masinfo {
		grid-area: social;
	}
	.pantallacompleta .autores .libros {
		grid-area: libros;
	}
	.portfolio .textoarticulo {
		align-self: flex-start;
		position: sticky;
		top: 0;
	}
	.accordion-content {
		margin-left: 60px;
	}
	.barrasup {
		padding: 0 3rem 0 2rem;
	}

}
@media only screen and (max-width: 980px) {
	.com-content-article.item-page {
		padding: 0;
	}
	.componente, .confiltro1 .filtro1 {
		margin: 0 0.5rem;
	}
	.servicios .contenedor-servicios {
	  padding: 40px 20px;
	}
	.barrasup, .contenedormenu {
		padding: 0 0.5rem;
	}
	.confiltro1 .filtro1 {
		position:absolute;
		top:0px;
	}
	.sobre {position:relative;left:0px;}
	.confiltro1 .filtro1 {
		right: 0;
	}
	.bloques .navegacion {
		display:none;
	}
	.politicas main {top:-150px;}
	.servicios main {top:-50px;}
}