div.rc-contenido-destacado {} div.rc-contenido-destacado__container { display: grid; grid-template-columns: repeat(1,1fr); gap: 50px;} div.rc-contenido-destacado__item { display: flex; flex-direction: column; } figure.rc-contenido-destacado__image { margin: 0 0 20px;position: relative;} figure.rc-contenido-destacado__image {background-blend-mode: multiply; background-color: rgb(0 0 0 / 0%); position:relative; overflow: hidden;} figure.rc-contenido-destacado__image:before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(320deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 50%) 10%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 100%); opacity: 0.7; transition: all .3s; } figure.rc-contenido-destacado__image:hover:before {opacity: 0.8;} figure.rc-contenido-destacado__image img { width: 100%; } div.rc-contenido-destacado__texto {} div.rc-contenido-destacado__texto a {text-decoration: none !important; font-family: var(--header-semibold);} div.rc-contenido-destacado__texto a:after { display: none; } *.rc-contenido-destacado__titulo { display: block; font-size: 24px !important; font-family: var(--header-semibold) !important; color: var(--link) !important; padding-bottom: 0 !important; margin-bottom: 10px !important; } *.rc-contenido-destacado__subtitulo { display: block; font-size: 16px !important; font-weight: var(--body-semibold) !important; color: var(--base) !important; margin-bottom: 20px !important;} *.rc-contenido-destacado__descripcion {} span.rc-contenido-destacado__descripcion ul li { margin-bottom: 10px; } span.rc-contenido-destacado__descripcion ul li:last-child { margin-bottom: 0px; } div.rc-contenido-destacado__button { display: inline-flex; align-items: center; gap: 15px; margin: 20px 0 0;} .rc-paginas-button { width: 20px; height: 20px; display: block; position: absolute; z-index: 2; right: 5px; bottom: 4px; background-color: transparent; transform: rotate(270deg); } .rc-paginas-button:after, .rc-paginas-button:before { content: ""; display: block; position: absolute; height: 1px; background-color: var(--blanco); width: 10px; top: 50%; left: 5px; transition: all 0.2s ease-in-out; right: 0; } .rc-paginas-button:after { transform: rotate(90deg); } div.rc-contenido-destacado__item.hand-click:hover .rc-paginas-button:before { width: 6px; transform: rotate(-45deg); left: 9px;} div.rc-contenido-destacado__item.hand-click:hover .rc-paginas-button:after { width: 6px; transform: rotate(45deg); left: 5px; } /* NÚMERO DE COLUMNAS */ /* 1 COLUMNA */ div.rc-contenido-destacado__container.one-col {} /* 2 COLUMNAS - Default */ div.rc-contenido-destacado__container.two-cols {} /* 3 COLUMNAS */ div.rc-contenido-destacado__container.three-cols {} div.rc-contenido-destacado__container.three-cols div.rc-contenido-destacado__texto {} div.rc-contenido-destacado__container.three-cols div.rc-contenido-destacado__texto a {} div.rc-contenido-destacado__container.three-cols *.rc-contenido-destacado__titulo {} div.rc-contenido-destacado__container.three-cols *.rc-contenido-destacado__subtitulo {} div.rc-contenido-destacado__container.three-cols *.rc-contenido-destacado__descripcion {} /* 4 COLUMNAS */ div.rc-contenido-destacado__container.four-cols {} div.rc-contenido-destacado__container.four-cols div.rc-contenido-destacado__texto {} div.rc-contenido-destacado__container.four-cols div.rc-contenido-destacado__texto a {} div.rc-contenido-destacado__container.four-cols *.rc-contenido-destacado__titulo {} div.rc-contenido-destacado__container.four-cols *.rc-contenido-destacado__subtitulo {} div.rc-contenido-destacado__container.four-cols *.rc-contenido-destacado__descripcion {} /* 3 + 2 COLUMNAS */ div.rc-contenido-destacado__container.three-two-cols {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(1) {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(2) {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(3) {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(4) {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(5) {} div.rc-contenido-destacado__container.three-two-cols *.rc-contenido-destacado__titulo {} div.rc-contenido-destacado__container.three-two-cols *.rc-contenido-destacado__subtitulo { font-size: 16px; margin-bottom: 20px;} /* FORMATO DE IMAGEN */ /* CUADRADO */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image { } /* div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image img { width: auto; height: 160px; } */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image img { width: auto !important; height: auto !important; max-width: 170px; max-height: 160px; } /* HOVER RECTANGULO */ figure.rc-contenido-destacado__image span { position: absolute; right: 0;bottom: 0; width: 40px; height: 40px; display: block; z-index: 9; color: #fff; padding: 5px 15px; background-size: 15px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500' viewBox='0 0 500 500'%3E%3Cpath fill='%23fff' d='M131.8 500c-7.6 0-14.9-3.3-20-8.9-10.2-11.4-9.5-28.7 1.6-39.3L329 248.1 113.6 48.4c-11.1-10.5-11.9-27.8-1.8-39.3 9.7-11.1 26.6-12.2 37.7-2.5l.6.6 237.3 220.2c5.7 5.3 8.9 12.7 8.9 20.4.1 7.8-3.1 15.2-8.7 20.6L150.3 492.6c-5 4.7-11.6 7.4-18.5 7.4'/%3E%3C/svg%3E") no-repeat center center #06f; } /* HOVER CUADRADO */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image span { border-radius: 50%; left: 60%; } /* COLOR DEL TÍTULO */ /* AZUL */ *.rc-contenido-destacado__titulo.link {color: var(--link) !important;} /* GRIS */ *.rc-contenido-destacado__titulo.grey {color: var(--base) !important;} /* Forzamos azul siempre que tenga link */ /* div.rc-contenido-destacado__item.hand-click *.rc-contenido-destacado__titulo.grey {color: var(--link) !important;} */ /*-----------------------------------------------------------------*/ /* RESPONSIVE /*-----------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------- IPAD ---*/ /*---------------------------------------------------------------------------------------- IPAD ESPECIFICO ---*/ @media (min-width: 560px) and (max-width: 1099px) { /* CONTENIDO DESTACADO */ div.rc-contenido-destacado__container {grid-template-columns: repeat(2,1fr) !important; grid-gap: 30px; } div.rc-contenido-destacado__container div.rc-contenido-destacado__item { } div.rc-contenido-destacado__container figure.rc-contenido-destacado__image { margin: 0 0 15px; } div.rc-contenido-destacado__container figure.rc-contenido-destacado__image img { width: 100%; height: 100%; object-fit: contain; } div.rc-contenido-destacado__container *.rc-contenido-destacado__titulo { font-size: 20px !important; margin-bottom: 10px !important; } div.rc-contenido-destacado__container *.rc-contenido-destacado__subtitulo { font-size: 16px !important; margin-bottom: 10px !important; } .rc-paginas-button { right: 5px; bottom: 4px; } /* Imagen Cuadrada */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image { width: 100px !important; min-width: 100px !important; height: 100px !important; min-height: 100px !important;} div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image img {max-width: 100px !important; max-height: 100px !important;} /* Hover */ } /*---------------------------------------------------------------------------------------- PC ---*/ @media (min-width: 922px) { .rc-paginas-button { right: 7px; bottom: 6px; } /* NÚMERO DE COLUMNAS */ /* 1 COLUMNA */ div.rc-contenido-destacado__container.one-col {grid-template-columns: repeat(1,1fr); gap: 80px 50px; justify-content: center;} /* 2 COLUMNAS - Default */ div.rc-contenido-destacado__container.two-cols {grid-template-columns: repeat(2,1fr); gap: 80px 50px;} /* 3 COLUMNAS */ div.rc-contenido-destacado__container.three-cols {grid-template-columns: repeat(3,1fr); gap: 50px 50px;} /* 4 COLUMNAS */ div.rc-contenido-destacado__container.four-cols {grid-template-columns: repeat(4,1fr); gap: 50px 50px;} /* 5 COLUMNAS */ div.rc-contenido-destacado__container.five-cols {grid-template-columns: repeat(5,1fr); gap: 50px 50px;} /* 3 + 2 COLUMNAS */ div.rc-contenido-destacado__container.three-two-cols {grid-template-columns: repeat(6,1fr); gap: 80px 50px;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(1) {grid-column: span 2;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(2) {grid-column: span 2;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(3) {grid-column: span 2;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(4) {grid-column: 2/4;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(5) {grid-column: 4/6;} /* FORMATO DE IMAGEN */ /* CUADRADO */ /* div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image { display: flex; justify-content: center; } */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image { display: flex; align-items: flex-end; justify-content: center; margin-bottom: 35px; } /* CUADRADO 3 COLUMNAS */ /* div.rc-contenido-destacado__container.three-cols.square figure.rc-contenido-destacado__image img { width: auto; height: 210px; } */ div.rc-contenido-destacado__container.three-cols.square figure.rc-contenido-destacado__image { height: 210px;} div.rc-contenido-destacado__container.three-cols.square figure.rc-contenido-destacado__image img { width: auto; height: 210px; max-width: 100%; max-height: 210px; } /* CUADRADO 4 COLUMNAS */ /* div.rc-contenido-destacado__container.four-cols.square figure.rc-contenido-destacado__image img { width: auto; height: 160px; } */ div.rc-contenido-destacado__container.four-cols.square figure.rc-contenido-destacado__image { height: 160px;} div.rc-contenido-destacado__container.four-cols.square figure.rc-contenido-destacado__image img { width: auto; height: 160px; max-width: 100%; max-height: 160px; } figure.rc-contenido-destacado__image { overflow: hidden; } figure.rc-contenido-destacado__image img {width: 100%; transition: all 0.3s;} figure.rc-contenido-destacado__image span{display: none;} div.rc-contenido-destacado__item.hand-click figure.rc-contenido-destacado__image span { display: block !important; transform: translateX(120%); opacity: 0; transition: all .3s; } /* HOVER RECTANGULO */ div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image img { transform: scale(1.05); } div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image span { transform: none; opacity: 1; } /* HOVER CUADRADO */ div.rc-contenido-destacado__container.square div.rc-contenido-destacado__item.hand-click figure.rc-contenido-destacado__image img { transform: none; } div.rc-contenido-destacado__container.square div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image img { transform: scale(0.95); } div.rc-contenido-destacado__container.square div.rc-contenido-destacado__item.hand-click figure.rc-contenido-destacado__image span { transform: translateX(-50%); left: 80%; } div.rc-contenido-destacado__container.square div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image span { transform: none; } } /***************************************/ /* ADMIN */ /***************************************/ .is-admin div.rc-contenido-destacado a {pointer-events: none;}