/*
Theme Name: Zaferancalatravo
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1763455516
Updated: 2025-11-18 09:45:16

*/

.comments-area a, .page-content a {
    text-decoration: none !important;
}
.shrinker {
    background-color: rgba(255, 255, 255, 1) !important;
}
.shrinker .she-header {
    background-color: rgba(0, 30, 55, 1) !important;
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
}
.hfe-nav-menu  li {
    padding: 0 30px;
}
.hfe-nav-menu  li a {
    font-size: 3rem !important;
    background-color: rgba(252, 218, 255, 0.65);
    color: #000 !important;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    -o-border-radius: 36px;
    border-radius: 36px;
    padding: 5px 22px 10px !important;
}
.hfe-nav-menu li.current_page_item a {
    color: #a21caf !important;
}
.hfe-nav-menu li a:hover {
    background-color: #e7e6e6 !important;
    color: #000 !important;
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
}
.shrinker.she-header .hfe-nav-menu li a {
    font-size: 1rem !important;
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
    text-align: right;
}
.shrinker .lang-item {
    display: none !important;
}
.iconomenu {
    display: none;
}
.img-fondo {
    animation: 7.8s circle ease-in-out;
}
ul.idiomas {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    font-weight: semi-bold;
    font-family: "eb garamond", serif;
    position: relative;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 1;
    align-content: flex-end;
    padding: 0;
    margin: 0;
}
.shrinker.she-header .idiomas li {
    position: relative;
}
.idiomas li {
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
}
.idiomas li:nth-child(n+1)::after {
    content: "|";
    font-weight: 300;
    color: #fff;
}
.idiomas li:last-child::after {
    content: "";
}
.idiomas li a {
    text-decoration: none;
    font-weight: 600;
    color: #a21caf;
    padding: 10px;
}
.idiomas li a:hover {
    text-decoration: underline;
    color: #d54be2;
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
}
.idiomas li a:active, .idiomas li a:focus {
    color: #a21caf;
}
.hfe-scroll-to-top-button {
    background-color: #a21caf !important;
}
.wpr-offcanvas-content-right {
    width: 100% !important;
    padding: 0 !important;
}
.wpr-offcanvas-header {
    display: none !important;
    justify-content: center !important;
    padding: 0 !important;
}
.wpr-close-offcanvas .fa {
    display: none !important;
}
.wpr-close-offcanvas i {
    font-size: 100px !important;
    background-color: #808080;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}
.titulos b {
    color: #000 !important;
}
.titulares b {
    font-weight: 400 !important;
    color: #59276d !important;
    font-family: "eb garamond", serif;
}
.titulares span, .detalles span {
    font-size: 46px !important;
    font-weight: 400 !important;
    text-transform: lowercase;
}
.detalles b {
    color: #f00 !important;
}
.bolsa-img {
    display: none;
}
.figura {
    animation: burst 3s;
    animation-fill-mode: forwards;
}
.figura-left {
    animation: onRight 3s;
    animation-fill-mode: forwards;
}
.figura-right {
    animation: onLeft 3s;
    animation-fill-mode: forwards;
}
.figura-center {
    animation: onCenter 3s;
    animation-fill-mode: forwards;
}
.figura-bot {
    animation: burst-down 3s;
    animation-fill-mode: forwards;
}
.figura {
	animation: burst 3s;   
    animation-fill-mode: forwards;
}
@keyframes burst {
	from {
		opacity:0;
		transform: translateY(155px) rotate(0deg);
	}
	to {
		opacity:1;
		transform: translateY(0) rotate(-15deg);
	}
}
.figura-left {
	animation: onRight 3s;   
    animation-fill-mode: forwards;
}
@keyframes burst-down {
	from {
		opacity:0;
		
		transform: translateY(-285px) rotate(15deg);
	}
	to {
		opacity:1;
		transform: translateY(0) rotate(0deg);
	}
}
@keyframes onRight {
	from {
		opacity:0;
		transform: translateX(389px) rotate(0deg);
	}
	to {
		opacity:1;
		transform: translateX(0) rotate(-6deg);
	}
}
.figura-right {
	animation: onLeft 3s;   
    animation-fill-mode: forwards;
}
@keyframes onLeft {
	from {
		opacity:0;
		transform: translateX(-389px) rotate(0deg);
	}
	to {
		opacity:1;
		transform: translateX(0) rotate(6deg);
	}
}
.figura-center {
	animation: onCenter 3s;   
    animation-fill-mode: forwards;
}
@keyframes onCenter {
	from {
		opacity:0;
		transform: translateX(0) rotate3d(0,1,0,180deg);
	}
	to {
		opacity:1;
		transform: translateX(0) rotate3d(0,0, 1, 10deg);
	}
}
.figura-bot {
	animation: burst-down 3s;   
    animation-fill-mode: forwards;
}
@keyframes burst {
	from {
		opacity:0;
		transform: translateY(0) rotate(-15deg);
	}
	to {
		opacity:1;
		
		transform: translateY(155px) rotate(0deg);
	}
}

.hidden {
    display: none;
}
.elementor-element-f348e26 {
    width: 100%;
    flex-wrap: wrap;
}
.elementor-element-427bfba {
    max-width: 33%;
    flex: 1 1 30% !important;
}
.row {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
}
.column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 300px;
    flex: 1;
    flex-basis: 100%;
}
.blue-column {
    height: auto;
    max-width: 100%;
    min-height: 100%;
}
ul.breadcrumbs {
    display: flex;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 60px 0;
}
.breadcrumbs li {
    margin-right: 10px;
}
.breadcrumbs li a {
    padding-left: 10px;
}
.grid-wrapper {
    display: grid;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-bottom: 30px;
    margin-left: 0;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(332px, min-content));
    grid-template-rows: auto;
    grid-gap: 20px;
    padding: 0;
}
.fx3-flex {
    text-decoration: none;
    border: none;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    background-color: white;
    color: #444;
    position: relative;
    top: 0;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
    flex-direction: column;
    min-height: 100%;
    -webkit-flex-direction: column;
    padding: 0;
    margin: 0;
}
.grid-wrapper .producto {
    display: flex;
    background-color: #fff;
    flex-direction: column;
    -moz-box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0;
    -webkit-box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0;
    -o-box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0;
    box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0;
    flex: 1;
    padding: 15px;
    margin: 0;
}
.imgprod {
    margin-bottom: 30px;
    height: auto;
    overflow: hidden;
    position: relative;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    text-align: center;
}
.articulo-box {
    display: block;
    height: 377px;
    overflow: hidden;
    position: relative;
    width: 100%;
    text-align: center;
}
.producto:hover .articulo-box img {
    -moz-transform: scale(1.05) translate(-50%, 0);
    -webkit-transform: scale(1.05) translate(-50%, 0);
    -o-transform: scale(1.05) translate(-50%, 0);
    transform: scale(1.05) translate(-50%, 0);
}
.articulo-box img {
    display: inline-block;
    position: absolute;
    bottom: 0;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    left: 50%;
    -moz-transform: scale(1) translate(-50%, 0);
    -webkit-transform: scale(1) translate(-50%, 0);
    -o-transform: scale(1) translate(-50%, 0);
    transform: scale(1) translate(-50%, 0);
    transform-origin: left bottom;
    margin: 0 auto;
}
.catprod h2 {
    font-size: 22px;
    font-weight: 700;
    color: #113d7e;
    font-family: "Oswald", Sans-serif;
    text-transform: uppercase;
    min-height: 55px;
}
.caja {
    display: flex;
    font-size: 1.5rem;
    margin-right: auto;
    width: 100%;
    text-align: justify;
    align-items: center;
    flex-direction: row;
    align-content: center;
}
.svgicon svg path {
    fill: #fff !important;
}
#ue path, #ue polygon, #mict path, #mict polygon, #res path, #res polygon {
    fill: #000;
}

