por wpautop() */
.v5-resumen p{ margin: 0 0 .6em; }
.v5-resumen p:last-child{ margin-bottom: 0; }
/* =========================================================
RESPONSIVE — TABLET / MÓVIL (≤ 768px)
- 3 columnas: logo | header | share en la misma fila
- Botones compactos e iguales
- Compartir: solo ícono (texto oculto, burbuja activa)
========================================================= */
@media (max-width: 768px){
/* Layout */
.v5-contenedor-busqueda{ flex-direction: column; }
.v5-columna-filtros, .v5-columna-resultados{ width: 100%; }
.v5-aviso{
grid-template-columns: 72px minmax(0,1fr) auto; /* logo | header | share */
grid-template-areas:
"logo header share"
"desc desc desc"
"vermas . apply";
gap: 12px;
padding: 16px;
overflow: visible; /* no recortar burbuja */
}
/* Visuales */
.v5-logo{ width: 64px; height: 64px; border-radius: 6px; }
.v5-header h4{ margin:0 0 4px; font-size: clamp(16px, 4.8vw, 18px); line-height: 1.25; }
.v5-subtitulo{ font-size: clamp(13px, 3.8vw, 15px); }
.v5-fecha-icono{ margin-top: 6px; font-size: clamp(12px, 3.5vw, 14px); }
.v5-resumen{
font-size: clamp(14px, 4.2vw, 15px);
line-height: 1.5;
word-break: break-word;
}
/* Botones uniformes y compactos */
.v5-btn-postular,
.v5-btn-compartir,
.v5-btn-vermas{
height:34px; padding:0 10px; font-size:13px; border-radius:10px;
}
.v5-share{ justify-self:end; align-self:start; }
.v5-apply{ justify-self:end; }
.v5-btn-vermas{ justify-self:start; }
/* Compartir solo ícono en móvil (NO ocultar burbuja) */
.v5-btn-compartir{
width: 38px; height: 34px; padding: 0; justify-content: center; overflow: visible;
}
.v5-btn-compartir > span:not(.copiado){ display: none; } /* oculta texto "Compartir" */
/* Burbuja algo más pequeña */
.v5-btn-compartir .copiado{
font-size: 11px; padding: 5px 8px;
bottom: calc(100% + 8px); left: 50%;
transform: translateX(-50%) translateY(6px);
}
}
/* =========================================================
RESPONSIVE — MÓVIL PEQUEÑO (≤ 420px)
========================================================= */
@media (max-width: 420px){
.v5-aviso{
grid-template-columns: 64px minmax(0,1fr) auto;
gap: 10px; padding: 14px;
}
.v5-logo{ width: 56px; height: 56px; }
.v5-btn-postular,
.v5-btn-compartir,
.v5-btn-vermas{
height:32px; padding:0 8px; font-size:12px;
}
.v5-btn-compartir{ width: 34px; height: 32px; }
.v5-resumen{ font-size: clamp(13px, 4.4vw, 14px); }
}
/* =========================================================
DESKTOP — MOSTRAR SOLO TEXTO EN COMPARTIR (OCULTAR ICONO)
========================================================= */
@media (min-width: 769px){
.v5-btn-compartir i { display: none; } /* sin icono en escritorio */
.v5-btn-compartir > span:not(.copiado){ display:inline; } /* asegura que el texto esté visible */
}
/* =========================================================
OVERRIDES FINALES PARA BOTONES
- Hover: solo oscurece background
- No cambia color de texto jamás
- Sin bordes/outline punteados ni subrayados
========================================================= */
/* Estados común a TODOS los botones (y visitado) */
.v5-btn-compartir,
.v5-btn-postular,
.v5-btn-vermas,
.v5-btn-compartir:visited,
.v5-btn-postular:visited,
.v5-btn-vermas:visited{
text-decoration: none !important;
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent;
}
/* Colores de texto FIJOS por botón (incluye todos los estados) */
.v5-btn-postular,
.v5-btn-postular:hover,
.v5-btn-postular:focus,
.v5-btn-postular:active,
.v5-btn-postular:visited{
color: #fff !important;
}
.v5-btn-compartir,
.v5-btn-compartir:hover,
.v5-btn-compartir:focus,
.v5-btn-compartir:active,
.v5-btn-compartir:visited{
color: #fff !important; /* en escritorio el texto “Compartir” se mantiene blanco */
}
.v5-btn-vermas,
.v5-btn-vermas:hover,
.v5-btn-vermas:focus,
.v5-btn-vermas:active,
.v5-btn-vermas:visited{
color: #344054 !important; /* “Ver más / Ver menos” siempre del mismo color */
}
/* Hover simples: solo cambia el fondo, nada más */
.v5-btn-postular:hover,
.v5-btn-postular:focus{ background:#1976d2 !important; }
.v5-btn-compartir:hover,
.v5-btn-compartir:focus{ background:#d20c70 !important; }
.v5-btn-vermas:hover,
.v5-btn-vermas:focus{ background:#e4e7ec !important; }
/* Quitar outline punteado en todos los navegadores */
.v5-btn-compartir:focus,
.v5-btn-postular:focus,
.v5-btn-vermas:focus,
.v5-btn-compartir:focus-visible,
.v5-btn-postular:focus-visible,
.v5-btn-vermas:focus-visible{
outline: none !important;
box-shadow: none !important;
}
/* Firefox legacy (por si acaso) */
.v5-btn-compartir::-moz-focus-inner,
.v5-btn-postular::-moz-focus-inner,
.v5-btn-vermas::-moz-focus-inner{
border: 0 !important;
}
/* =========================================================
VER MÁS / VER MENOS: hover simple y consistente
========================================================= */
.v5-btn-vermas{ transition: background-color .18s ease !important; }
.v5-btn-vermas:hover,
.v5-btn-vermas:focus,
.v5-btn-vermas:active,
.v5-btn-vermas.is-hover{
background-color:#e0e3e8 !important;
color:#344054 !important;
text-decoration:none !important;
outline:none !important;
box-shadow:none !important;
}
/* Estado táctil simulado */
.v5-btn-vermas.pressed{
background-color:#e0e3e8 !important;
color:#344054 !important;
}
@media (hover:none), (pointer:coarse){
.v5-btn-vermas:active{
background-color:#e0e3e8 !important;
color:#344054 !important;
}
}
/* =========================================================
MÓVIL: tarjetas más anchas (casi a los bordes)
========================================================= */
@media (max-width: 768px){
.v5-empleo{ padding:12px 12px 20px; }
.v5-listado-avisos{ margin-inline:-8px; } /* ensancha las cards */
.v5-aviso{ border-radius:12px; }
}
@media (max-width: 420px){
.v5-empleo{ padding:8px 8px 16px; }
.v5-listado-avisos{ margin-inline:-10px; }
}
/* =========================================================
MÓVIL: encabezado apilado
Línea 1: título (puede ocupar 2 líneas)
Línea 2: “Ordenar por:” + select EN LA MISMA LÍNEA
========================================================= */
@media (max-width: 768px){
.v5-resultados-header{
display:block;
padding-bottom:12px;
}
.v5-resultados-header h3{
margin:0 0 6px;
font-size:clamp(18px, 5.2vw, 20px);
line-height:1.2;
overflow:hidden;
text-overflow:ellipsis;
}
.v5-orden{
display:flex;
align-items:center;
gap:10px;
flex-wrap:nowrap;
white-space:nowrap; /* evita que “Ordenar por” se parta */
}
.v5-orden br{ display:none; } /* por si el HTML trae
*/
.v5-orden span, .v5-orden label{ flex:0 0 auto; }
.v5-orden select{
flex:1 1 auto; /* el select ocupa el resto de la línea */
min-width:0;
width:auto;
max-width:100%;
}
}
@media (max-width: 420px){
.v5-resultados-header h3{
font-size:clamp(17px, 5vw, 19px);
}
}