html{
font-family:'Lato',Arial,sans-serif;
}
body{
font-family:inherit;
color:#444;
background:#f5f5f5;
}
html{
scroll-behavior:smooth;
}
.atumar-section{
position:relative;
padding:80px 0;
border-bottom:1px solid #ececec;
}
/*======================================================
FOOTER
======================================================*/
#main-footer{
background:#2a2f33;
border-top:4px solid #c62026;
}
#copyright{
max-width:1400px;
margin:0 auto;
padding:22px 20px;
text-align:center;
}
#copyright p{
margin:0;
color:#ffffff;
font-size:15px;
line-height:1.6;
}
#copyright a{
color:#ffffff;
text-decoration:none;
}
#copyright a:hover{
color:#dddddd;
}
/*======================================================
HEADER INTERIOR
======================================================*/
html{
scroll-behavior:smooth;
}
body{
margin:0;
font-family:Lato,Arial,sans-serif;
color:#444;
background:#f5f5f5;
}
#site-header{
background:#fff;
border-bottom:1px solid #e5e5e5;
padding:35px 0;
}
.site-header-inner{
width:min(1200px,92%);
margin:auto;
text-align:center;
}
.site-logo{
display:inline-block;
margin-bottom:30px;
}
.site-logo img{
width:180px;
height:auto;
}
.site-nav{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:18px;
}
.site-nav a{
background:#2f2f2f;
color:#fff;
text-decoration:none;
padding:10px 22px;
font-size:15px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
transition:.25s;
}
.site-nav a:hover{
background:#c32026;
}
#contenido{
width:min(1200px,92%);
margin:60px auto;
}
/*======================================================
SINGLE PRENSA
======================================================*/
.atumar-single{
padding:70px 0;
}
.single-header{
text-align:center;
margin-bottom:40px;
}
.single-header h1{
font-size:46px;
font-weight:300;
color:#333;
margin-bottom:10px;
}
.single-meta{
color:#999;
font-size:15px;
}
.single-image{
margin:40px auto;
}
.single-image img{
width:100%;
height:auto;
display:block;
border-radius:4px;
}
.single-content{
max-width:900px;
margin:0 auto;
font-size:18px;
line-height:1.9;
}
.single-content p{
margin-bottom:22px;
}
.single-navigation{
margin-top:60px;
text-align:center;
}
.btn-volver{
display:inline-block;
padding:12px 28px;
background:#2f2f2f;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
transition:.25s;
}
.btn-volver:hover{
background:#c32026;
}
.atumar-page{
/* padding:70px 0;*/
background:#f3f3f3;
min-height:70vh;
}
.atumar-intro{
text-align:center;
margin:20px auto 45px;
color:#666;
max-width:700px;
}
.navigation.pagination{
margin-top:50px;
text-align:center;
}
.navigation.pagination .page-numbers{
display:inline-block;
margin:0 6px;
padding:10px 15px;
background:#fff;
border:1px solid #ddd;
color:#333;
text-decoration:none;
}
.navigation.pagination .current{
background:#c42026;
color:#fff;
border-color:#c42026;
}
/*======================================================
ARCHIVE PRENSA
======================================================*/
.archive-prensa{
/* padding:35px 0 70px;*/
}
.archive-header{
text-align:center;
margin-bottom:35px;
}
.archive-header h1{
color:#c32026;
font-size:44px;
font-weight:300;
margin-bottom:15px;
text-transform:uppercase;
position:relative;
display:inline-block;
padding-top:18px;
}
.archive-header h1::before{
content:"";
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
width:70px;
height:3px;
background:#c32026;
}
.archive-header p{
color:#666;
max-width:720px;
margin:auto;
line-height:1.8;
}
.prensa-item{
display:flex;
gap:35px;
align-items:flex-start;
margin-bottom:45px;
padding-bottom:45px;
border-bottom:1px solid #e4e4e4;
}
.prensa-imagen{
width:300px;
flex-shrink:0;
}
.prensa-imagen img{
width:100%;
height:200px;
object-fit:cover;
display:block;
}
.prensa-contenido{
flex:1;
}
.prensa-fecha{
color:#999;
font-size:14px;
margin-bottom:10px;
}
.prensa-contenido h2{
margin:0 0 15px;
font-size:30px;
font-weight:300;
}
.prensa-contenido h2 a{
color:#333;
text-decoration:none;
}
.prensa-contenido h2 a:hover{
color:#222;
}
.prensa-extracto{
color:#555;
line-height:1.8;
margin-bottom:25px;
}
.btn.btn-default { display:inline-block;
padding:12px 24px;
background:#c22228 !important;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
transition:.25s;
}
.prensa-boton{
display:inline-block;
padding:12px 24px;
background:#2f2f2f;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
transition:.25s;
}
.prensa-boton:hover{
background:#c32026;
}
.archive-pagination{
margin-top:60px;
text-align:center;
}
.archive-pagination .page-numbers{
display:inline-block;
padding:10px 15px;
margin:0 4px;
border:1px solid #ddd;
color:#333;
text-decoration:none;
}
.archive-pagination .current{
background:#c32026;
color:#fff;
border-color:#c32026;
}
/*======================================================
RESPONSIVE
======================================================*/
@media (max-width:900px){
.prensa-item{
flex-direction:column;
}
.prensa-imagen{
width:100%;
}
.prensa-imagen img{
height:auto;
}
}
/*ICONOS*/
.prensa-boton {
display: inline-flex;
align-items: center;
gap: 8px; /* Espacio perfecto entre el icono SVG y el texto */
text-decoration: none;
padding: 8px 16px;
/*background-color: #0073aa; /* Cambia por tu color corporativo */
color: #ffffff;
border-radius: 4px;
font-weight: 500;
transition: all 0.2s ease-in-out;
}
/* Controlamos el tamaño y comportamiento del SVG */
.prensa-boton .icon-btn {
width: 16px;
height: 16px;
flex-shrink: 0; /* Evita que el icono se deforme si el texto es largo */
transition: transform 0.2s ease;
}
/* Un efecto sutil al pasar el ratón (hover) */
.prensa-boton:hover {
background-color: #c32026; /* Un tono más oscuro */
}
.prensa-boton:hover .icon-btn {
transform: translateX(2px); /* La flecha o icono se mueve un pelo a la derecha, dando sensación de dinamismo */
}