/* NotiTlax — hoja de estilos principal */
:root{
  --rojo:#b91c1c;
  --rojo-oscuro:#7f1d1d;
  --negro:#171717;
  --gris-oscuro:#3f3f3f;
  --gris:#6b6b6b;
  --gris-claro:#e5e5e5;
  --fondo:#faf9f7;
  --blanco:#ffffff;
  --fuente: "Georgia", "Times New Roman", serif;
  --fuente-ui: -apple-system, "Segoe UI", Roboto, sans-serif;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:var(--fuente);
  background:var(--fondo);
  color:var(--negro);
  line-height:1.6;
}

a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}

.contenedor{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

/* Barra superior */
.franja-superior{
  background:var(--negro);
  color:#cfcfcf;
  font-family:var(--fuente-ui);
  font-size:12.5px;
}
.franja-superior .contenedor{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:6px;
  padding-bottom:6px;
  flex-wrap:wrap;
  gap:6px;
}
.franja-superior .linea-emergencia{color:#f5b3b3}
.franja-superior .linea-emergencia strong{color:#fff}

/* Encabezado */
header.principal{
  background:var(--blanco);
  border-bottom:3px solid var(--negro);
}
header.principal .contenedor{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:18px;
  padding-bottom:14px;
}
.logo{
  font-family:var(--fuente);
  font-weight:700;
  font-size:34px;
  letter-spacing:-0.5px;
}
.logo span{color:var(--rojo)}
.tagline{
  font-family:var(--fuente-ui);
  font-size:12px;
  color:var(--gris);
  margin-top:2px;
}

nav.principal{
  background:var(--rojo);
}
nav.principal .contenedor{
  display:flex;
  gap:2px;
  flex-wrap:wrap;
}
nav.principal a{
  font-family:var(--fuente-ui);
  color:#fff;
  font-size:14px;
  font-weight:600;
  padding:12px 16px;
  display:inline-block;
}
nav.principal a:hover{background:var(--rojo-oscuro);text-decoration:none}
nav.principal a.activo{background:var(--rojo-oscuro)}

/* Botón menú móvil */
.boton-menu{
  display:none;
  background:var(--negro);
  border:none;
  color:#fff;
  font-size:16px;
  font-weight:600;
  padding:10px 16px;
  border-radius:3px;
  cursor:pointer;
  font-family:var(--fuente-ui);
}

/* Barra de categorías */
.barra-categorias{
  background:#f1efec;
  border-bottom:1px solid var(--gris-claro);
  overflow-x:auto;
  white-space:nowrap;
}
.barra-categorias .contenedor{
  display:flex;
  gap:4px;
  padding-top:2px;
  padding-bottom:2px;
}
.barra-categorias a{
  font-family:var(--fuente-ui);
  font-size:12.5px;
  font-weight:600;
  color:var(--gris-oscuro);
  padding:9px 12px;
  display:inline-block;
}
.barra-categorias a:hover{color:var(--rojo);text-decoration:none}

/* Caja de boletín */
.caja-boletin{
  background:#f1efec;
  border:1px solid var(--gris-claro);
  border-radius:4px;
  padding:20px;
  margin-top:24px;
  font-family:var(--fuente-ui);
}
.caja-boletin h3{
  font-family:var(--fuente);
  font-size:17px;
  margin:0 0 8px;
}
.caja-boletin p{
  font-size:13px;
  color:var(--gris-oscuro);
  margin:0 0 12px;
}
.caja-boletin form{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.caja-boletin input{
  padding:9px 10px;
  border:1px solid #ccc;
  border-radius:3px;
  font-size:13px;
}
.caja-boletin button{
  background:var(--rojo);
  color:#fff;
  border:none;
  padding:9px 14px;
  border-radius:3px;
  font-weight:700;
  cursor:pointer;
  font-size:13px;
}
.caja-boletin button:hover{background:var(--rojo-oscuro)}
.nota-boletin{
  font-size:11px !important;
  color:var(--gris) !important;
  margin-top:10px !important;
}

/* Hero / destacado */
.destacado{
  padding:34px 0 10px;
}
.destacado-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:28px;
}
.tarjeta-principal{
  border-bottom:1px solid var(--gris-claro);
  padding-bottom:20px;
}
.tarjeta-principal .imagen-marcador{
  aspect-ratio:16/9;
  border-radius:2px;
  margin-bottom:14px;
  display:flex;
  align-items:flex-end;
  padding:16px;
}
.imagen-marcador span{
  position:relative;
  z-index:1;
  font-family:var(--fuente-ui);
  color:#fff8;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* Gráficos de portada: degradado + ícono por categoría + textura sutil */
.imagen-marcador{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#4b4b4b,#1b1b1b);
}
.imagen-marcador::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 88% 12%, rgba(255,255,255,.10), transparent 45%),
    radial-gradient(circle at 8% 95%, rgba(255,255,255,.06), transparent 40%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 2px, transparent 2px 26px);
}
.imagen-marcador::after{
  content:"";
  position:absolute;
  right:5%;
  bottom:5%;
  width:30%;
  max-width:88px;
  aspect-ratio:1/1;
  background-color:rgba(255,255,255,.32);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.tarjeta-principal .imagen-marcador::after{width:64px;max-width:64px}
.tarjeta .imagen-marcador::after{width:52px;max-width:52px}

.cat-prevencion{background:linear-gradient(135deg,#8a1414,#3b0a0a)}
.cat-prevencion::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,3 19,6 19,11 12,21 5,11 5,6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,3 19,6 19,11 12,21 5,11 5,6'/%3E%3C/svg%3E")}

.cat-denuncia{background:linear-gradient(135deg,#8a1414,#3b0a0a)}
.cat-denuncia::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3,10 3,14 7,14 13,18 13,6 7,10'/%3E%3Cpolyline points='16,9 18,12 16,15'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3,10 3,14 7,14 13,18 13,6 7,10'/%3E%3Cpolyline points='16,9 18,12 16,15'/%3E%3C/svg%3E")}

.cat-derechos{background:linear-gradient(135deg,#334155,#0f172a)}
.cat-derechos::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3Cline x1='5' y1='7' x2='19' y2='7'/%3E%3Cpolygon points='2,13 5,7 8,13'/%3E%3Cpolygon points='16,13 19,7 22,13'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='3' x2='12' y2='21'/%3E%3Cline x1='5' y1='7' x2='19' y2='7'/%3E%3Cpolygon points='2,13 5,7 8,13'/%3E%3Cpolygon points='16,13 19,7 22,13'/%3E%3C/svg%3E")}

.cat-comercio{background:linear-gradient(135deg,#92400e,#3a1706)}
.cat-comercio::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3,9 21,9 18,3 6,3'/%3E%3Crect x='4' y='9' width='16' height='11'/%3E%3Crect x='10' y='14' width='4' height='6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3,9 21,9 18,3 6,3'/%3E%3Crect x='4' y='9' width='16' height='11'/%3E%3Crect x='10' y='14' width='4' height='6'/%3E%3C/svg%3E")}

.cat-comunidad{background:linear-gradient(135deg,#0f766e,#042f2e)}
.cat-comunidad::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpolyline points='2,20 2,18 5,15 11,15 14,18 14,20'/%3E%3Cpolyline points='14,20 14,18 16,16 21,16 22,18 22,20'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpolyline points='2,20 2,18 5,15 11,15 14,18 14,20'/%3E%3Cpolyline points='14,20 14,18 16,16 21,16 22,18 22,20'/%3E%3C/svg%3E")}

.cat-transito{background:linear-gradient(135deg,#1d4ed8,#0b1a4d)}
.cat-transito::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='4,16 5,11 8,8 16,8 19,11 20,16'/%3E%3Cline x1='3' y1='16' x2='21' y2='16'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='4,16 5,11 8,8 16,8 19,11 20,16'/%3E%3Cline x1='3' y1='16' x2='21' y2='16'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}

.cat-proteccion-civil{background:linear-gradient(135deg,#c2410c,#3f1305)}
.cat-proteccion-civil::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,3 22,20 2,20'/%3E%3Cline x1='12' y1='10' x2='12' y2='15'/%3E%3Ccircle cx='12' cy='17.5' r='0.6' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,3 22,20 2,20'/%3E%3Cline x1='12' y1='10' x2='12' y2='15'/%3E%3Ccircle cx='12' cy='17.5' r='0.6' fill='%23fff'/%3E%3C/svg%3E")}

.cat-violencia-familiar{background:linear-gradient(135deg,#701a75,#280a2a)}
.cat-violencia-familiar::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8.5' cy='9' r='4'/%3E%3Ccircle cx='15.5' cy='9' r='4'/%3E%3Cpolygon points='3,10.5 21,10.5 12,20'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8.5' cy='9' r='4'/%3E%3Ccircle cx='15.5' cy='9' r='4'/%3E%3Cpolygon points='3,10.5 21,10.5 12,20'/%3E%3C/svg%3E")}

.cat-ciberseguridad{background:linear-gradient(135deg,#0e7490,#062b32)}
.cat-ciberseguridad::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='1'/%3E%3Cline x1='8' y1='11' x2='8' y2='7'/%3E%3Cline x1='16' y1='11' x2='16' y2='7'/%3E%3Cline x1='8' y1='7' x2='16' y2='7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='1'/%3E%3Cline x1='8' y1='11' x2='8' y2='7'/%3E%3Cline x1='16' y1='11' x2='16' y2='7'/%3E%3Cline x1='8' y1='7' x2='16' y2='7'/%3E%3C/svg%3E")}

.cat-transparencia{background:linear-gradient(135deg,#15803d,#052e16)}
.cat-transparencia::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cline x1='14.5' y1='14.5' x2='21' y2='21'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cline x1='14.5' y1='14.5' x2='21' y2='21'/%3E%3C/svg%3E")}
.categoria{
  display:inline-block;
  font-family:var(--fuente-ui);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.6px;
  color:var(--rojo);
  margin-bottom:8px;
}
.tarjeta-principal h1{
  font-size:32px;
  margin:0 0 10px;
  line-height:1.2;
}
.tarjeta-principal p.resumen{
  color:var(--gris-oscuro);
  font-size:16px;
  margin:0 0 10px;
}
.meta{
  font-family:var(--fuente-ui);
  font-size:12.5px;
  color:var(--gris);
}

.lista-secundaria{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.tarjeta-chica{
  border-bottom:1px solid var(--gris-claro);
  padding-bottom:14px;
  transition:transform .15s ease;
}
.tarjeta-chica:hover{transform:translateX(2px)}
.tarjeta-chica h3{
  font-size:17px;
  margin:4px 0 6px;
  line-height:1.3;
}
.tarjeta-chica .meta{font-size:11.5px}

/* Rejilla de artículos */
.seccion-titulo{
  font-family:var(--fuente-ui);
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  border-bottom:2px solid var(--negro);
  padding-bottom:8px;
  margin:36px 0 18px;
}
.rejilla-articulos{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  padding-bottom:20px;
}
.rejilla-dos{
  grid-template-columns:repeat(2,1fr);
}
.seccion-con-sidebar{
  display:grid;
  grid-template-columns:2fr 1fr;
  align-items:start;
  gap:30px;
}
.tarjeta{
  display:flex;
  flex-direction:column;
  transition:transform .15s ease, box-shadow .15s ease;
  border-radius:3px;
}
.tarjeta:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.10);
}
.tarjeta:hover .imagen-marcador::after{background-color:rgba(255,255,255,.5)}
.imagen-marcador::after{transition:background-color .15s ease}
.tarjeta .imagen-marcador{
  aspect-ratio:16/9;
  border-radius:2px;
  margin-bottom:10px;
}
.tarjeta h3{
  font-size:18px;
  margin:0 0 8px;
  line-height:1.3;
}
.tarjeta p{
  color:var(--gris-oscuro);
  font-size:14.5px;
  margin:0 0 8px;
}

/* Caja de recursos / denuncia */
.caja-ayuda{
  background:var(--negro);
  color:#fff;
  border-radius:4px;
  padding:26px 28px;
  margin:30px 0;
  font-family:var(--fuente-ui);
}
.caja-ayuda h2{
  font-family:var(--fuente);
  font-size:20px;
  margin:0 0 8px;
  color:#fff;
}
.caja-ayuda p{margin:0 0 14px;color:#d8d8d8;font-size:14px}
.lista-contactos{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.contacto-item{
  background:#232323;
  border-left:3px solid var(--rojo);
  padding:12px 14px;
  border-radius:2px;
}
.contacto-item .etiqueta{font-size:11px;color:#a3a3a3;text-transform:uppercase;letter-spacing:.5px}
.contacto-item .valor{font-size:16px;font-weight:700;margin-top:2px}

/* Artículo individual */
.articulo{
  max-width:760px;
  margin:0 auto;
  padding:36px 20px 60px;
}
.articulo .categoria{margin-bottom:10px}
.articulo h1{
  font-size:34px;
  line-height:1.2;
  margin:0 0 14px;
}
.articulo .meta{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--gris-claro)}
.articulo .imagen-marcador{
  aspect-ratio:16/8;
  border-radius:2px;
  margin-bottom:22px;
}
.articulo .imagen-marcador::after{width:80px;max-width:80px}
.cuerpo-articulo p{
  font-size:18px;
  margin:0 0 20px;
  color:#232323;
}
.cuerpo-articulo h2{
  font-size:22px;
  margin:32px 0 12px;
}
.cuerpo-articulo ul{
  font-size:17px;
  padding-left:22px;
  margin:0 0 20px;
}
.cuerpo-articulo li{margin-bottom:8px}
.cuerpo-articulo blockquote{
  border-left:3px solid var(--rojo);
  margin:24px 0;
  padding:6px 0 6px 18px;
  font-style:italic;
  color:var(--gris-oscuro);
}
.nota-fuentes{
  font-family:var(--fuente-ui);
  font-size:12.5px;
  color:var(--gris);
  background:#f1efec;
  padding:14px 16px;
  border-radius:3px;
  margin-top:30px;
}

/* Páginas institucionales */
.pagina{
  max-width:760px;
  margin:0 auto;
  padding:36px 20px 60px;
}
.pagina h1{font-size:30px;margin-bottom:6px}
.pagina .subrayado{
  width:60px;height:3px;background:var(--rojo);margin-bottom:22px;
}
.pagina p{font-size:16.5px;color:#2a2a2a;margin-bottom:16px}
.pagina h2{font-size:20px;margin:28px 0 10px}

form.contacto{
  display:flex;
  flex-direction:column;
  gap:12px;
  font-family:var(--fuente-ui);
  max-width:480px;
}
form.contacto label{font-size:13px;font-weight:600;color:var(--gris-oscuro)}
form.contacto input, form.contacto textarea{
  padding:10px 12px;
  border:1px solid #ccc;
  border-radius:3px;
  font-family:inherit;
  font-size:14px;
}
form.contacto button{
  background:var(--rojo);
  color:#fff;
  border:none;
  padding:12px 18px;
  border-radius:3px;
  font-weight:700;
  cursor:pointer;
  font-size:14px;
  width:fit-content;
}
form.contacto button:hover{background:var(--rojo-oscuro)}

/* Pie de página */
footer.principal{
  background:var(--negro);
  color:#b8b8b8;
  font-family:var(--fuente-ui);
  margin-top:50px;
}
footer.principal .contenedor{
  padding:36px 20px 24px;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:30px;
}
footer.principal h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px}
footer.principal p, footer.principal a{font-size:13px;line-height:1.8;color:#b8b8b8}
footer.principal ul{list-style:none;padding:0;margin:0}
.pie-legal{
  border-top:1px solid #333;
  text-align:center;
  padding:16px 20px;
  font-size:12px;
  color:#8a8a8a;
}

/* Responsivo */
@media (max-width: 800px){
  .destacado-grid{grid-template-columns:1fr}
  .rejilla-articulos{grid-template-columns:1fr 1fr}
  .seccion-con-sidebar{grid-template-columns:1fr}
  footer.principal .contenedor{grid-template-columns:1fr}
  nav.principal .contenedor{
    flex-direction:column;
    display:none;
  }
  nav.principal .contenedor.abierto{display:flex}
  .boton-menu{display:block;margin-left:auto}
  nav.principal{position:relative}
}
@media (max-width: 560px){
  .rejilla-articulos{grid-template-columns:1fr}
  .logo{font-size:26px}
  .articulo h1{font-size:26px}
}

/* Imagen real en lugar del marcador */
.imagen-marcador.con-foto::before,.imagen-marcador.con-foto::after{display:none}
.imagen-marcador.con-foto img{width:100%;height:100%;object-fit:cover;display:block}