.elementor-icon-box-wrapper:hover .elementor-icon {
    -moz-transform: scale(1.2) !important;
    -webkit-transform: scale(1.2) !important;
    -o-transform: scale(1.2) !important;
    transform: scale(1.2) !important;
}
footer a {
	color:#fff!important;
	
}
@media (max-width: 767px) {
	.logo-txt {
		display: none;
	}
	.iconomenu {
		display: block !important;
	}
	.shrinker .list-iconos .elementor-icon-list-text {
		display: none !important;
	}
	.shrinker ul.idiomas, .shrinker.she-header .idiomas li {
		font-size: 2rem !important;
	}
	.bolsa-txt {
		display: none;
	}
	.bolsa-img {
		display: block !important;
	}
	.bolsa-img svg {
		height: 30px;
		width: 30px;
	}
	.wpr-close-offcanvas i {
		font-size: 50px !important;
	}
	.shrinker .pliegue {
		top: 50px !important;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.titulares span, .detalles span {
		font-size: 30px !important;
		font-weight: 400 !important;
		text-transform: lowercase;
	}
	.img-borde-index {
		transform: translate(-50%, -50%) rotate(-90deg) !important;
    	left: 50% !important;
	}
	.img-borde-index1 {
		transform: translate(-50%, -80%) rotate(-90deg) !important;
    	left: 50% !important;
	}
	.img-borde-index2 {
		transform: translate(-50%, -70%) rotate(-90deg) !important;
    	left: 50% !important;
	}
	.img-borde-index3 {
		transform: translate(-50%, -70%) rotate(-90deg) !important;
    	left: 50% !important;
	}
	.bot {
		transform: translate(-50%, 0%) !important;
		left: 50% !important;
		top: 60% !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.shrinking-logo img {
		width: 120px !important;
	}
	.iconomenu {
		display: none !important;
	}
	.wpr-close-offcanvas i {
		font-size: 50px !important;
	}
	.shrinker ul.idiomas, .shrinker.she-header .idiomas li {
		font-size: 2rem !important;
	}
	.shrinker .pliegue {
		top: 50px !important;
		-moz-transform: translateX(-65%);
		-webkit-transform: translateX(-65%);
		-o-transform: translateX(-65%);
		transform: translateX(-65%);
	}
	.bolsa-txt {
    	transform: scale(.5);
	}
}